Les 20 astuces UX à connaître

Conseils UX
(Crédit d'image: Getty)

Recueillir les conseils UX des experts pourrait être la clé du succès de votre site Web. Au cours des 20 dernières années, j'ai travaillé avec de grandes marques à travers des expériences multidisciplinaires. En faisant cela, vous avez tendance à acquérir un tas de connaissances que vous utilisez quotidiennement sans même y penser. Le genre de choses qui s'enracinent. Que vous soyez novice dans l'expérience utilisateur et la conception d'interface utilisateur ou un vétéran de la conception polyvalente, j'espère que c'est un petit aperçu de mes 20 meilleurs conseils de pro pour créer les meilleures expériences possibles pour vos utilisateurs.

Si vous concevez une toute nouvelle UX, vous voudrez voir comment cela se passe avec l'utilisateur. Consultez le guide pratique de Creative Bloq pour test utilisateur pour tout ce que vous aurez besoin de savoir. Vous concevez un nouveau site? Choisissez le bon Générateur de site Web avec notre guide.

01. Connaissez vos utilisateurs

Conseils UX: profils d



Apprenez à connaître vos utilisateurs, écoutez-les et mélangez votre façon de tester(Crédit d'image: Getty)

En tant que concepteur, il est très important de concevoir la manière dont vos utilisateurs sont susceptibles d'interagir avec un site Web, un produit ou une application mobile lorsqu'ils l'explorent. N'utilisez pas uniquement des analyses et des statistiques; mettez-vous dans la peau de vos utilisateurs. Creusez un peu plus profondément. Après avoir compris les utilisateurs, vous serez en mesure de prendre des décisions éclairées dans votre conception.

02. Rédiger des profils d'utilisateurs et des user stories

Lors de la création de profils d'utilisateurs, assurez-vous d'interroger réellement une personne. Maintes et maintes fois, je vois beaucoup de profilage inventé et non basé sur une quelconque forme de recherche. Lorsque vous rédigez des user stories, avoir en tête une personne réelle vous aidera à orienter ces utilisateurs vers les décisions que vous souhaitez. Ne jamais assumer en tant que designer. Il est recommandé d’entrer dans la routine d’écriture des user stories.

Une user story est une définition de haut niveau d'une exigence, contenant juste assez d'informations pour que vous puissiez l'implémenter dans votre UX. Cela permet non seulement de concentrer la hiérarchie de ce que vous essayez de faire faire aux gens, mais cela vous aide également à définir clairement les objectifs de l'utilisateur. Pointez les user stories vers vos profils utilisateur dans la conception de votre interaction. En fin de compte, cela aidera à la conversion et créera également une hiérarchie de test à partir de laquelle travailler.

03. Écoutez vos utilisateurs

L'écoute est l'un des aspects les plus importants d'une bonne conception UX. Prenez toujours le temps d'écouter vos clients et surtout lorsque vous collaborez avec des spécialistes du taux de conversion. En tant que concepteur UX, il est de votre responsabilité de rassembler toutes les exigences d'un large éventail de parties prenantes.

C'est pourquoi les plus grands projets numériques sont souvent ceux où il y a un équilibre parfait entre les objectifs du client et les besoins de l'utilisateur. Asseyez-vous sur cette clôture et équilibrez-vous bien.

04. Sortez de l'environnement de laboratoire lorsque vous testez le mobile

Cela fait longtemps que j’y réfléchis à propos des tests utilisateurs. Pourquoi tester un utilisateur dans un laboratoire alors que la majorité de son temps à utiliser un mobile est en déplacement? Vous pouvez obtenir un excellent aperçu en modifiant la façon dont vous testez et où vous testez.

05. Utiliser des outils efficaces pour les équipes collaboratives

Conseils UX: flux de travail

Tenez compte des outils, de la logique et de l'animation(Crédit d'image: Getty)

Si vous êtes une entreprise indépendante, vous vous retrouverez sans aucun doute à collaborer avec un certain nombre de spécialistes sur un projet. La mise en place de canaux de communication clairs est indispensable. Je passe plus de temps à planifier, collaborer et organiser des équipes pour proposer des produits et un design de qualité. J'ai tendance à utiliser des logiciels tels que Jira ou Confluence pour les projets les plus lourds et Trello ou Asana pour les petits projets liés à Slack (consultez également ces top stockage en ligne options). Ce sont des outils fantastiques pour vous faciliter la vie lors de la réalisation de projets. Cela permettra également d'économiser votre boîte de réception et la possibilité de perdre un e-mail important.

06. Concevoir avec UX à l'esprit

Il est bon de chercher l’inspiration. Il existe de nombreuses ressources en ligne et d'immenses communautés d'utilisateurs qui partagent leur travail, leurs recherches et leurs résultats, alors recherchez-les. J'aime trouver l'inspiration UX sur Instagram et sur des sites comme awwwards.com et Behance .

07. Embrassez l'espace blanc

J'utilise toujours une typographie cohérente et des espaces blancs. Vos clients s'attendront à ce que vous remplissiez l'espace ou certainement «agrandissez le logo», mais l'espace blanc est si important, en particulier pour la conception pour mobile. Assurez-vous de suivre certains systèmes de grille simples. Je fais cela tout le temps avec des mises en page. Cela rend non seulement le processus de conception plus simple mais aussi cohérent. Amusez-vous avec les espaces blancs et n’ayez pas peur de jouer avec la taille des en-têtes typographiques et les polices que vous utilisez. Pensez à un site Web comme à un road trip: déplacez les utilisateurs de manière transparente d'une section à l'autre en comprenant les personnalités, les objectifs et les besoins des utilisateurs. (N'oubliez pas de vous assurer que votre hébergement Web le service est adapté aux besoins de votre site.)

08. Ne placez jamais l'émotion avant la logique

Conseils UX sans friction

Veillez à ne pas distraire l'utilisateur(Crédit d'image: Getty)

Les utilisateurs perçoivent souvent les conceptions visuellement agréables comme étant faciles à utiliser. Cependant, il y a une ligne fine entre distraire un utilisateur de sa tâche et appliquer le branding / marketing. Les utilisateurs sont plus susceptibles de remarquer les éléments en haut de la page, par ordre d'importance.

09. Inclure une animation

Les écrans de démarrage et les animations de chargement simples créent une intrigue de marque. Lorsque vous intégrez un utilisateur pour la première fois, faites un effort supplémentaire avec des animations simples, les meilleurs conseils ou même présentez votre application avec des animations de marque. Autorisez l'utilisateur à ignorer ou à 'ne pas afficher' s'il revient, mais ne surchargez pas vos animations. Plus de trois secondes de temps de chargement se traduisent par un taux de rebond d'environ 55%. Donnez des commentaires aux utilisateurs si leur temps d'attente est supérieur à une seconde.

10. Réduisez le besoin de carrousels

D'accord, je vais lever la main et admettre avoir utilisé un carrousel dans un projet récent, mais c'était pour expliquer le processus d'un client et ce n'était pas seulement le dernier marketing promotionnel qui m'avait demandé d'ajouter dans une page d'accueil. Les statistiques indiquent que la plupart des utilisateurs arrêtent de visualiser le contenu du carrousel après trois ou quatre diapositives. Ne surchargez pas un carrousel avec plus de quatre diapositives ou mieux encore, prenez l’habitude de ne pas les utiliser du tout.

11. Focus sur les détails

Pensez à vous concentrer sur les autres petits détails, car cela fera passer votre expérience utilisateur au niveau supérieur. À quand remonte la dernière fois que vous avez conçu une page 404 intéressante? Voici quelques excellents exemples de conception d'une page d'erreur 404 - et comment ne pas le faire.

12. Se concentrer sur le contenu

Conseils UX: Contenu

Le contenu est roi(Crédit d'image: Getty)

Copie et règle de contenu en ce qui concerne votre interface. Faites bon usage des titres, des sous-titres et des sauts de copie. Créez des paragraphes plus petits pour aider les spectateurs à analyser rapidement vos pages Web afin de rendre votre contenu plus convivial. J'aime m'assurer que la copie n'est pas trop longue. Soyez clair et concis avec ce que vous dites. Les utilisateurs feront défiler la page Web tant qu'il est clair que les informations pertinentes se trouvent sous le pli. Cependant, ne faites pas les pages trop longues. Tout est dans la balance.

13. Conception avec contenu et non texte latin

Je vois cela tout le temps lorsque les concepteurs ne travaillent pas avec le contenu. Cela aide les clients à «remplir les cases», mais la conception UX et UI ne devrait jamais être à ce sujet. Lorsque je conçois, je vise à écrire le contenu ou à collaborer avec un rédacteur. Cela donne au client plus de contexte avec vos wireframes et les premières étapes de conception. Même s'il s'agit d'un premier projet de contenu, il vous permet toujours de prendre des décisions plus éclairées sur la façon dont le contenu avec lequel les gens interagissent sera présenté.

14. Ayez une conversation avec les utilisateurs de votre site

Conseils UX

Rendre les expériences en ligne conversationnelles(Crédit d'image: Getty)

Enfin pas littéralement mais métaphoriquement. Rendre les expériences en ligne conversationnelles. Le contenu peut être tellement plus attrayant lorsque vos utilisateurs se connectent. Ne laissez pas les utilisateurs dans l’ignorance; offrir des conseils simples (je ne parle pas de gaufres) sur ce qu'ils doivent faire. Cela le rend plus attrayant. Des marques comme Innocent Drinks sont un excellent exemple de la façon de créer une bonne conversation avec l'expérience de la marque.

15. Sachez que moins c'est plus

Paul Rand , Directeur artistique et graphiste américain né en 1914, a dit un jour: «Un bon design ne date pas, un mauvais design le fait». Nous avons tendance à voir beaucoup de tendances et de styles de conception qui vont et viennent, non seulement en termes d'interface utilisateur et d'UX, mais dans le design en général. Trouvez votre propre style de conception. Travaillez dur, créez des règles, suivez les pratiques de conception et demandez-vous pourquoi. Tout grand design a toujours une chose en commun: la simplicité. Efforcez-vous donc de simplicité et de clarté dans votre conception pour vous assurer qu'elle est reçue par le public en un seul coup d'œil ou en une seule interaction. Les conceptions minimalistes et simples sont faciles à comprendre et sont plus appréciées par votre public.

16. Apprenez la loi de Hick

Si vous ne connaissez pas Loi de Hick , faites des recherches dessus, car cela changera votre façon d'aborder la conception de l'interface utilisateur. La loi de Hick - également connue sous le nom de loi Hick – Hyman - prend son surnom des psychologues britanniques et américains William Edmund Hick et Ray Hyman et établit le temps qu'il faut à une personne pour prendre une décision en fonction des choix possibles disponibles.

La loi de Hick évalue la capacité d’information dans les expériences de réaction de choix. Le temps nécessaire pour traiter un certain nombre de bits dans la loi de Hick – Hyman est appelé taux de gain d'information. Donc, essentiellement, gardez ces options au minimum. Appliquez ces conseils pratiques à vos créations. Supprimez les bruits inutiles pour que les utilisateurs aient un parcours d'interaction clair.

Vous devez trouver l'équilibre entre la création d'une expérience de marque engageante qui convertit les utilisateurs et la conception de quelque chose qui semble sortir tout droit des années 1990. Accélérez les choses en réduisant les chances que les utilisateurs soient distraits et partent. Faites des recherches plus approfondies sur la loi de Hick car elle vous aidera sans aucun doute avec votre produit final; cela m'a certainement aidé.

17. N'interrompez jamais les utilisateurs sans raison

Ne me lancez pas sur les chatbots ou les messages instantanés. Bien qu'il y ait des avantages et des inconvénients à utiliser les chatbots, interrompre un utilisateur au début de son parcours de résolution de problèmes nuit à son expérience. Par exemple, ouvrir une boîte de dialogue sans que l'utilisateur n'ait rien fait est une mauvaise idée et tout simplement ennuyeux. De nombreux sites bombardent les visiteurs avec «Comment puis-je aider?» Ou «Je suis un chatbot… commençons». Un dialogue doit toujours s'ouvrir sur une interaction et ne jamais être intrusif.

18. Évitez «Get Started» comme appel à l'action

Évitez «Get Started» comme appel à l’action. C’est l’un de mes animaux de compagnie. Je le vois beaucoup. En fait, évitez le langage intériorisé dans tout appel à l'action, mais surtout «Commencez». Votre client peut appeler cela une chose mais votre utilisateur peut ne pas le comprendre. La langue est essentielle, alors assurez-vous qu’elle est simple et directe. Veillez à ne jamais utiliser un langage ambigu.

19. Soyez proactif en matière de conception réactive

Conseils UX: Accessibilité

Conception avec accessibilité et réactivité à l'esprit(Crédit d'image: Getty)

Je commence toujours par concevoir pour le mobile, puis je travaille simultanément sur le mobile et le bureau. Il existe d'autres approches que «simplement empiler le contenu» pour mobile. En tant que concepteur d’interface utilisateur, j’ai appris à concevoir efficacement des interfaces utilisateur réactives qui utilisent des mises en page, des images et des feuilles de style flexibles. Avoir une bonne relation avec votre codeur est indispensable si vous ne créez pas le site ou l'application.

20. Rendez vos créations accessibles

J'ai eu une expérience de travail il y a quelques années avec un client qui était extrêmement frustré pendant la phase de conception. Il y a eu un énorme problème en essayant de faire signer les couleurs. Ce que je n’avais pas constaté, c’était que le client était en fait un peu daltonien. Daltonisme (déficit de la vision des couleurs) affecte environ un homme sur 12 et une femme sur 200 dans le monde. En Grande-Bretagne, cela signifie qu'il y a environ 3 millions de daltoniens (environ 4,5% de la population totale), dont la plupart sont des hommes.

Je recommande vivement de se procurer certaines spécifications de la carte SIM pendant votre processus de test. Cela portera vos tests utilisateur à un nouveau niveau. Convertissez vos conceptions en niveaux de gris pour garantir à tous les utilisateurs une expérience unifiée. Évitez d'utiliser le bleu pour tout texte sur des sites Web autres que des liens. Soyez également conscient du contraste sur les sites Web mobiles. Réservez une couleur pour les CTA et assurez-vous qu'elle contraste avec le reste de la page. Les couleurs froides et sombres restent à l'arrière-plan et les couleurs chaudes et lumineuses comme l'orange se manifestent. Si la marque de votre client a des tons similaires, recommandez une nouvelle couleur de contraste. Vous constaterez peut-être que les conversions augmentent.

Découvrez notre guide de conception Web inclusive .

Cet article a été initialement publié dans le numéro 321 de rapporter , le magazine le plus vendu au monde pour les concepteurs et développeurs Web. Acheter le numéro 321 ou abonnez-vous au net .

Articles Liés: