Sur un site ou une application, vous avez certainement déjà rencontré des désagréments similaires :

"Où sont les coordonnées ? Je ne trouve pas la page de contact. "Le clic a-t-il fonctionné ? Rien ne semble se passer.

Cela semble évident : une interface^[Une interface peut être une application web, une application mobile, un site web, etc. devrait être intuitive et facile à utiliser. Mais une plateforme efficace n'est pas le fruit du hasard. Elle est le résultat d'une approche centrée sur l'utilisateur : UX design (UX pour User Experience).

Le design d'expérience utilisateur est un ensemble d'éléments qui doivent être satisfaits afin d'obtenir une interface rapide, fluide, agréable,.... Le domaine est vaste et l'UX design regroupe des dizaines de disciplines. Néanmoins, Peter Morville expose les principaux facteurs influençant l'expérience utilisateur :

Chaque facette du diagramme correspond à un attribut UX fondamental. La structure nous incite à nous poser les questions suivantes :

• Utilité : Le produit/service répond-il à un besoin ? Sans besoin, l'utilisateur n'a aucune raison de l'utiliser.
• Maniabilité : Le produit est-il simple, facile à comprendre et à manipuler ?
• Désirabilité:** D'un point de vue esthétique, est-il agréable à utiliser ?
• Trouvable:** Est-il facile de naviguer dans l'interface ? Pour que l'utilisateur puisse trouver immédiatement ce dont il a besoin.
• Accessible: Est-il accessible aux personnes handicapées ?
• Crédible:** Le produit/service inspire-t-il confiance à l'utilisateur ? Valeur: A-t-il de la valeur ? Cette valeur est la somme de tous les autres facteurs.

C'est là qu'intervient le designer UX/UI : il réunit les conditions pour créer la meilleure expérience utilisateur possible. Chez B12, le designer entre en scène au tout début d'un projet. Cette première étape consiste à discuter avec le Client de la manière dont il (ou ses utilisateurs finaux) travaille et à découvrir les difficultés qu'il rencontre.

À ce stade, l'objectif est de comprendre qui sont les utilisateurs, quels sont leurs problèmes et ce dont ils ont besoin.

Une fois ces éléments définis, la phase de prototypage peut commencer. Après avoir analysé les informations recueillies, le designer fait des propositions et les présente sous forme de wireframes et de mockups. Les prototypes constituent un moyen de communication concret entre les utilisateurs et les concepteurs.

Les wireframes sont le squelette de l'application. Ils permettent de se concentrer sur la structure de l'application et de constituer le parcours de l'utilisateur. Ils peuvent être dessinés à la main ou à l'aide d'un logiciel spécialisé. L'un de leurs nombreux avantages est de permettre de recueillir rapidement des feedbacks et de les ajuster en conséquence.

Quant aux mockups (ou wireframes haute fidélité), ils reflètent une vision très fidèle du futur projet. Et pour cause, la charte graphique leur est désormais appliquée : les couleurs, la typographie, l'iconographie, le logo, les photos, les textes, etc.

Chez B12, nous testons les prototypes avec des utilisateurs finaux (généralement le Client). Cela permet de s'assurer que la future application répond bien à leurs attentes et d'éviter les développements inutiles.

L'un des défis consistait à concevoir la navigation d'une interface entière dans un seul mockup. L'utilisateur accède à une grande quantité de contenu et à une série impressionnante d'actions. Une structure bien organisée lui permettra alors de savoir exactement où il se trouve dans l'interface malgré la multitude de filtres et d'onglets disponibles. L'agencement des informations permet également à l'utilisateur de visualiser les détails d'une liste en même temps que d'autres listes de contenu, ce qui est très pertinent pour ses tâches quotidiennes.

Ensuite, lorsque les mockups visuels sont validés par le client (après un cycle de feedback, de brainstorming et de modifications), le développement commence.

Dès qu'une nouvelle fonctionnalité est formulée, le concepteur et le développeur en discutent. Ils vérifient que les adaptations peuvent être réalisées avec succès et qu'elles s'intègrent au reste du système.

Le résultat ? Si l'utilisateur est en mesure d'accomplir une tâche rapidement et sans problème, il est un utilisateur satisfait !

Bien entendu, l'expérience utilisateur ne se limite pas au temps passé exclusivement sur l'application. Elle englobe toutes les interactions qui ont lieu avant, pendant et après le temps passé sur la plateforme.

Par exemple, lorsqu'une personne crée un nouveau compte sur une plateforme, elle doit généralement valider son inscription via un lien reçu par courrier électronique. La qualité de l'email influence déjà l'expérience de l'utilisateur : un message clair, l'utilisation de la charte graphique, un bouton d'action bien visible, etc. À condition qu'elle soit optimale...

Notons également qu'il ne faut pas confondre UX et UI design. Le design UI (UI pour User Interface) est une composante de l'UX. L'UI s'intéresse à l'aspect esthétique d'un projet. C'est l'une des caractéristiques du diagramme de Peter Morville : "Désirable". L'IU fait en sorte qu'une mise en page suscite des émotions positives et donne envie de s'y attarder.

CONCLUSION

Dans toute mission de site web ou d'application, l'impact de l'UX design est évident. Il contribue au succès du produit. Si les utilisateurs aiment interagir avec un produit, ils l'adopteront. Mieux encore, ils en parleront et deviendront des fans du produit.

B12 accorde une grande importance à l'UX design et intègre des designers de l'équipe dans nombre de ses projets. Plus l'interface est claire et conviviale, plus la satisfaction de l'utilisateur est grande.