Les 10 livrables UX utilisés par les meilleurs designers

Écoutez la version audio de cet article

Le travail d'un concepteur UX se déroule dans de nombreux environnements différents, des startups allégées et des environnements agiles où les équipes travaillent avec peu de documentation, aux missions de conseil pour des tiers, ou de grandes entreprises et entités gouvernementales avec des exigences de documentation strictes. Quelle que soit la nature de l'engagement ou de l'environnement (et la seule chose qui lie tout cela), les professionnels UX ont besoin de communiquer efficacement leurs idées de conception, leurs résultats de recherche et le contexte des projets à un large éventail de publics.

Au cours du processus de conception UX, les concepteurs produiront une grande variété d '«artefacts» et de livrables de projet dans le cadre de leur méthodologie de conception UX. Ceux-ci peuvent prendre plusieurs formes : les livrables aident les concepteurs UX à communiquer avec diverses parties prenantes et équipes, à documenter le travail et à fournir des artefacts pour les réunions et les sessions d'idéation. Ils aident également à créer la « source unique de vérité » — guides et spécifications pour la mise en œuvre et la référence.

Voici les 10 livrables UX qu'un designer UX produit généralement lors d'un engagement. (Cette liste n'est en aucun cas exhaustive et peut éventuellement être plus longue en fonction de la nature de la mission.)

1. Objectifs commerciaux et spécifications techniques

C'est une étape fondamentale. Pour un professionnel de l'UX, tout commence par une compréhension de la vision du produit, c'est-à-dire la raison d'être du produit d'un point de vue commercial. Rédigé en termes simples, l'énoncé doit inclure le problème à résoudre, la solution proposée et une description générale du marché cible. Il doit également décrire les plates-formes de livraison et aborder légèrement les moyens techniques par lesquels le produit sera livré.

Il n'a pas besoin d'être plus long qu'une page, mais doit décrire l'essentiel du Quoi, du Pourquoi et du Comment. Voici un exemple : « The Fantastic App Co. a identifié une lacune dans les applications de cadeaux sur les plateformes mobiles pour le marché Millennial (iOS et Android). Un grand nombre de Millennials ont du mal à se souvenir des dates spéciales, à identifier le meilleur cadeau, puis à trouver et à acheter ces cadeaux. Notre solution est conçue pour atténuer ce stress. Utilisant une conception anticipative et les dernières technologies d'intelligence artificielle, l'application offre une expérience utilisateur utile et presque magique. »

2. Rapport d'analyse concurrentielle

Pour quiconque commence à concevoir un nouveau produit, il est essentiel de s'assurer qu'il est bien adapté au marché. Fondamentalement, dans le cadre d'une stratégie UX, le produit doit également avoir un avantage concurrentiel convaincant et une UX supérieure aux autres sur le marché.

L'analyse concurrentielle signifie : "Identifier vos concurrents et évaluer leurs stratégies pour déterminer leurs forces et leurs faiblesses par rapport à celles de votre propre produit ou service ."

L'une des tâches initiales d'un concepteur UX consiste à rechercher les produits ou services que les clients cibles utilisent actuellement pour résoudre le problème. Existe-t-il un produit ou service équivalent ? Existe-t-il une solution alternative que les gens utilisent qui soit assez bonne mais pas parfaite ? Un pansement, une vitamine mais pas un analgésique ? Comment une meilleure UX peut-elle faire la différence ?

Composante de la recherche sur l'expérience utilisateur, un rapport d'analyse concurrentielle identifie les cinq principaux concurrents et examine ce qu'ils font bien, ainsi que ce qu'ils font mal. Cette étape aidera à définir une direction de conception où des objectifs clairs sont définis et les éléments sur lesquels se concentrer sont précisés.

3. Rapports de recherche sur les personas et l'expérience utilisateur

Les concepteurs UX doivent s'assurer que les parties prenantes comprennent les besoins des clients du produit. Créer des personnages pour encapsuler et communiquer les modèles de comportement des utilisateurs et mener des recherches sur les utilisateurs sont des moyens éprouvés de le faire. Les personas sont représentatifs des utilisateurs typiques d'un produit. En intégrant leurs objectifs, leurs besoins et leurs intérêts, ils aident l'équipe travaillant sur le projet à développer de l'empathie envers l'utilisateur.

La recherche d'utilisateurs fait également partie intégrante du processus de conception UX. Cela implique une gamme de techniques utilisées pour extraire des modèles de comportement, ajouter du contexte et donner un aperçu du processus de conception. Il existe de nombreux types d'outils et de techniques de recherche d'utilisateurs disponibles. Il s'agit de choisir la bonne « lentille » pour la bonne situation.

Avant de se lancer dans une recherche utilisateur, il est important de prendre le temps d'élaborer un plan de recherche . Il s'agit d'un document qui aidera à communiquer les objectifs et les méthodes de recherche ainsi qu'à obtenir l'adhésion des parties prenantes. C'est également un excellent outil qui peut être utilisé pour aider tout le monde à rester sur la bonne voie pendant le projet de recherche.

À la fin de la phase de recherche des utilisateurs, un rapport traduisant les résultats de la recherche en éléments exploitables est généré. L'équipe UX est ensuite configurée pour concevoir le produit autour de ces éléments.

4. Plan du site et architecture de l'information

Un sitemap est un modèle visuellement organisé de tous les composants et informations contenus dans un produit numérique. Il représente l'organisation du contenu d'une application ou d'un site. Avec les wireframes, ils sont l'un des livrables UX les plus fondamentaux et rarement ignorés dans un processus de conception UX.

Les plans de site aident à présenter l'architecture de l'information - l'art et la science d'organiser et d'étiqueter les composants d'un produit - pour prendre en charge la navigation, la facilité de recherche et la convivialité ; ils vous aident également à définir la taxonomie et l'interface utilisateur.

Les plans de site sont des références pratiques à avoir comme ressource et à ajuster à mesure que le produit évolue en fonction du prototypage itératif et des tests utilisateur. Au cours du flux de travail de conception, un système de numérotation est souvent utilisé pour garder tout le monde sur la même longueur d'onde lors de la discussion du contenu du produit.

5. Cartes d'expérience, parcours utilisateur et flux d'utilisateurs

Une carte d'expérience est une représentation visuelle qui illustre le flux d'un utilisateur au sein d'un produit ou d'un service - ses objectifs, ses besoins, le temps passé, ses pensées, ses sentiments, ses réactions, ses angoisses, ses attentes - c'est-à-dire l'expérience globale tout au long de son interaction avec un produit. Il est généralement présenté sur une chronologie linéaire montrant les points de contact entre l'utilisateur et le produit.

Les parcours et les flux d'utilisateurs concernent davantage une série d'étapes suivies par un utilisateur et montrent la manière dont les utilisateurs interagissent actuellement ou pourraient potentiellement interagir avec un produit. Ils illustrent le comportement, la fonctionnalité et les tâches clés qu'un utilisateur peut effectuer. En examinant et en comprenant le «flux» des diverses tâches qu'un utilisateur peut entreprendre, vous pouvez commencer à réfléchir au type de contenu et de fonctionnalités à inclure dans l'interface utilisateur, et au type d'interface utilisateur dont l'utilisateur aura besoin pour les accomplir.

Une grande partie de l'UX consiste à résoudre des problèmes pour les utilisateurs. Lors de l'élaboration d'un parcours utilisateur, le concepteur doit comprendre la personnalité, les objectifs de l'utilisateur, ses motivations, ses points faibles actuels et les principales tâches qu'il souhaite accomplir.

Quelle est la différence entre un user journey et un user flow ? Considérez un flux d'utilisateurs comme l'utilisateur travaillant sur une tâche ou un objectif via votre produit ou service, par exemple réserver une voiture sur Lyft ; un parcours utilisateur illustre la situation dans son ensemble. Un parcours utilisateur va au-delà des tâches et examine comment une interaction client particulière s'intègre dans un contexte plus large.

6. Filaires UX

Incontournables de la méthodologie de conception UX, les wireframes sont des illustrations « blueprint » bidimensionnelles d'un cadre de conception et d'éléments d'interface, et montrent ce qui va où. Principalement un outil de mise en page, ils aident à définir l'architecture de l'information, l'espacement du contenu, les fonctionnalités, la conception de l'interaction et les comportements des utilisateurs visés.

Les wireframes sont le pain quotidien des concepteurs UX et l'un des livrables les plus courants d'un projet. "Montrez-moi vos wireframes" est probablement entendu plus souvent qu'autre chose lors de l'entretien d'un designer UX.

Phase majeure du processus de conception UX, le wireframing est un moyen rentable d'explorer des idées et de générer des concepts innovants qui répondent aux objectifs des clients. Ce sont d'excellents outils pour créer rapidement des idées au-delà de l'esquisse, et ils se déclinent en de nombreuses saveurs différentes, de la basse fidélité (pas de style, boîtes en noir et blanc, texte grec) à la haute fidélité (entièrement stylé, couleur, très détaillé).

Parfois appelés « câbles » en abrégé sur le lieu de travail, les structures filaires peuvent économiser beaucoup de temps et d'argent sur toute la ligne, car elles sont si souples et rapides à produire. Ils servent de pièce maîtresse autour de laquelle avoir des conversations avec les parties prenantes et les membres de l'équipe tout en déterminant l'orientation de la conception.

Les wireframes sont fondamentaux et, en tant que tels, contribuent à définir une conception de manière structurelle et comment un flux d'utilisateurs fonctionne via une application ou un site dans différents scénarios de cas d'utilisation. Il y a quelques rebondissements intéressants sur les wireframes tels que les "cartes filaires" discutées dans un article précédent ici sur le Toptal Design Blog et "wireflows :" un livrable UX pour les flux de travail et les applications du NNGroup.

7. Prototypes interactifs

Autre livrable dominant lors d'un processus de conception centré sur l'utilisateur, les prototypes interactifs donnent vie à un produit. Les prototypes rudimentaires permettent d'économiser une tonne de temps et d'argent - ils démontrent comment les choses fonctionneront dans un scénario de cas d'utilisation réel et permettent une itération rapide de la conception et des tests utilisateur. Ils aident également un designer à communiquer efficacement sa conception à différentes étapes du processus de conception UX.

Le prototypage peut se produire à n'importe quel moment du parcours de découverte par itération. Des prototypes papier aux conceptions très soignées, un examen interne d'un prototype de produit permet à tous les membres de l'équipe de voir comment les choses fonctionneront lorsqu'un utilisateur réel interagit avec lui.

Les croquis statiques et les wireframes ne donnent pas vie à un produit comme le ferait un prototype interactif. Presque par magie, on voit et on ressent comment le produit se comportera, comment tout se connectera. Différentes conceptions et fonctionnalités peuvent être explorées; de nouvelles idées peuvent émerger. Les points problématiques peuvent être repérés et les interactions délicates découvertes.

Les prototypes interactifs aident énormément les utilisateurs à tester. Plutôt que de guider les gens à travers des pages statiques, les utilisateurs potentiels peuvent tester un produit qui semble 100% réel, fournir des idées et donner des commentaires précieux.

De nos jours, les outils de prototypage pour les concepteurs sont de toutes formes et tailles. Voici 21 outils de prototypage interactifs pour la conception UX.

8. Conception visuelle

La conception visuelle est la « couche finale de peinture » sur le produit. Cependant, il n'y a pas que cela : la conception visuelle peut grandement affecter l'UX d'un produit, et doit donc être abordée avec beaucoup de prudence. Espérons que de nombreuses heuristiques de conception d'interaction et d'utilisabilité ont été élaborées au cours des étapes précédentes du processus de conception UX afin que les concepteurs puissent se concentrer sur les visuels. C'est une dernière occasion de faire passer le produit au niveau supérieur.

La conception visuelle est la dernière étape avant le transfert aux développeurs et la phase où un guide de style et les spécifications finales sont élaborés. Il ne s'agit pas seulement de « rendre les choses jolies », mais d'une opportunité de définir ou de mettre en œuvre un schéma de couleurs de marque et d'affecter la convivialité avec la mise en page, le contraste et la hiérarchie visuelle.

9. Guide de style et spécifications pour les développeurs

La dernière étape du flux de travail de conception UX consiste à élaborer des spécifications et un guide de style pour les développeurs. Les guides de style sont indispensables si la conception d'un produit doit réussir à long terme.

Un guide de style permet de s'assurer que les conceptions sont mises en œuvre de manière cohérente dans l'image de marque, les styles visuels, les couleurs, les polices et la typographie. Il est également utilisé pour les modèles de conception, le langage, les règles (telles que les raccourcis clavier et les règles d'affichage des données) et la spécification des comportements de l'interface utilisateur (comme la gestion des erreurs).

Certains guides de style et spécifications sont créés manuellement, d'autres sont générés automatiquement. Mettre en place un guide de style manuellement est un processus fastidieux et peut souvent prendre six mois, donc tout outil d'automatisation est un gain de temps bienvenu.

Les moyens automatisés varient en fonction de l'outil utilisé. Ils constituent un moyen plus agile et incrémentiel de transférer des conceptions par rapport aux guides de style élaborés sur une longue période. Ils peuvent être considérés comme des «bibles de style» sur l'étagère auxquelles tous les membres de l'équipe peuvent se référer.

Si vous travaillez dans Sketch, il existe des dons divins tels que Zeplin. Zeplin est un outil de collaboration pour les concepteurs d'interface utilisateur et les développeurs front-end. Il va au-delà du flux de travail de conception et aide les équipes lors du transfert de conception.

De plus, un guide de style de conception peut être généré en quelques secondes à partir de Sketch avec le plug-in Craft, ou des mesures et CSS extraits de la conception en générant un fichier HTML avec le plug-in Marketch comme indiqué dans cet article.

Voici 50 excellents exemples de guide de style. Également un de la BBC et un d'IBM, qui hébergent tous deux leurs guides en ligne, ce qui permet à tout le monde de les consulter facilement.

10. Tests d'utilisabilité et rapports d'analyse d'utilisation

Le travail d'un designer UX n'est jamais terminé. Même après la sortie d'un produit, il est possible de recueillir des commentaires, de collecter des données sur l'utilisation, d'affiner, de publier et de recommencer le cycle.

Un test d'utilisabilité vous dira si vos utilisateurs cibles peuvent utiliser votre produit. Il aide à identifier les problèmes que les gens rencontrent avec une interface utilisateur spécifique et révèle des tâches difficiles à accomplir et un langage déroutant.

Les rapports de test d'utilisabilité sont généralement fournis pendant la phase de prototypage, mais il n'est pas rare de tester les produits existants avec les utilisateurs pour voir où il y a place à amélioration.

Comprendre les données recueillies lors des tests d'utilisabilité - la collecte, le tri et la génération de rapports, devient une tâche de plus en plus courante chez les praticiens UX - en fait, cela devient une compétence UX essentielle. Voici un modèle de rapport de test d'utilisabilité.

Une fois le produit lancé dans la nature, un autre ensemble de collecte de données, une méthode quantitative , indiquera à l'équipe de conception comment le produit fonctionne avec les utilisateurs à grande échelle.

Il existe d'innombrables outils et moyens de capturer le comportement des utilisateurs et de l'analyser. Du suivi oculaire au suivi des clics et des cartes thermiques (qui affichent les clics, les tapotements et le comportement de défilement) au balisage des éléments de l'interface utilisateur qui suit l'empreinte numérique de chaque utilisateur sur les appareils mobiles et Web.

Les rapports d'analyse indiquent les fonctionnalités utilisées par les clients, le temps qu'ils passent sur votre application mobile ou votre site, les tendances au fil du temps, et ils regroupent les résultats sur les zones géographiques, les comptes, les utilisateurs et les segments personnalisés. Ils offrent une visibilité complète sur la façon dont les fonctionnalités sont utilisées et par qui.

Les sociétés d'analyse génèrent généralement automatiquement des rapports personnalisés à la demande. Ces rapports sont très utiles et peuvent fournir des informations surprenantes sur l'utilisation de votre produit. Cette fonctionnalité étonnante que vous pensiez gagnerait tous vos clients peut s'avérer rarement utilisée. D'un autre côté, une petite fonction insignifiante dans l'interface utilisateur peut s'avérer très utilisée et vous pouvez décider qu'il est temps de vous concentrer sur l'extension de cette fonctionnalité particulière.

La mission d'un concepteur UX est de donner aux entreprises les moyens de créer des produits et des services basés sur une compréhension approfondie des comportements, des objectifs et des motivations humains. Les 10 livrables UX ci-dessus sont parmi les plus courants produits par les concepteurs UX, car ils créent de superbes expériences pour les utilisateurs dans le cadre de la «réflexion conceptuelle» et d'un processus de conception centré sur l'utilisateur.

• • •

Pour en savoir plus sur le blog Toptal Design :

• eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
• L'importance de la conception centrée sur l'humain dans la conception de produits
• Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
• Principes heuristiques pour les interfaces mobiles
• Conception anticipative : comment créer des expériences utilisateur magiques