Les plages d'attention sont courtes: voici comment connecter des utilisateurs
Un poisson rouge a une durée d'attention plus longue que vous. Laissez cela pénétrer un instant. Maintenant que comptez-vous faire à ce sujet?
En tant que designer, c'est votre travail de créer quelque chose avec lequel les gens vont s'arrêter et interagir. Il faut une conception et une expérience utilisateur qui accrocheront les visiteurs et les garderont à cliquer et à taper. Combattez de courtes périodes d'attention avec un design intelligent.
Faites vite
Tout ce qui concerne votre conception doit transmettre la vitesse afin que les utilisateurs ne se sentent pas obligés d'attendre des informations. Cela implique de s'assurer que votre site Web ou votre application se charge rapidement et de créer un sentiment de mouvement dans la conception.
- Rationalisez les temps de chargement en abandonnant les fonctionnalités inutiles et en chargeant des animations qui signalent une attente. Un délai de seulement trois secondes peut augmenter les chances des utilisateurs d'abandonner la conception avant même de la voir.
- Conception pour le mouvement. Que vous utilisiez des techniques visuelles dans une conception fixe ou que vous ajoutiez une vidéo ou une animation, le mouvement peut faire avancer une conception plus rapidement. Il y aura moins d'attente et il y a des choses qui attireront l'attention de l'utilisateur (pendant quelques secondes de toute façon). Considérez une boucle vidéo qui se déplace à un rythme rapide pour la rendre encore plus rapide et potentiellement plus engageante.
- Concevez avec l'espace pour que l'œil se déplace rapidement d'un élément à l'autre. Cette vitesse oculaire et cette compréhension rapide du contenu rendront la conception facile à digérer rapidement.
Fiez-vous à la pyramide inversée
La pyramide inversée est quelque chose que les jeunes reporters apprennent le premier jour de classe - mettez les informations les plus importantes en haut (ou au premier plan) et descendez jusqu'aux informations les moins importantes. Structurez votre conception de la même manière.
Vous ne savez pas comment identifier les informations importantes? Répondez à six questions clés pour les utilisateurs:
- Qui?
- Quelle?
- Quand?
- Où?
- Pourquoi?
- Comment?
La conception devrait s'articuler autour de la réponse à ces questions avec des appels à l'action pointant dans le sens des réponses.
Afficher la progression
Les utilisateurs aiment ressentir un sentiment d'accomplissement. Utilisez une barre de progression ou des notifications qui montrent à quel point un utilisateur est sur le point de terminer un curseur (il y a une raison pour laquelle ces points indiquent que le nombre de diapositives est si populaire) ou indiquez aux utilisateurs où ils en sont.
Les indicateurs de progression sont particulièrement importants lorsque les utilisateurs vous fournissent également des informations. Le formulaire est-il complet? La réponse permet à un utilisateur de savoir combien de temps et d'engagement il a investi 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 elle est susceptible d'interagir avec elle. Rendez donc les cibles - telles que les appels à l'action, les liens ou les boutons - faciles à toucher.
Vous pouvez le faire avec le design de plusieurs manières:
- Créez des cibles surdimensionnées qu'il est impossible de manquer. 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 pas d'importance. Ce qui compte, c'est qu'ils soient à l'avant-garde de la conception.
- Regroupez des éléments similaires afin que les utilisateurs n'aient pas à se déplacer sur l'écran pour terminer les actions. Plus les choses sont proches les unes des autres, plus il est probable que les éléments connexes gagneront des interactions similaires.
- Rendez les choses faciles à atteindre. Sur les appareils mobiles en particulier, tout doit être à moins d'un pouce - même sur les plus gros téléphones. Il s'agit de la zone de prise principale et elle facilite l'accès aux éléments de tapotement ou de balayage et ne provoque aucune tension musculaire excessive pour l'utilisateur.
Options de limite pour les utilisateurs
Le fait d'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, mais gardez-les sur la voie du succès. 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 la navigation autant que possible, en la limitant aux pages vitales. Utilisez des liens internes et recherchez tout le reste.)
Il existe de nombreuses écoles de pensée qui définissent un «bon» nombre de choix. Cela peut varier en fonction de votre contenu, mais d'une manière générale, telle ou telle construction facilite la prise de décision. Avec deux options, les utilisateurs doivent choisir l'une ou l'autre.
Créer une cohérence
Le moyen le plus simple pour accrocher les utilisateurs est de les laisser cliquer. La façon la plus rapide de le faire est de concevoir avec cohérence.
L'utilisation de polices, de couleurs et de styles d'éléments d'interface utilisateur similaires facilite la navigation dans la conception, car ils n'ont pas à apprendre visuellement quelque chose de nouveau ni à s'arrêter et à réfléchir aux modèles d'utilisation. La conception doit être cohérente d'une page à l'autre et cohérente avec les pratiques et les modes d'utilisation généralement acceptés afin de mettre la convivialité - et la vitesse - au premier 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 compliquée. Il n'y a rien de tel qu'un géant Helvetica «Hey You» pour attirer l'attention de quelqu'un.
La lisibilité fait aussi autre chose. Il aide les utilisateurs à analyser la conception pour trouver des mots clés ou des informations qu'ils jugent pertinents. Vous n'avez que quelques secondes pour le faire, les utilisateurs doivent donc identifier rapidement quelque chose qui correspond à leurs besoins. Ne perdez pas ce temps précieux avec une police idiote et trois mots.
Donnez 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 délicieuses ou fonctionnelles. Celles-ci peuvent aller d'une animation en survol à des informations et des critiques de jeux ou de produits à grande échelle. 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 comme «astuce» de conception et gardez tout le reste relativement simple.
Enfin, lorsque vous créez quelque chose 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 traîner plus de 8 secondes? Qu'est-ce qui vous a fait abandonner le design plus rapidement que cela?
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.
