Les temps d'attention sont courts Voici comment accrocher les utilisateurs

Un poisson rouge a une durée d'attention plus longue que vous. Laissez cela couler un instant. Maintenant que comptez-vous faire à ce sujet?

En tant que designer, votre travail consiste à créer quelque chose que les gens vont arrêter et avec lequel ils vont interagir. Il faut une conception et une expérience utilisateur qui accrochent les visiteurs et les maintiennent en cliquant et en appuyant. Combattez les courtes attentions avec un design intelligent.

Fais vite

Tout ce qui concerne votre conception doit être synonyme de rapidité pour que les utilisateurs ne se sentent pas obligés d'attendre des informations. Cela implique de veiller à ce que votre site Web ou votre application se charge rapidement et de créer une impression de mouvement dans la conception.

  • Rationalisez les temps de chargement en supprimant les fonctionnalités inutiles et en chargeant des animations signalant une attente. Un simple retard de trois secondes peut augmenter le risque d'abandon de la conception avant même de la voir.
  • Conception pour le mouvement. Que vous utilisiez des techniques visuelles dans une conception immobile ou que vous ajoutiez une vidéo ou une animation, le mouvement peut donner l'impression que la conception se déplace plus rapidement. Il y aura moins d'attente et certaines choses vont retenir l'attention de l'utilisateur (quelques secondes de toute façon). Envisagez une boucle vidéo qui avance à un rythme rapide pour une apparence encore plus rapide et potentiellement plus attrayante.
  • Concevez avec de l'espace pour que l'œil se déplace rapidement d'un élément à l'autre. Cette rapidité des yeux et la compréhension rapide du contenu rendront le design facile à digérer rapidement.

Misez sur la pyramide inversée

Les jeunes journalistes ont appris la première journée de cours sur la pyramide inversée: mettez les informations les plus importantes en haut (ou au premier plan) et descendez aux informations les moins importantes. Structurez votre conception de la même manière.

Vous ne savez pas comment identifier des informations importantes? Répondez à six questions clés pour les utilisateurs:

  1. Qui?
  2. Quoi?
  3. Quand?
  4. Où?
  5. Pourquoi?
  6. Comment?

La conception devrait s'articuler autour de la réponse à ces questions avec des appels à l'action pointant dans la direction des réponses.

Montrer les progrès

Les utilisateurs aiment ressentir un sentiment d'accomplissement. Utilisez une barre de progression ou des notifications indiquant à quel point un utilisateur est presque au moment de faire défiler un curseur (il existe une raison pour laquelle ces points indiquent si le nombre de diapositives est si populaire) ou indiquez aux utilisateurs où ils se trouvent.

Les indicateurs de progression sont particulièrement importants lorsque les utilisateurs vous fournissent également des informations. À quel point un formulaire est-il complet? La réponse indique à un utilisateur combien de temps et d’engagement ont été investis dans votre conception. Et les gens aiment le succès.

Admettez-le, vous regardez combien de temps un téléchargement prend chaque fois que vous cliquez sur quelque chose? c'est parce que vous voulez savoir combien de temps cela prendra. C'est un indicateur de progrès.

Rendre les choses faciles à toucher

Plus une cible est proche de l'utilisateur, plus il est susceptible d'interagir avec elle. Il est donc facile de toucher des cibles - comme des appels à l’action, des liens ou des boutons.

Vous pouvez le faire avec la conception de plusieurs manières:

  • Créez des cibles surdimensionnées qu'il est impossible de rater. Que les boutons ou d’autres éléments soient plus grands ou tout simplement plus grands en raison du contraste ou de la couleur n’a aucune importance. Ce qui compte, c’est qu’ils soient à la pointe de la conception.
  • Regroupez les éléments similaires afin que les utilisateurs ne soient pas obligés de se déplacer sur l'écran pour effectuer des actions. Plus les éléments sont proches les uns des autres, plus il est probable que des éléments associés génèrent des interactions similaires.
  • Rendre les choses faciles à atteindre. Sur les appareils mobiles en particulier, tout devrait être à moins d'un pouce, même sur les plus gros téléphones. Il s’agit de la zone de frappe principale qui facilite l’accès aux éléments de tapotage et de glissement et ne provoque aucune tension musculaire excessive pour l’utilisateur.

