Comment réduire la friction dans la conception Web

En termes d'expérience utilisateur, la friction est tout ce qui empêche vos utilisateurs d'atteindre leurs objectifs. La friction présente un problème majeur pour les utilisateurs et les concepteurs, car elle réduit les conversions, augmente le taux de rebond et oblige les utilisateurs à abandonner leurs tâches. En d'autres termes, il fait exactement le contraire de tout bon site Web.

La friction dans votre expérience utilisateur aura un impact sur chaque interaction utilisateur, de sorte que même les interfaces les mieux conçues sont difficiles à utiliser. D'autre part, une expérience de site Web sans friction crée des interactions utilisateur qui sont transparentes et se déroulent naturellement.

La réduction de la friction de votre site Web peut conduire à des interactions plus de qualité sans complications. Le nettoyage de votre site Web augmentera vos conversions et encouragera vos utilisateurs à rester plus longtemps sur votre site, augmentant ainsi la probabilité qu'ils agissent. Voici comment procéder.

Identifier les frictions sur votre site Web

Le frottement peut prendre plusieurs formes. Certaines personnes définissent la friction comme tout ce qu'un utilisateur doit surmonter pour utiliser votre site (par exemple, des temps de chargement lents ou une mauvaise navigation). D'autres utilisent le terme friction pour décrire tout ce qui est inutile ou excessif dans une interface. D'autres encore assimilent la friction à la « charge cognitive » ou à tout ce qui oblige l'utilisateur à réfléchir mais ne devrait pas le faire.

Bien qu'il s'agisse essentiellement de versions de la même chose, nous pouvons généralement identifier les symptômes de friction comme :

• Visuels distrayants
• Une interface visuellement encombrée
• Incohérences
• Actions et décisions inutiles
• Des fonctions déroutantes ou peu intuitives

Il est également important de comprendre que dans certains cas, la friction peut en fait être une bonne chose. Cela s'applique lorsque les composants de conception de friction ralentissent un utilisateur dans un but précis. Par exemple, vous pouvez incorporer des éléments compliqués pour capturer des données ou empêcher un utilisateur de faire une erreur avec de graves conséquences (comme un utilisateur supprimant définitivement sa boîte de réception ou son compte).

Dans d'autres cas, la friction peut avoir un but éducatif. Les jeux en sont un bon exemple. Dans les jeux, nous utilisons la friction pour inculquer l'apprentissage. Avec friction, on passe de débutant à expert tout en se faisant plaisir. C'est la version virtuelle de la conduite d'un vélo - par essais et erreurs, nous apprenons quelque chose de nouveau. Personne n'aimerait un jeu sans friction, car ce ne serait pas amusant.

Pour la plupart des sites Web, cependant, vous souhaiterez rendre votre expérience aussi fluide que possible. Utilisez ces stratégies éprouvées pour créer des expériences utilisateur en toute légèreté :

1. Commencez par une approche macro

Afin de créer une expérience utilisateur sans friction, commencez par un parcours utilisateur complet à l'esprit. Cela vous aidera à déterminer où la friction peut être utile à votre processus de développement et quand elle sera fastidieuse pour vos utilisateurs.

Chaque étape du parcours d'un utilisateur présente une opportunité d'avoir un impact sur le succès de votre produit global. Décidez quand la friction est nécessaire pour collecter des données ou éviter les erreurs, et supprimez tous les autres obstacles qui pourraient affecter négativement votre taux de réponse.

2. Minimiser les étapes nécessaires pour effectuer une action

Il y a de fortes chances que vous puissiez réduire votre friction en supprimant certaines étapes du processus d'un utilisateur. Un exemple célèbre est le processus complexe d'utilisation d'une fonction iCal :

• Double-cliquez sur la date dans la vue du mois.
• Tapez le nom de votre événement.
• Ignorer l'emplacement passé.
• Ignorer la case à cocher "toute la journée".
• Ignorer le mois précédent.
• Sauter le jour passé.
• Sauter l'année précédente.
• Entrez l'heure de l'événement.
• Entrez la minute du début de l'événement.
• Entrez AM ou PM.

Si vous pensez que c'est stressant à regarder, vous n'êtes pas seul. Maintenant, comparez cela au parcours de l'utilisateur dans la fonctionnalité de calendrier de Backpack :

1. Double-cliquez sur la date de l'événement dans votre vue mensuelle.
2. Tapez le nom de l'événement et l'heure de début.

Comparez ces deux applications ensemble et il est facile de voir laquelle a le moins de friction. Dans certains cas, vous pouvez avoir un processus qui nécessite de nombreuses étapes. Si tel est le cas, assurez-vous que chaque étape est aussi facile que possible. Vous pouvez y parvenir en utilisant des cases à cocher au lieu d'exiger une saisie, ou en regroupant les étapes chaque fois que possible.

