La liste de contrôle complète de la conception UX en 25 tours

L’idée derrière la conception UX est simple: les utilisateurs heureux et confiants sont plus susceptibles d’acheter chez vous. Ils sont plus susceptibles de vous faire confiance, de vous inscrire à vos listes de diffusion ou de télécharger votre application.


Je pense souvent à la conception de l’expérience utilisateur (ou à la conception UX) comme de la psychologie plutôt que du développement.

Un bon design UX consiste à entrer dans la tête de vos visiteurs.

Il anticipe chacun de leurs mouvements et crée un site Web simple, intuitif et agréable à utiliser.

Malheureusement, il n’y a pas de réponse facile ni de solution miracle pour une bonne conception UX. C’est l’aboutissement de nombreux petits ajustements. Chacun améliore l’expérience sur votre site Web.

Dans cet esprit, j’ai rassemblé une liste de contrôle de 25 petits ajustements (et faciles) qui feront briller votre conception UX.

1. Vitesse

La vitesse du site Web est votre toute première chance de faire bonne impression. C’est votre premier obstacle UX.

Vitesse du site Web

(source d’image)

Trop lent et vos visiteurs sont déjà agités et moins susceptibles de vous faire confiance. Nous associons instinctivement vitesse et professionnalisme, et la plupart des visiteurs s’attendent à ce que votre site Web se charge en deux secondes.

Rien de plus lent que cela, et c’est une mauvaise expérience utilisateur, dès le début.

Assurez-vous que la vitesse de votre serveur est à la hauteur et réduisez le poids de votre site pour qu’il s’ouvre rapidement.

2. Qui êtes-vous et que faites-vous?

Votre prochain grand défi est d’informer rapidement vos visiteurs. Qui êtes vous? Que faire? Et quelle valeur pouvez-vous leur donner?

Accessoire de valeur Netflix

C’est ce qu’on appelle une proposition de valeur, et c’est tellement important que nous avons écrit un article de blog entier à ce sujet. Vous n’avez que quelques secondes pour convaincre vos visiteurs, alors faites en sorte que cela compte!

Essayez-le maintenant: résumez l’ensemble de votre site Web en une phrase et signalez où vous souhaitez que les visiteurs aillent ensuite.

3. Assurez-vous que les visiteurs peuvent vous contacter

Une partie essentielle de la conception UX élimine les soucis ou les angoisses de vos visiteurs.

L’un des plus grands soucis des nouveaux visiteurs est de savoir s’ils doivent vous faire confiance ou non, surtout si vous êtes un nouveau site Web..

Une façon d’éliminer cette anxiété est de leur montrer qu’il y a une vraie personne dans les coulisses. Ajoutez une adresse professionnelle, un numéro de téléphone et une véritable adresse e-mail. (PAS un formulaire de contact – les gens ont tendance à méfiez-vous d’eux par rapport à une adresse e-mail directe).

Encore mieux, utiliser une boîte de chat en direct pour que les utilisateurs puissent poser des questions instantanément.

Tagove Live Chat

En cas de problème, il est bon de savoir qu’ils peuvent facilement entrer en contact.

4. Donnez toujours aux visiteurs un moyen de rentrer chez eux

Nous nous sommes tous déjà perdus sur des sites Web auparavant. Vous suivez des liens et vous vous retrouvez dans un terrier de lapin.

Si cela se produit, vos visiteurs deviennent agités et frustrés. Ils appuieront instinctivement sur le bouton «X» pour fermer le navigateur.

Au lieu de cela, assurez-vous qu’il existe un bouton “Accueil” clair et défini, afin qu’ils puissent toujours recommencer. En règle générale, les utilisateurs s’attendent à ce que votre logo renvoie également à la page d’accueil, alors assurez-vous.

5. Encore mieux, laissez les miettes de pain afin qu’ils sachent où ils se trouvent

En plus de leur donner un redémarrage rapide, utilisez le fil d’Ariane pour expliquer où ils en sont dans le processus.

De grandes barres de progression sont idéales pour cela. Si c’est pendant le processus de paiement, par exemple, faites savoir à votre utilisateur où il se trouve et ce qu’il reste à faire.

