7 conseils pour créer une conception permettant de gagner du temps pour les utilisateurs

Les utilisateurs ont une durée d'attention courte, très courte. C'est probablement évident en regardant simplement les analyses de votre site Web. Il est donc plus important que jamais de déployer des techniques de conception qui aident les utilisateurs à numériser et à obtenir le plus d' informations de votre site Web dans les plus brefs délais.

Il est de votre devoir de comprendre ce que les utilisateurs ont besoin de glaner du design en un coup d'œil et de les aider à obtenir ces informations, alors peut-être qu'ils resteront et exploreront votre site Web. Voici quelques façons de le faire!

1. Pensez minimalement

Une conception sans beaucoup de choix peut être rapide et facile pour l'utilisateur. Alors qu'au début, «penser de manière minimale» pourrait vous faire penser à un style de conception minimal, il s'agit davantage de rationaliser les éléments et les effets. (Mais un modèle de conception minimal peut également fonctionner.)

Dans l'ensemble, l'objectif est de limiter la surcharge d'informations et le nombre de décisions qu'un utilisateur doit prendre pour atteindre l'objectif de la conception.

• Gardez la navigation simple avec une poignée de choix.
• Utilisez des polices de caractères simples et faciles à lire en un coup d'œil.
• Augmentez le contraste entre les éléments pour que les appels à l'action soient faciles à trouver.
• Pour chaque page, ou faites défiler, dans la conception, respectez une seule pensée ou action.
• Les conversions d'objectifs - paniers, formulaires, etc. - doivent être accessibles à tout moment.

2. Encourager l'action avec du contenu visuel

Un site Web est un support visuel; tirer le meilleur parti.

Les visuels puissants, y compris la photographie et les vidéos, sont un moyen facile d'attirer l'attention des utilisateurs et lorsqu'ils sont associés à un élément actionnable, ils peuvent aider à générer un clic immédiat.

Passer d'un point A à un point B dans une conception devrait être un processus rapide. Pensez-y en termes de commerce électronique. Un utilisateur voit une paire de chaussures sur les réseaux sociaux, clique pour accéder au site Web et doit ensuite être en mesure de voir l'article (ou comment le trouver immédiatement) pour continuer à interagir avec le site Web.

Un design permettant de gagner du temps montrerait les chaussures avec un bouton pour acheter maintenant. L'utilisateur peut ce qu'il veut et comment l'obtenir sans avoir à tâtonner à travers plusieurs pages ou clics. Voici une autre astuce pour gagner du temps avec les visuels - utilisez la même image pour les promotions hors site et sur site. Une image différente de ces mêmes chaussures peut ne pas être enregistrée aussi rapidement avec l'utilisateur que la même image.

Cela fonctionne parce que la plupart des gens peuvent traiter une image plus rapidement que de lire des mots qui «disent» la même chose. Un site Web est un support visuel; tirer le meilleur parti.

3. Divisez les éléments compliqués en morceaux

Créez une histoire afin de pouvoir décomposer un design compliqué en morceaux plus petits et plus digestes. Des blocs ou des morceaux de contenu plus petits peuvent être plus faciles à comprendre rapidement, aidant les utilisateurs à passer d'un élément à l'autre.

Essayez des éléments d'interface utilisateur tels que des liens «en savoir plus», des blocs de style carte et une animation de défilement de parallaxe pour créer un engagement et décomposer des conceptions complexes.

4. Découpez les formulaires

L'une des façons les plus simples de rendre la conception plus rapide pour les utilisateurs est de réduire le nombre de demandes d'informations dont vous n'avez pas besoin. Les formulaires n'ont pas besoin de demander des couches d'informations.

