Étapes du processus de conception centré sur l’utilisateur | Le guide ultime de l’UX #9

Dans notre précédent article, nous avons défini un processus centré sur l’utilisateur. Aujourd’hui, nous allons décrire les étapes du design centré sur l’utilisateur. Nous allons également suggérer quand et comment lancer le processus de design, ainsi qu’expliquer l’importance de la Persona pour le produit final. Sans plus tarder, installez-vous confortablement et jetez un œil à notre article.

Étapes du processus de design centré sur l’utilisateur – table des matières :

1. Processus de design centré sur l’utilisateur en un mot
2. La première étape – empathie
3. Deuxième étape – établissement du concept
4. Troisième étape – design
5. Quatrième étape – tests d’utilisabilité
6. Processus de design centré sur l’utilisateur – Résumé

Processus de design centré sur l’utilisateur en un mot

Le design centré sur l’utilisateur est une approche de développement et de conception de solutions qui se concentre sur les utilisateurs et les place au cœur du processus. Leurs besoins, désirs, attentes, problèmes et douleurs deviennent l’essence de l’examen et de la création. Nous avons introduit la méthodologie de design centré sur l’utilisateur, ses principes et ses avantages et inconvénients plus en détail dans notre précédent article “Design centré sur l’utilisateur et ses principaux principes”.

Pour un rapide récapitulatif, le processus de design centré sur l’utilisateur se compose essentiellement de quatre étapes qui se répètent de manière cyclique jusqu’à atteindre une utilisabilité optimale et répondre aux exigences fondamentales des utilisateurs.

La première étape – empathie

La première étape concerne la recherche qui vise à éprouver de l’empathie – c’est-à-dire percevoir les problèmes, douleurs, routines, habitudes, exigences, besoins et désirs de nos utilisateurs. Au début de cette étape, nous identifions le groupe cible et les observons de près. Les conclusions et évaluations dans l’environnement naturel (contrôlé dans le langage de la science) fournissent les informations les plus précieuses et des données fiables.

Nos données UX authentiques permettent aux designers de dessiner la Persona ou Protopersona – une image de l'”utilisateur idéal”. La Persona est un élément clé du processus de design centré sur l’utilisateur car elle nous garde concentrés sur l’utilisateur à chaque étape suivante.

Les Personas sont basées sur les résultats de la recherche – enquêtes, entretiens approfondis et recherche documentaire, tandis que les Protopersonas sont les idées des designers sur l’utilisateur – elles sont soutenues par les meilleures connaissances disponibles sur les utilisateurs. Les Protopersonas seront donc moins détaillées et précises, tandis que dans les situations où des recherches approfondies et des Personas ne sont pas possibles, les Protopersonas semblent être la bonne solution. Bien sûr, tout dépend de l’entreprise, du projet et du produit, ainsi que du budget, de la taille de l’équipe UX et du temps dont ils disposent.

Sur la base des résultats de la recherche, les designers UX à cette étape peuvent également créer des cartes d’empathie, des histoires d’utilisateur, des flux utilisateurs ou des cartes de parcours client. Tous ces outils permettent aux designers de ressentir de l’empathie pour l’utilisateur et de mieux comprendre ses besoins. Une bonne compréhension de leurs motivations, frustrations et désirs, ainsi que la détermination, par exemple, de leur parcours d’achat dans le cas du commerce électronique, permet de créer une solution qui répond aux besoins des utilisateurs aux étapes ultérieures.

Deuxième étape – établissement du concept

La deuxième phase se concentre sur la création d’idées (idéation), basée sur les résultats de recherche de la phase précédente. Pendant celle-ci, une bonne pratique est le brainstorming en équipe, ainsi que d’autres techniques créatives pour générer de nombreux concepts, idées et solutions. Ensuite, il s’agit simplement de sélectionner collectivement les meilleures qui iront dans la matrice d’hypothèses.

Là, nous mettons les idées face aux exigences commerciales. Cela aide à estimer si une solution donnée se traduira par un résultat commercial spécifique, par exemple une augmentation des conversions, une diminution de l’abandon de panier, une croissance du nombre d’utilisateurs récurrents, une prolongation de la durée des sessions sur le site web, une augmentation du nombre de nouveaux utilisateurs ou une hausse des pages vues.

Dans l’étape suivante, nous analysons les hypothèses en termes de leur importance pour l’utilisateur et de la difficulté de mise en œuvre. Les fonctions qui sont relativement importantes pour l’utilisateur et réalisables en termes de temps ou de ressources financières seront mises en œuvre lors de la première itération.

Les fonctions et solutions qui sont légèrement moins importantes ou plus difficiles à mettre en œuvre peuvent être programmées pour des itérations ultérieures. D’autre part, les idées qui s’avèrent peu importantes du point de vue de l’utilisateur ou celles jugées extrêmement difficiles à mettre en œuvre peuvent être éliminées du pool d’hypothèses. Ce tableau s’appelle la priorisation Moscou (tableau Moscou) et permet d’identifier les solutions clés pour l’utilisateur ainsi que de les mettre en œuvre dans le budget et le calendrier prévus.