checkout-progress-bar

(source d’image)

Encore une fois, c’est de la simple psychologie. Par exemple, se promener est beaucoup plus fatigant quand on ne sait pas où est la fin. Nous nous sentons beaucoup plus à l’aise lorsque nous avons une carte. La même idée s’applique en ligne.

6. Supprimez toutes les actions répétitives

Il est extrêmement frustrant de saisir deux fois les mêmes données sur un formulaire (comme une adresse de facturation et une adresse de livraison). Essayez de vous débarrasser de toute action répétitive qui ralentit le processus d’achat.

Ce sont des choses comme ça qui conduisent à l’abandon du panier. Vos visiteurs regarderont ailleurs.

Encore mieux, créez un système qui se souvient des préférences de vos clients. Cela les surprendra et les ravira quand tout sera là pour les attendre. C’est une chose simple qui améliore les chances de retour des clients.

7. Utilisez des infobulles pour aider les débutants (mais ne gênez pas les experts!)

Certains de vos visiteurs seront des habitués. Ils passeront en revue vos feuilles d’inscription et votre processus d’achat. D’autres seront flambant neufs, et ils pourraient avoir des questions en cours de route.

De petites icônes «info-bulles» (souvent identifiées par un point d’interrogation) aideront les débutants à comprendre ce qu’ils doivent faire. Mais en même temps, ils ne gênent pas vos experts.

info-bulles

(source d’image)

Vous pouvez même fournir des raccourcis ou des raccourcis pour accélérer les experts. Vous verrez souvent des liens “ignorer ceci” sur la plupart des explicateurs de sites Web et d’applications, par exemple.

8. Créez un grand appel à l’action audacieux

Un appel à l’action indique exactement à votre visiteur ce qu’il doit faire: «Inscrivez-vous» ou «Achetez maintenant» par exemple. Assurez-vous que cela est simple, direct et explique la valeur de le faire.

CTA

(source d’image)

Mieux encore, faites-en une couleur claire et audacieuse (les verts et les oranges font des merveilles ici) et entourez-les d’un espace blanc. Cela devrait attirer directement l’attention de vos utilisateurs, leur donnant une indication claire que c’est ce que vous voulez qu’ils fassent.

9. Faites une distinction claire entre les incitations à l’action primaires et secondaires

Avec beaucoup d’appels à l’action, vous verrez deux options. «Soumettre» et «annuler» par exemple. Ou «télécharger maintenant» et «essai gratuit».

spotify-cta

Il est clair quelle action vous voulez que le visiteur prenne, alors assurez-vous qu’il le sache. Consultez la page d’accueil de Spotify. Ils ont rendu le bouton «Go Premium» audacieux et accrocheur. Ils ont fait fondre le bouton “jouer gratuitement” en arrière-plan.

Ce n’est encore qu’une simple psychologie. Vous faites subtilement savoir à vos utilisateurs sur lequel cliquer.

10. Utilisez la hiérarchie pour montrer aux utilisateurs où aller ensuite

Espérons que vous devriez avoir un «parcours utilisateur» clair à l’esprit. Supposons que vous donniez des cours en ligne via votre site Web. Un parcours utilisateur simple pourrait ressembler à ceci:

Lire le dernier blog > téléchargez le rapport gratuit et inscrivez-vous à la liste de diffusion > inscrivez-vous à votre cours en ligne payant.

Si vous avez un parcours clair, vous pouvez créer une hiérarchie visuelle pour diriger les utilisateurs où vous le souhaitez. Dans ce cas, assurez-vous que votre blog est la première chose qu’ils voient. Ensuite, vous commencerez à inclure de nombreux liens vers votre liste de diffusion.

11. Ne plaisante pas avec les éléments attendus!

Il est souvent difficile de résister à l’envie de faire preuve de créativité avec les mises en page et les éléments. Mais le fait est que nous savons tous à quoi devrait ressembler une boutique en ligne. Nous nous attendons à ce que les produits soient classés en catégories simples. Nous attendons des descriptions de produits, des avis et un processus d’achat familier.