Limiter les options pour les utilisateurs

Avoir trop d'options peut ralentir les processus de prise de décision et de réflexion de l'utilisateur et ralentir la conception. (Même si ce n'est pas le cas.)

Vous savez ce que vous voulez que les utilisateurs fassent lorsqu'ils atteignent votre site Web. Conduisez-les à l'action souhaitée. Donnez-leur quelques choix en cours de route pour que l'utilisateur se sente en contrôle, tout en les gardant sur le chemin de la réussite. Cela s'applique à tout, des liens et des appels à l'action dans les zones de contenu de la conception et dans la navigation principale. (Rationalisez autant que possible la navigation en la limitant aux pages vitales. Utilisez des liens internes et recherchez tout le reste.)

Il y a beaucoup d'écoles de pensée. nombre de choix. Cela peut varier en fonction de votre contenu, mais d'une manière générale, une telle construction facilite la prise de décision. Avec deux options, les utilisateurs doivent choisir l’un ou l’autre.

Créer une cohérence

Le moyen le plus simple d’accrocher les utilisateurs est de les maintenir en cliquant. Le moyen le plus rapide de le faire est de concevoir avec cohérence.

L'utilisation de polices, de couleurs et de styles d'élément d'interface utilisateur similaires facilite la navigation dans la conception, car ils n'ont pas à apprendre quelque chose de nouveau ni à réfléchir à des modèles d'utilisation. La conception doit être cohérente d'une page à l'autre et conforme aux modèles et pratiques utilisateur généralement acceptés pour placer la convivialité - et la rapidité - à l'avant-plan de la conception.

Conception pour la lisibilité

Un texte facile à lire est plus susceptible d'attirer l'attention de quelqu'un que d'essayer de déchiffrer une police de caractères complexe. Il n'y a rien de mieux qu'un Helvetica géant? Hey You? attirer l'attention de quelqu'un.

La lisibilité fait aussi autre chose. Il aide les utilisateurs à rechercher dans la conception des mots-clés ou des éléments d’information qu’ils trouvent pertinents. Vous ne disposez que de quelques secondes pour effectuer cette opération. Les utilisateurs doivent donc identifier rapidement tout ce qui correspond à leurs besoins. Ne perdez pas ce temps précieux avec une fonte idiote et trois mots.

Donner aux utilisateurs quelque chose à faire

Assurez-vous que la conception comprend des appels à l'action, un jeu, un fait amusant ou des liens. Les utilisateurs aiment interagir avec les sites Web; c'est pourquoi ils sont sur votre page en premier lieu, alors donnez-leur quelque chose à faire.

Pensez aux interactions en un seul clic ou courtes qui sont agréables ou fonctionnelles. Celles-ci peuvent aller d'une animation en vol stationnaire à des informations et à des commentaires complets sur les jeux ou les produits. Rendez les interactions faciles à trouver et n'oubliez pas de limiter les options interactives afin que les utilisateurs ne soient pas submergés par trop de choix. Choisissez un ou deux éléments interactifs pour être votre conception? Astuce? et garder tout le reste relativement simple.

Enfin, lorsque vous créez quelque chose à faire pour les utilisateurs, n'oubliez pas de leur dire de le faire. Des appels à l'action clairs peuvent aider à créer des conversions.

Conclusion

Pensez aux sites Web que vous avez visités récemment. Qu'est-ce qui vous a fait attendre plus de 8 secondes? Qu'est-ce qui vous a poussé à abandonner le dessin plus rapidement?

Gardez ces deux listes à portée de main. Utilisez-les avec les conseils ci-dessus pour planifier et concevoir quelque chose qui incitera les utilisateurs à s’engager plus profondément dans le contenu.