Troisième étape – design

La troisième étape concerne le design – la traduction des solutions générées en maquettes. Cette étape commence par la création d’une carte du site et la mise en place de l’architecture de l’information. Elle consiste à esquisser la mise en page de la page, le menu principal, les fonctionnalités des onglets, etc. sur chaque sous-page.

Après cette mise en page initiale, les designers peuvent passer à la création des premières maquettes Lo-Fi. Ce sont des maquettes à faible détail, généralement en noir, blanc et diverses nuances de gris. Leur rôle est de présenter la taille et la disposition des éléments individuels tels que la navigation, les images, le texte, les liens et les boutons. Souvent, il y a un manque de détails ici car les maquettes se concentrent sur les parties clés du produit.

Cependant, il est important de prendre soin du contenu déjà à ce stade et d’éviter le Lorem ipsum. En coopération avec un rédacteur, un écrivain de contenu ou un rédacteur UX, il est bon de créer un premier contenu (au moins un aperçu), pour savoir à quoi ressembleront les titres particuliers sur la page ou combien d’espace, par exemple, les descriptions de produits prendront.

Actuellement, vous pouvez facilement chercher de l’aide car sur le marché, il existe de nombreux outils de conception d’interface, comme Figma. C’est un standard pour concevoir et créer des prototypes (surtout dans l’industrie informatique). Cependant, c’est un outil relativement nouveau. Auparavant, il y avait Sketch et Adobe XD.

Quatrième étape – tests d’utilisabilité

La dernière phase (en théorie) consiste en tests d’utilisabilité avec des utilisateurs potentiels. C’est ainsi que les designers vérifient si les solutions proposées répondent aux attentes des utilisateurs. Nous devons réaliser des tests d’utilisabilité dans un environnement neutre et sûr. Pour cela, nous devons trouver le bon endroit, rédiger un scénario de test et recruter des participants.

Ces tests consistent à demander à l’utilisateur d’effectuer plusieurs actions sur un prototype. Selon le produit, les tâches peuvent concerner l’ajout d’un produit au panier, l’inscription sur le site, la recherche d’un produit donné dans la liste des produits, ou la recherche des coordonnées. Les tâches nécessitent simplicité et cohérence lors de leur résolution, et parfois, pour les obtenir, vous devrez poser aux utilisateurs quelques questions supplémentaires.

Cependant, n’oubliez pas d’éviter les questions contenant des suggestions et des évocations. Par exemple, en demandant Combien aimez-vous ce bouton ? – nous suggérons à nos utilisateurs qu’ils aiment le bouton, alors que ce n’est peut-être pas le cas. De plus, il est bon de se référer à la fonctionnalité plutôt qu’aux aspects visuels de la page – après tout, ce n’est qu’un modèle fictif.

Lors des tests d’utilisabilité, nous ne devons pas évaluer les utilisateurs de quelque manière que ce soit – nous devons vérifier leur façon de naviguer sur le site et si le site est compréhensible et intuitif pour eux. Il est bon de commencer les tests par une brève introduction de l’utilisateur au sujet – vous pouvez vous présenter, dire quelques mots sur le projet et les remercier d’avoir accepté de participer.

Il est important de souligner que son rôle dans ce processus est vital pour nous. Ajoutez également si et comment vous enregistrerez le test ou si d’autres personnes (observateurs) participeront à l’avance. Pendant le test, nous ne devons pas guider l’utilisateur ou suggérer quoi faire ou où cliquer.

Après avoir effectué les tests d’utilisabilité, les designers regardent les enregistrements et examinent les notes, sur la base desquelles ils créent un rapport avec les résultats du test. Un tel résumé permet d’identifier les problèmes récurrents des participants au test et de suggérer des changements appropriés au design.

Processus de design centré sur l’utilisateur – Résumé

Bien qu’en théorie, le processus de design centré sur l’utilisateur se compose de quatre étapes, cela ne se passe pas toujours ainsi. Après les premiers tests d’utilisabilité, vous pourriez avoir besoin de revenir à l’étape de la maquette et d’apporter des modifications à l’architecture de l’information, aux fonctionnalités ou aux éléments du site/application (étape 3). Peut-être devrez-vous repenser et améliorer le concept (étape 2) ou même revenir à l’empathie, et effectuer des recherches supplémentaires ou approfondir les connaissances sur les utilisateurs (étape 1).

Un tel modèle flexible permet une amélioration continue de la fonctionnalité du produit, de la performance et de l’apparence. Tout cela, pour répondre parfaitement aux besoins réels des utilisateurs et fournir les meilleures solutions.

Si vous aimez notre contenu, rejoignez notre communauté de petites abeilles actives sur Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.