caisse de pomme

N’essayez pas de réinventer la roue avec ces aspects cruciaux! Rester simple.

12. Tenez-vous à une simple palette de 3 couleurs

Encore une fois, il s’agit de résister à l’envie de trop compliquer les choses. Combiner plus de 3 couleurs primaires est difficile et cela déroutera souvent vos utilisateurs.

palette

(source d’image)

La couleur est également très utile pour façonner l’expérience de votre utilisateur car étroitement lié à la psychologie et l’émotion. Par exemple, nous associons le bleu à la confiance (il y a une raison pour laquelle Facebook utilise le bleu!)

Faites correspondre votre palette de couleurs avec votre produit.

13. Pourquoi ai-je une erreur? Et qu’est-ce que je fais maintenant?

Parfois, les choses tournent mal et les erreurs 404 sont inévitables. Cependant, vous pouvez réellement transformer cela en une expérience utilisateur positive.

Expliquez exactement pourquoi ils obtiennent cette erreur en créant des pages 404 et 504 personnalisées. Le «fail whale» de Twitter était célèbre pour.

twitter échouer baleine

Pour les erreurs inconnues, rassurez les utilisateurs sur le fait que vous y travaillez et redirigez-les vers votre site Web.

Les impasses, comme les pages d’erreur, sont dangereuses. Les utilisateurs recherchent naturellement la croix. Rassurez-les et renvoyez-les.

14. Donnez aux utilisateurs un high-five quand ils terminent quelque chose

Les êtres humains sont animés par un sentiment d’accomplissement et d’achèvement. Quand ils ont terminé une tâche, faites-leur savoir et montrez-leur où aller ensuite.

Vous pouvez le faire après avoir soumis leur adresse e-mail, après avoir acheté un produit, après avoir ajouté quelque chose à leur panier, ou simplement lorsqu’ils atteignent la fin d’un article de blog.

C’est une expérience simple, facile et positive. Il donne également aux utilisateurs un sentiment de collaboration; comme si vous les aidiez réellement à atteindre leurs objectifs.

15. Tenez-vous à seulement deux familles de polices

La cohérence et l’image de marque sont essentielles à une bonne expérience utilisateur.

C’est très déroutant si la police de votre logo est Futura, votre corps de texte est Times New Roman, votre appel à l’action est Comic Sans et vos titres sont Windings…

polices

Respectez seulement deux familles de polices. Il est plus facile à lire et il semble plus professionnel et fiable.

16. Utilisez des messages d’alerte distincts et cohérents

Parfois, vos utilisateurs vont se tromper. Peut-être ont-ils mal saisi leur mot de passe et n’ont pas pu se connecter. Peut-être ont-ils oublié d’inclure un code postal sur la feuille d’inscription.

alertes

(source d’image)

Dans ces cas, vous souhaiterez un message d’erreur ou d’alerte simple mais distinct. Assurez-vous que sa couleur et son style sont différents de tout autre élément de votre site. Il donne une indication claire que quelque chose a besoin d’action.

Vous devez également rendre ces messages d’alerte cohérents sur l’ensemble de votre site. N’utilisez pas une couleur, un style ou un emplacement différent, car cela devient déroutant.

17. TEXTE DE VERROUILLAGE DES BOUCHONS LIMITES

C’est juste ennuyeux.

En fait, il y a des raisons plus importantes que cela. Nous lisons en fait le texte en majuscules plus lentement que les minuscules. Il est donc beaucoup plus difficile de numériser en lecture (ce qui est comment nous lisons généralement Internet).

Les bouchons de réserve se verrouillent lorsque vous avez vraiment besoin d’avoir un impact.

18. Regrouper les éléments liés

Ceci est spécifiquement pour les sites Web de commerce électronique, mais cela fonctionne à tous les niveaux.

Essayez de garder les articles similaires et connexes au même endroit. Cela signifie que vos visiteurs et clients bénéficient d’un service beaucoup plus personnalisé, presque comme si vous aviez anticipé leurs besoins.

éléments groupés