3. Sachez que "moins c'est plus"

Le but ultime d'une interface est de rendre les choses aussi simples que possible. Cela constitue la base des meilleures pratiques de conception de sites Web. En supprimant l'inutile, nous pouvons transmettre l'essentiel.

Veillez à prioriser les éléments qui répondent aux attentes des utilisateurs, et supprimez tout ce qui n'est pas strictement nécessaire. Un excellent exemple de cela en action est la page d'accueil de Google. Il n'y a qu'une chose que vous pouvez faire, et il y a beaucoup d'espace blanc autour d'elle.

Ne soyez pas trop surchargé de fonctionnalités - vous courez le risque de compliquer les choses et de nuire à l'utilisateur (ce qui est finalement mauvais pour votre produit).

4. Utilisez de bonnes pratiques de navigation

L'un des ennemis des expériences en apesanteur est une mauvaise navigation.

Malheureusement, beaucoup de choses peuvent mal tourner lors de la conception de la navigation, c'est donc aussi une cause fréquente de friction. Il n'y a pas d'approche unique pour une navigation claire, mais il existe une source où vous pouvez apprendre ce qui fonctionne pour votre site : vos utilisateurs.

Les tests utilisateurs vous aideront à comprendre comment les gens accèdent au contenu de votre site ou de votre application et à le catégoriser. Utilisez ces informations pour guider et ajuster vos pratiques de navigation afin qu'elles répondent aux besoins de vos utilisateurs.

5. Le découpage est votre ami

Tout étudiant en psychologie se souviendra que George A. Miller postulait que l'esprit humain moyen pouvait contenir 7 objets en mémoire de travail, plus ou moins 2.

C'est de là que vient la pratique de la segmentation - elle empêche la surcharge cognitive. L'organisation des informations en morceaux contourne les limites du cerveau humain et augmente la rétention de la mémoire.

Nous pouvons appliquer ce concept à la conception Web en divisant les tâches complexes en plusieurs tâches plus petites et plus simples. Appliquez cette technique aux formulaires de saisie et à d'autres tâches fastidieuses pour réduire votre taux de rebond et améliorer l'attention de l'utilisateur.

6. Ne réinventez pas la roue

Il peut être tentant de faire quelque chose de nouveau ou d'innovant sur votre site Web. En tant que personnes créatives, il est naturel pour les concepteurs de sites Web de créer quelque chose d'unique. Cependant, les utilisateurs préfèrent interagir avec des éléments d'interface utilisateur familiers car ils peuvent utiliser leurs connaissances acquises lors d'expériences antérieures.

Chaque fois que nous forçons les utilisateurs à apprendre comment quelque chose de nouveau fonctionne, nous créons plus de friction pour eux. Des modèles d'interface utilisateur prévisibles aident les utilisateurs à comprendre les systèmes et à effectuer des tâches. Utilisez autant que possible des normes UI et UX préétablies. Par exemple, une icône de loupe pour la recherche est facilement reconnaissable pour les utilisateurs et ne nécessite aucune réflexion supplémentaire.

7. Restez fidèle à votre marque

Enfin, mettez-vous à la place de votre utilisateur pendant une minute. Un visiteur saurait-il de quoi vous parlez dans les 4 à 6 secondes suivant la visite de votre site ? Sinon, vous créez des frictions dès le départ.

Votre page de destination ou la page d'accueil de votre application doit facilement proposer une solution, résoudre un problème pour les utilisateurs ou aider les utilisateurs à atteindre leurs objectifs. Ce concept s'applique à la mise en page, à la typographie, aux graphiques, etc.

Conclusion

Votre site Web ou votre application doit être aussi fluide que possible. En supprimant les étapes inutiles et les éléments de conception encombrés, vous pouvez aider vos utilisateurs à atteindre leurs objectifs plus rapidement et à réduire le taux de rebond de votre site Web.

La friction dans un site Web va de la pratique à l'esthétique. Par exemple, des temps de chargement lents ou une navigation médiocre peuvent amener les utilisateurs à abandonner votre site, tandis qu'un manque d'espace blanc ou même une mauvaise police peuvent créer une charge cognitive accrue. C'est pourquoi il est important de prendre en compte l'ensemble du parcours utilisateur lors de la conception d'un produit.

En suivant les étapes décrites ci-dessus, vous pouvez identifier les frictions sur votre site Web et prendre des mesures pour les réduire. Ce faisant, vous augmenterez vos conversions et réussirez mieux à résoudre les problèmes des utilisateurs.