É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 Agile 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. Indépendamment de la nature de l'engagement ou de l'environnement (et de la seule chose qui lie tout cela), les professionnels de l'expérience utilisateur doivent communiquer efficacement leurs idées de conception, les résultats de la 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 du projet dans le cadre de leur méthodologie de conception UX. Celles-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é» - des guides et des spécifications pour la mise en œuvre et la référence.
Voici les 10 livrables UX à Concepteur UX produit généralement lors d'un engagement. (Cette liste n'est en aucun cas exhaustive et peut être plus longue en fonction de la nature de la mission.)
types de risques de change
1. Objectifs commerciaux et spécifications techniques
C'est une étape fondamentale. Pour un professionnel de l'expérience utilisateur, tout commence par une compréhension de la vision du produit, c'est-à-dire la raison de l'existence du produit d'un point de vue commercial. Rédigé en termes simples, l'énoncé doit inclure le problème traité, 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 ne doit pas dépasser une page, mais doit décrire le cœur du quoi, pourquoi et comment. En voici un exemple: «The Fantastic App Co. a identifié une lacune dans les applications de cadeaux sur les plates-formes mobiles pour le marché du millénaire (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. Employant conception anticipative et les dernières technologies d'IA, 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 s’adapte bien 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é.
Analyse compétitive signifie: «Identifier votre concurrents et évaluer leurs stratégies pour déterminer leur forces et faiblesses par rapport à ceux de votre propre produit ou un service . '
L’une des tâches initiales d’un concepteur UX est de rechercher les produits ou services que les clients cibles utilisent actuellement pour résoudre le problème. Existe-t-il un produit ou un service équivalent? Existe-t-il une solution alternative que les gens utilisent qui est assez bonne mais pas parfaite? Un pansement - une vitamine mais pas un analgésique? Comment une meilleure UX peut-elle faire la différence?
Un élément de la recherche sur l'expérience utilisateur, un rapport d'analyse de la concurrence 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.
3. Rapports de recherche sur les personnalités 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 personnes 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ésentatives 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. Il 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 sur les utilisateurs. Il s’agit de choisir la bonne «lentille» pour la bonne situation.
Avant de se lancer dans la recherche d'utilisateurs, il est important de prendre le temps de développer 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 alors prête à concevoir le produit autour de ces éléments.
4. Plan du site et architecture de l'information
Un plan de site 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 sitemaps aident à mettre en page l'architecture de l'information (l'art et la science de l'organisation et de l'étiquetage des composants d'un produit) pour faciliter la navigation, trouvabilité et convivialité; ils vous aident également à définir la taxonomie et l'interface utilisateur.
Les sitemaps sont des références pratiques à avoir comme ressource et à ajuster au fur et à mesure que le produit évolue en fonction du prototypage itératif et des tests utilisateur. Pendant le flux de travail de conception, un système de numérotation est souvent utilisé pour garder tout le monde sur la même page lors de la discussion du contenu du produit.
fuite de cartes de crédit avec de l'argent
5. Cartes d’expérience, parcours des utilisateurs 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 leur 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 illustrent la manière dont les utilisateurs interagissent actuellement - ou pourraient potentiellement interagir avec un produit. Ils démontrent 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, les motivations, les problèmes actuels et les principales tâches qu'il souhaite accomplir.
Quelle est la différence entre un parcours utilisateur et flux d'utilisateurs ? Pensez à un flux d'utilisateurs en tant qu'utilisateur travaillant sur une tâche ou un objectif via votre produit ou service, par exemple réserver une voiture sur Lyft; une 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'inscrit dans un contexte plus large.
6. Wireframes UX
Un élément de base de la méthodologie de conception UX, les wireframes sont des illustrations bidimensionnelles «blueprint» d'un cadre de conception et des éléments d'interface, et montrent ce qui va où. Principalement outil de mise en page, ils permettent de définir l'architecture de l'information, l'espacement des contenus, les fonctionnalités, le design d'interaction et les comportements prévus des utilisateurs.
Les wireframes sont le pain et le beurre pour les concepteurs UX et l'un des livrables les plus courants d'un projet. 'Montre-moi tes wireframes' est probablement entendu plus souvent que toute autre chose pendant une Concepteur UX Interview de.
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 sont disponibles dans de nombreuses saveurs différentes - de la basse fidélité (pas de style, encadrés en noir et blanc, texte en grec) à la haute fidélité (entièrement stylée, couleur, très détaillée).
Parfois appelés «fils» en sténographie sur le lieu de travail, les wireframes peuvent économiser une tonne de temps et d’argent sur toute la ligne, car ils 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 la direction de la conception.
Les wireframes sont fondamentaux et, en tant que tels, sont essentiels pour aider à définir une conception structurellement et comment un flux d'utilisateurs fonctionne à travers une application ou un site dans différents scénarios d'utilisation. Il y a quelques rebondissements intéressants sur les wireframes, tels que les 'cartes filaires' discuté dans un article précédent ici sur le blog ApeeScape Design et ' fil de fer : ”Un livrable UX pour les workflows et les applications du NNGroup .
7. Prototypes interactifs
Un 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 énormément de temps et d'argent. Ils démontrent comment les choses fonctionneront dans un scénario d'utilisation réel et permettent une itération de conception et des tests utilisateur rapides. Ils aident également un concepteur à communiquer efficacement sa conception à différentes étapes du processus de conception UX.
Le prototypage peut avoir lieu à tout moment du voyage 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 comme par magie, on voit et ressent le comportement du produit - comment tout se connecte. Différents modèles et fonctionnalités peuvent être explorés; de nouvelles idées peuvent émerger. Les points problématiques peuvent être repérés et les interactions gênantes 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 de précieux commentaires.
De nos jours, les outils de prototypage pour les designers sont de toutes formes et tailles. Voici 21 outils de prototypage interactif pour la conception UX.
pourquoi la proportion est-elle importante dans une conception
8. Conception visuelle
La conception visuelle est la «dernière couche de peinture» sur le produit. Cependant, ce n’est pas seulement cela: la conception visuelle peut grandement affecter l’expérience utilisateur d’un produit et doit donc être abordée très attentivement. Espérons que beaucoup de design d'interaction et heuristique d'utilisabilité ont été élaborés lors 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 aussi d’offrir la possibilité de définir ou de mettre en œuvre une palette 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 à rassembler des spécifications et un guide de style pour les développeurs. Les guides de style sont indispensables pour que la conception d’un produit réussisse à long terme.
Un guide de style permet de s'assurer que les conceptions sont mises en œuvre de manière cohérente dans la marque, les styles visuels, les couleurs, les polices et la typographie. Il est également utilisé pour les modèles de conception, la langue, 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 assemblés manuellement et d'autres sont générés automatiquement. La création manuelle d'un guide de style est un processus fastidieux et peut souvent prendre six mois, donc tout outil d'automatisation est un gain de temps bienvenu.
Les méthodes automatisées varient en fonction de l'outil utilisé. Ils constituent un moyen plus agile et progressif de transférer des conceptions par rapport à des guides de style élaborés sur une longue période. On peut les considérer davantage comme des «bibles de style» sur l'étagère auxquelles tout le monde dans l'équipe peut se référer.
Si vous travaillez dans Sketch, il existe des envois divins tels que Zeplin . Zeplin est un outil de collaboration pour les concepteurs d'interface utilisateur et les développeurs frontaux. Il va au-delà du flux de travail de conception et aide les équipes à passer la 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 des 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 . Aussi un de la BBC , et un de IBM , qui hébergent tous deux leurs guides en ligne, ce qui permet à tout le monde de le consulter facilement.
qu'est-ce qu'un outil de ligne de commande
10. Rapports de test d'utilisabilité et d'analyse d'utilisation
Le travail d’un UX designer 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 lancer et de recommencer le cycle.
Un test d'utilisabilité vous indiquera 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 inhabituel de tester les produits existants avec les utilisateurs pour voir où il y a place à amélioration.
Comprendre les données collectées 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 quantitatif méthode: indiquera à l'équipe de conception comment le produit fonctionne avec les utilisateurs à grande échelle.
Il existe d'innombrables outils et façons de capturer le comportement des utilisateurs et de l'analyser. Du suivi oculaire au suivi des clics et aux cartes thermiques (qui montrent les clics, les pressions 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 quelles fonctionnalités les clients utilisent, combien de temps ils passent sur votre application mobile ou votre site, les tendances au fil du temps, et ils regroupent les résultats à travers les zones géographiques, les comptes, les utilisateurs et les segments personnalisés. Ils offrent une visibilité complète sur la manière 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 qui, selon vous, séduirait tous vos clients peut s'avérer rarement utilisée. D'un autre côté, une petite fonction insignifiante de 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 permettre aux entreprises de créer des produits et des services basés sur une compréhension approfondie des comportements humains, des objectifs et des motivations. Les 10 livrables UX ci-dessus sont parmi les plus courants produits par les concepteurs UX, car ils créent de grandes expériences pour les utilisateurs dans le cadre de la «réflexion conceptuelle» et d'un processus de conception centré sur l'utilisateur.
• • •
Lectures complémentaires sur le blog ApeeScape 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 UX Designer - Études de cas et exemples inspirants
- Principes heuristiques pour les interfaces mobiles
- Conception anticipative: comment créer des expériences utilisateur magiques
