Dans l'expérience de l'utilisateur, la friction est tout ce qui empêche les utilisateurs d'atteindre leurs objectifs. Le frottement est un problème majeur car il conduit à des rebonds, réduit les conversions et frustrant les utilisateurs au point d'abandonner leurs tâches. Dans cet article, vous trouverez comment améliorer l'UX pour vos utilisateurs en réduisant la friction.

Le concept d'une expérience sans friction

L'expérience utilisateur sans friction est devenue la nouvelle norme. Le but des expériences sans friction est de simplifier nos vies. Les expériences numériques les plus réussies sont apparues en se concentrant sur la réduction de la friction dans le parcours de l'utilisateur.

image3

Uber sait que moins il y a d'étapes dans une tâche, moins il y a de friction.

En dehors des interfaces graphiques, le bouton Amazon Dash, qui vous permet de commander une recharge d'un produit spécifique en un seul clic, est un bon exemple.

image1
Bouton de tableau de bord Amazon

Bonne et mauvaise friction

Il est important de dire qu'il y a deux types de frottement - "bon" et "mauvais" frottement:

"Bonne" friction

Il y a des moments où un faible frottement UI / UX est réellement souhaitable. Comme le disait Sangeet Choudary: "La conception dans la conception est utile si elle facilite l'interaction au lieu de la gêner." Parfois, vous pouvez ralentir l'utilisateur pour vous assurer que les données capturées sont correctes ou pour empêcher les utilisateurs de prendre chemin incorrect. Par exemple, pour des actions avec des conséquences graves, certaines frictions ne sont pas une mauvaise idée.

image7

La friction peut empêcher les erreurs en demandant une confirmation. Un utilisateur doit confirmer une action de suppression en tapant réellement delete.

"Mauvais" Friction

Il s'agit d'une friction indésirable créée par un fouillis visuel (une mise en page occupée qui perturbe ou distrait l'utilisateur), une incohérence ("Pourquoi le bouton 'Soumettre' est-il différent sur cette page?"), Une mauvaise friction est l'ennemi du design d'interaction car elle crée une charge cognitive supplémentaire dans l'interface utilisateur. Réduire les frictions est bon pour votre interface utilisateur.

Comment prévenir une mauvaise friction

Les concepteurs d’UX maîtrisent l’art de réduire les frictions grâce à une combinaison de techniques de conception. En appliquant les six principes clés suivants, vous contribuerez à faire en sorte que vos produits bénéficient d’une expérience sans friction.

1. Envisagez un parcours utilisateur complet

Il est important de concevoir un produit en pensant à un parcours utilisateur complet afin de déterminer où le frottement est utile et où il nuit à la fois aux objectifs de l'utilisateur et à ceux de l'entreprise. Chaque étape du processus peut créer ou supprimer des frictions et avoir un impact sur le succès du produit dans son ensemble. Lorsque le concepteur comprend les étapes d'un parcours utilisateur, il peut supprimer (ou au moins ajuster) les étapes qui ont un impact négatif sur le taux de réponse.

image4

Avoir une carte de parcours utilisateur faciliterait la détection des frictions dans une expérience. Crédit d'image: Interface utilisateur efficace

2. Limiter le nombre total d'étapes requises pour terminer la tâche

Moins il y a d'étapes dans une tâche, moins il y a de friction. Voici un exemple célèbre de la comparaison des entrées de calendrier de John Gruber:

"Mon usage typique [dans iCal]:

  1. Double-cliquez sur la date de l'événement dans la vue mensuelle.
  2. Tapez le nom de l'événement.
  3. Tab passé Lieu.
  4. Cochez la case "toute la journée".
  5. Tab passé le mois.
  6. Tab passé le jour.
  7. Tab passé l'année.
  8. Entrez l'heure.
  9. Entrez les minutes.
  10. Échangez le AM ​​/ PM.

Comparez et contrastez l'interface utilisateur de l'entrée d'événement pour la fonction de calendrier dans Backpack:

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

Il est clair quelle application a moins de friction pour cette tâche.

Le problème avec la friction de l'interface est que dans certains cas, c'est inévitable. Donc, si un nombre élevé d'étapes est absolument nécessaire pour votre application, faites de votre mieux pour vous assurer que chaque étape est aussi simple que possible.

3. Concevoir une navigation claire

La navigation peut mal tourner, ce qui en fait une source de friction potentielle. Bien qu'il soit impossible de fournir une solution unique, il est toujours possible d'améliorer les expériences de navigation en apprenant auprès des utilisateurs. La technique de test utilisateur appropriée (telle que le tri par carte) peut vous aider à comprendre comment les utilisateurs catégorisent et accèdent au contenu de votre application ou de votre site Web. Ces informations vous aideront à concevoir ou ajuster la navigation pour les besoins de vos utilisateurs.

4. Suivez l'approche "Less is More"

Le but ultime d'une interface est de simplifier les choses. C'est pourquoi la simplicité est un élément important de ce que les adeptes de la conception sans friction cherchent à atteindre. Les concepteurs essaient de transmettre l'essentiel en supprimant les inutiles. Comme le disait Antoine de Saint-Exupéry: "La perfection est atteinte, pas quand il n'y a plus rien à ajouter, mais quand il n'y a plus rien à retirer." C'est absolument vrai pour les interfaces utilisateur. En tant que concepteur, vous ne devez hiérarchiser que les éléments correspondant aux attentes de l'utilisateur et réduire tout ce qui n'aide pas l'utilisateur. Un bon exemple de produit qui suit ce principe est la page d'accueil de Google: aussi simple que cela puisse être; une seule chose à faire et beaucoup d'espace blanc autour de lui.

image6

Comparez-le à la page d'accueil de Yahoo qui ressemble à un couteau suisse. Trop de fonctionnalités et d'options peuvent être intimidantes et parfois nuisibles.

image8

5. Utiliser des modèles d'interface utilisateur reconnaissables

Lorsque nous interagissons avec des éléments d'interface utilisateur familiers, nous pouvons utiliser les connaissances de notre expérience précédente. Cependant, chaque fois que nous devons apprendre comment quelque chose fonctionne, cela crée des frictions (trop peu de connaissances peuvent détériorer la facilité d'utilisation). Les modèles d'interface utilisateur aident les utilisateurs à comprendre des systèmes très complexes et à gérer des tâches difficiles. Les concepteurs d’UX / UI doivent utiliser autant de modèles d’interface utilisateur que possible. Les conventions reconnaissables, telles que l'icône représentant une loupe pour la recherche, ne nécessitent aucune réflexion supplémentaire pour les utilisateurs.

6. utiliser Chunking

Le psychologue cognitif George A. Miller a fait valoir que le nombre d’objets que l’homme moyen peut contenir dans la mémoire de travail est de 7 ± 2. Chunking fonctionne autour des limitations naturelles du cerveau humain et de la rétention de la mémoire. La division de contenus complexes en sections plus petites améliore le rythme de l’expérience. Il permet aux utilisateurs de traiter les informations en suggérant comment chaque pièce doit être interprétée. En conséquence, les utilisateurs conservent réellement le contenu mieux.

Parfois, il est préférable de diviser une tâche complexe en sous-tâches plus petites. Les mêmes principes s'appliquent aux formulaires de saisie en divisant une forme longue en plusieurs étapes plus petites.

image2
Chunking empêche de submerger le cerveau avec trop d'informations à la fois. Facebook utilise un processus de segmentation pour afficher une progression à travers une séquence d'étapes logiques et numérotées.