Vous pouvez le faire avec des produits physiques, comme la sélection «plus comme ça» d’Amazon. Vous pouvez également faire la même chose avec les articles de blog et les articles, en utilisant une section de contenu connexe.

Il permet aux visiteurs de parcourir votre site, réduit votre taux de rebond et crée une expérience plus personnelle.

19. Gardez tout cohérent

La dernière chose que vous souhaitez, c’est qu’un visiteur clique sur un lien et ait l’impression d’avoir accédé à un autre site Web.

Assurez-vous que votre barre de navigation reste au même endroit, peu importe où vous vous trouvez sur le site. Assurez-vous que votre logo est toujours visible et que la palette de couleurs reste la même.

20. Concevez la disposition pour le balayage des yeux

Nous ne lisons pas les sites Web comme nous lisons un livre. Nos yeux sautent et recherchent les informations importantes.

Motif F

En règle générale, nous lisons les sites Web dans un Motif F, mais les images audacieuses et les appels à l’action sont également connus pour attirer l’attention en premier.

21. Construire la confiance avec des témoignages et des preuves sociales

La plupart des visiteurs de votre site Web arrivent avec leur garde. Ils sont naturellement prudents vis-à-vis des nouveaux sites, et ne sont certainement pas encore prêts à acheter chez vous.

Comme je l’ai dit, un élément clé de la conception UX consiste à supprimer ces obstacles et à mettre les gens à l’aise sur votre site Web. Quelques témoignages et factoids bien placés rendront les gens plus à l’aise. Nous aimons voir que d’autres personnes (idéalement de grands noms) ont utilisé votre produit et service et l’approuvent.

22. Dites aux utilisateurs avec quoi ils peuvent jouer!

Les sites Web sont généralement composés de deux parties: Numéro un: le contenu – il est statique et nous ne pouvons pas interagir avec lui. Et deuxièmement: les commandes – ce sont des choses sur lesquelles nous pouvons cliquer et jouer et interagir avec.

interactions

Twitter est génial dans ce domaine. Texte noir simple pour le contenu. Le texte bleu indique ce sur quoi vous pouvez cliquer et interagir. Les icônes se remplissent de couleur lorsque vous survolez pour montrer avec quoi vous pouvez jouer.

Invitez des personnes à jouer avec votre site Web!

23. Créez une courbe d’apprentissage douce

Personne n’aime rester bloqué sur un site Web déroutant et difficile.

Essayez de donner à vos visiteurs un gain rapide presque immédiatement. Facilitez-les et simplifiez-les, surtout si vous proposez une proposition commerciale délicate.

24. Trouvez rapidement un moyen de sympathiser avec votre visiteur

L’expérience utilisateur consiste à imiter une relation humaine et à établir une connexion avec votre utilisateur. L’empathie en est une énorme partie – Quels sont les objectifs et les rêves de vos visiteurs? Qu’est-ce qui les retient jusqu’à présent?

Dites-leur immédiatement que vous comprenez leur problème. Vous pouvez le faire avec une image à laquelle ils peuvent se rapporter ou une phrase qui résume leurs plus gros problèmes.

Votre visiteur pensera que “ce site Web me procure!”, Ce qui est une excellente expérience utilisateur à créer.

25. Utilisez des micro-interactions pour créer un dialogue

Essayez de fournir des commentaires à votre utilisateur à chaque petite partie du voyage. Il créera une véritable communication et relation à laquelle les utilisateurs répondront.

Vous pouvez le faire avec une copie, comme «Bon travail!» «Nous avons pensé que cela pourrait vous plaire», «aimeriez-vous parler à un expert?»

barre de progression

Ou de petits graphiques et visuels, comme un pouce levé, un visage souriant ou une horloge sur une page de chargement.

———

Combinez ces petits ajustements et vous allez créer une expérience utilisateur qui renforce la confiance, se connecte avec votre public cible et les laisse heureux et avec un sentiment d’accomplissement.

Utilisez-vous l’une de ces astuces de conception UX? Je serais ravi d’entendre parler de tout ce que j’ai manqué! Faites le moi savoir dans la section commentaire.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map