• Ne demandez que des informations essentielles, telles que le nom et l'adresse e-mail, et effectuez un suivi ultérieur pour les formulaires conçus pour générer des prospects.
• Utilisez des formulaires qui valident les données afin que les utilisateurs sachent s'ils ont entré quelque chose de mal (et où) afin que les corrections soient rapides et faciles.
• Minimisez la saisie et utilisez des boutons ou des cases à cocher dans les formulaires, le cas échéant. (C'est particulièrement un gain de temps pour les utilisateurs mobiles.)
• Ne demandez pas de données répétitives, telles que le type de carte de crédit et le numéro de carte de crédit. (Le type de carte est reconnaissable à son numéro.)

5. Concevoir des CTA audacieux

Rendez la conception rapide à utiliser et facile à terminer avec un appel à l'action audacieux que les utilisateurs ne peuvent pas manquer.

Des couleurs vives et des éléments surdimensionnés peuvent aider les utilisateurs à voir immédiatement ce qu'ils sont censés faire avec le design. De plus, fournissez du contenu dans les boutons qui indique exactement aux utilisateurs ce qu'il faut faire et ce qui se passera lorsqu'ils «cliquent ici».

Pour être vu, un CTA doit avoir beaucoup de contraste afin de ne pas se fondre dans les éléments environnants et d'attirer l'attention sur lui-même. (Et n'oubliez pas de vous assurer que le CTA est également facile à trouver sur les écrans mobiles.)

6. Modifier, modifier, modifier

Parfois, un bon montage signifie faire appel à un tiers pour tout lire et s'assurer que cela a du sens pour quelqu'un d'autre.

Rien ne fait gagner du temps aux utilisateurs, comme faire votre diligence raisonnable avant la publication. Modifiez tout dans la conception du site Web, puis modifiez-le à nouveau. Une conception de site Web qui fait gagner du temps a une copie écrite facile à lire et à comprendre.

Cela signifie que les mots sont exempts d'erreurs d'orthographe ou de fautes de frappe, les phrases utilisent une syntaxe, une grammaire et une structure de phrase appropriées. Et tout est organisé de manière logique.

Parfois, un bon montage signifie faire appel à un tiers pour tout lire et s'assurer que cela a du sens pour quelqu'un d'autre. Un ensemble supplémentaire d'yeux peut vous aider à comprendre où se cachent les erreurs cachées ou si le contenu est trop rempli de jargon pour le lecteur en général.

Vous pouvez également essayer d'utiliser un outil tel que Grammarly pour vérifier l'orthographe et les publications dans votre CMS lorsque vous vous préparez à publier un nouveau contenu.

7. Soyez cohérent

Les titres, le corps du texte et les images doivent suivre un style cohérent.

Une conception cohérente comprend des éléments, des actions et des interactions répétés qui fonctionnent exactement de la même manière tout au long de la conception. Cela signifie simplement qu'un bouton doit toujours ressembler à un bouton, avoir la même couleur et la même police, le même état de vol stationnaire et fonctionner de la même manière, peu importe où le bouton mène l'utilisateur.

Répétez cette idée pour tout élément de la conception qui est utilisé plusieurs fois, comme les icônes, le panier, les formulaires, les liens et les boutons de médias sociaux.

Soyez également cohérent avec les autres éléments. Les titres et l'utilisation du texte et de l'image doivent également suivre un style cohérent. (C'est pourquoi la définition d'éléments et de styles dans le CSS, puis l'utilisation de balises appropriées est essentielle.)

Cette cohérence fait que chaque page de la conception de votre site Web a l'air d'appartenir. L'utilisateur n'a jamais à deviner ou à expérimenter pour comprendre comment quelque chose fonctionne.

Conclusion

Rapide. Cliquez sur. Terminé.

C'est probablement le modèle d'utilisateur le plus courant. Que les utilisateurs y pensent ou non, ils cherchent à faire les choses à la hâte sur votre site Web, à terminer des tâches ou à atteindre des objectifs et à passer à autre chose. Plus votre conception fonctionne avec les utilisateurs pour leur faire gagner du temps tout en atteignant leurs objectifs, plus elle sera conviviale.