L’UX design est partout autour de nous. C’est un secteur en plein essor, les produits numériques occupant une place de plus en plus importante dans la vie des gens. La demande de ce service n’a jamais été aussi forte et ne montre aucun signe de ralentissement.
Ce domaine est large et diversifié, incluant des choses comme la conception de la navigation, mais aussi les tests d’utilisabilité. Il crée des expériences complètes pour les gens, en résolvant des problèmes et en créant des ponts numériques. C’est passionnant, rapide et en constante évolution.
C’est pourquoi nous avons créé ce guide complet sur ce thème. Nous vous apportons une introduction complète au jeu de l’UX, allant de la théorie de base jusqu’à des interviews et des présentations de vrais designers.
Plongeons-y et découvrons ce qui fait de l’UX conception l’une des industries les plus passionnantes à l’heure actuelle.
Qu’est-ce que l’UX design ?
Sommaire
Définition générale
Dans les grandes lignes, le design UX (expérience utilisateur) se concentre sur l’interaction entre les humains (utilisateurs) et un produit via une interface.
En fait, la conception UX ne doit même pas se limiter aux produits numériques. Tout ce que les gens utilisent a besoin d’une interface utilisateur, des micro-ondes au petit bouton sur lequel vous devez appuyer pour traverser la rue.
Nous utilisons tellement de choses chaque jour qu’il peut être facile de négliger les éléments qui nous facilitent la tâche. Un four à micro-ondes peut en effet avoir une mauvaise interface utilisateur – un exemple courant est celui des icônes de boutons qui n’expliquent pas grand-chose, ce qui laisse les utilisateurs perplexes.
L’expérience d’utilisation d’un four à micro-ondes a tendance à être facile de par sa conception.
En réalité, l’UX design consiste à créer de bonnes expériences significatives pour les utilisateurs – généralement, dans des produits numériques tels que les sites web et les applications. La création d’une application implique bien plus que de jeter plusieurs éléments dans quelques écrans et d’espérer qu’un développeur puisse lui donner vie. L’UX design consiste à créer des produits qui s’adaptent à la vie et aux besoins des utilisateurs, ce qui n’est pas chose aisée.
L’UX peut être considérée comme un parapluie qui couvre toutes les petites caractéristiques d’une application donnée.
Qu’est-ce qu’un UX design réussi ?
Il est vrai que parce que l’UX design peut être un sujet vaste qui couvre un monde diversifié, il peut être difficile de tout épingler dans une définition précise. Cela dit, il existe un objectif assez simple que tous les UX ont en commun : offrir une bonne expérience à l’utilisateur.
Mais qu’est-ce qui fait une bonne expérience ? Cela dépend du destinataire de la conception. Un UX design de bonne qualité provient toujours de produits qui vont aux utilisateurs comme un gant. En règle générale, on peut s’attendre à ce qu’une bonne expérience soit pratique, agréable et simple.
Lorsque vous êtes enthousiasmé par l’achat d’un appareil photo sur Amazon, il peut être facile de négliger la facilité et la rapidité du processus de paiement. En réalité, ce processus est le fruit du travail d’une grande équipe UX qui s’est efforcée de le simplifier pour que les utilisateurs n’aient pratiquement plus à réfléchir au moment de passer à la caisse. Pas d’effort, pas de retard et pas de confusion. C’est ce qu’on appelle une bonne ergonomie.
UX design : les éléments cruciaux de l’expérience utilisateur
L’UX design est vraiment vaste, il peut donc être déroutant d’envisager tout ce qu’il inclut ou touche.
Conception de l’interface utilisateur
Il y a toujours une confusion entre l’UI design et l’UX design. Où est la ligne qui sépare les deux ? Le fait est que la conception de l’interface utilisateur ne s’intéresse qu’à l’interface, y compris à des éléments tels que la mise en page, les boutons et la hiérarchie visuelle. Il n’inclut pas des éléments tels que les interactions, les animations, les tests d’utilisabilité ou les récits d’utilisateurs, qui relèvent tous strictement du domaine de l’UX design. En fin de compte, l’UI et l’UX design doivent tous deux travailler ensemble pour qu’un produit soit vraiment réussi.
Recherche UX
Savoir ce dont les utilisateurs ont besoin et ce qu’ils veulent n’est pas le fruit du hasard. Les équipes de conception investissent de l’argent, du temps et des efforts dans des études qualitatives et quantitatives afin de mieux comprendre les utilisateurs. Les équipes utilisent certaines méthodes de recherche, comme l’analyse de la concurrence, pour créer des documents qui aident les concepteurs dans leur travail. Ces documents sont des supports tels que les user personas, les user stories ou les user journeys. La recherche UX consiste généralement à comprendre les utilisateurs et à trouver la bonne voie pour le projet.
Conception d’interaction
Il s’agit en grande partie de définir le comportement du produit lorsque les gens interagissent avec lui. Il s’agit par exemple de ce qui se passe lorsque vous cliquez sur un bouton, du changement de couleur de l’icône de cœur d’Instagram ou de la façon dont certains éléments se déplacent pour indiquer qu’ils sont cliquables. Le design d’interaction peut être un sujet vaste, mais il ne fait aucun doute qu’il est crucial pour aider les utilisateurs à accomplir des tâches.
Architecture de l’information
Il s’agit de créer un produit que les gens peuvent comprendre et utiliser, par opposition à des utilisateurs confus qui ne peuvent jamais accomplir une tâche ou trouver ce qu’ils cherchent. L’architecture de l’information consiste généralement à diviser le contenu et à tout organiser de manière logique, de sorte que les utilisateurs n’aient pas à se stresser pour trouver un article dans un magasin ou à transpirer pour trouver un formulaire de contact.
Conception de la navigation
Communément appelée l’épine dorsale de la conception ou les autoroutes par lesquelles les utilisateurs se déplacent dans le produit. La conception de la navigation consiste à amener les utilisateurs d’un point A à un point B sans frustration, avec un minimum d’effort de la part de l’utilisateur. L’absence d’une navigation solide peut se traduire par des utilisateurs stressés qui abandonnent votre produit sans jamais avoir achevé une tâche – une véritable catastrophe en matière d’UX design. Il convient de noter que la navigation et l’AI vont de pair lorsqu’il s’agit de créer une expérience de qualité pour les utilisateurs.
Tests d’utilisabilité
L’utilisabilité consiste à étudier la manière dont les utilisateurs perçoivent le produit et réagissent à la conception. Il s’agit d’observer des personnes réelles et de vérifier si leur comportement correspond à ce que l’équipe de conception avait prévu. Les tests d’utilisabilité constituent un monde en soi, avec des méthodes de test étendues qui méritent toute notre attention.
Le prototypage et le wireframing
Les prototypes et les wireframes sont l’incarnation de tout le travail acharné que les équipes de conception investissent dans les projets. Ils capturent l’aspect, la sensation et la fonctionnalité du projet final et sont utilisés pour tester la conception sur de vrais utilisateurs. Les wireframes ont tendance à être axés sur la fonctionnalité, en se concentrant sur des éléments tels que la navigation et la mise en page. Les prototypes sont plus proches de la réalité et incluent tous les détails du produit final, des interactions à l’attrait visuel. Il est indispensable de disposer d’un outil d’UX design professionnel.
Les fondamentaux de l’UX design
Il existe de nombreux points de vue différents sur ce que sont les véritables fondamentaux de l’UX design. Généralement, il s’agit de toutes les parties cruciales de l’UX design que nous devons appliquer à chacun des produits que nous créons. Il s’agit de s’assurer que les nouveaux utilisateurs peuvent se familiariser avec votre produit, jusqu’à l’idée même de convivialité.
Voyons cela de plus près.
Compréhension des personnes et du problème : la recherche
C’est l’aspect le plus fondamental de l’UX Designer que les débutants doivent absolument comprendre. Avant toute conception réelle, l’équipe de conception doit mettre de côté ses propres hypothèses et opinions afin d’effectuer des recherches cruciales.
Tout d’abord, il faut savoir pour qui nous concevons. Qui sont nos utilisateurs ? Que font-ils, comment vivent-ils ? Cette étape va de pair avec la compréhension du problème que notre produit va résoudre. Ces utilisateurs feront l’objet d’un ou de plusieurs profils d’utilisateurs, qui resteront avec l’équipe pendant toute la durée du projet. Il est important de disposer d’un bon user persona, car il aidera l’équipe de conception à rester objective et favorisera l’empathie. C’est le moment de comprendre les utilisateurs, leurs problèmes et leur comportement.
Tout aussi important, l’équipe doit également résoudre un problème de la vie réelle avec la conception de son produit. Vous devez poser des questions telles que : quelle est la fréquence du problème ? Quel est le degré de frustration des utilisateurs ? Quel prix seraient-ils prêts à payer pour s’en affranchir ? N’oubliez pas que les solutions vraiment impressionnantes résolvent des problèmes impressionnants. Si le problème choisi n’est pas important, il y a de fortes chances que la solution ne le soit pas non plus.
Comme vous l’avez peut-être deviné, il s’agit là des points essentiels de la phase de recherche initiale de tout projet. Il n’est pas facile de comprendre le comportement des gens et cela ne se fait certainement pas du jour au lendemain. La recherche est un long processus qui implique des entretiens et beaucoup d’analyses.
Conception centrée sur l’utilisateur
Souvent appelé un pilier de l’UX design, le design centré sur l’utilisateur consiste à créer une expérience sur mesure pour vos utilisateurs. L’ensemble du concept encourage les concepteurs à changer d’état d’esprit lorsqu’il s’agit de savoir pour qui ils conçoivent.
L’argument est que tous les produits sont centrés sur l’homme, c’est-à-dire qu’ils sont créés pour l’homme. Mais votre produit ne sera pas utilisé par tous les humains. Vos utilisateurs sont un groupe spécifique de personnes, avec des modèles mentaux, des préférences et des besoins spécifiques. Ces détails sont le pain et le beurre du concepteur, marquant les choses mêmes qui doivent être reflétées dans la conception du produit.
La conception centrée sur l’utilisateur ne consiste pas seulement à comprendre un problème que nous voulons résoudre. Il s’agit de comprendre le contexte qui entoure ce problème. En théorie, il en résultera un produit qui ira vraiment comme un gant aux utilisateurs, parce qu’il s’adaptera à leurs modèles mentaux. En pratique, cela signifie que la recherche initiale sur les utilisateurs sera longue et fastidieuse, car elle sert de base à tout le reste.
Stratégie et matériel de conception
Toutes ces informations donnent un contexte au problème et aux éléments qui l’entourent, ce qui amène les concepteurs à comprendre les personnes pour lesquelles ils conçoivent. C’est ce qu’on appelle aussi la collecte des besoins. Une fois que toutes ces informations ont été recueillies, nous commençons à observer un certain changement de mentalité.
Les concepteurs passent de la recherche de détails et d’informations à la tentative de donner un sens à toutes ces informations, en essayant de les appliquer à la conception. Des décisions doivent être prises, comme la manière d’aborder le problème ou de refléter les besoins des utilisateurs dans le produit.
Nous commençons à voir les détails de la future solution, comme les caractéristiques primaires et secondaires, les capacités techniques commencent à être discutées. La stratégie doit être soigneusement planifiée, car elle doit répondre à plusieurs critères : les besoins de l’entreprise, les besoins des utilisateurs et la facilité d’utilisation.
Cette danse de la stratégie consiste à imaginer un produit qui puisse être financièrement viable, résoudre le problème de l’utilisateur et offrir une bonne expérience. En outre, il est essentiel de communiquer tout cela aux équipes internes et de veiller à ce que tout le monde soit sur la même longueur d’onde, ce qui implique de faire preuve de leadership et de communiquer.
Une fois que nous savons plus ou moins où nous en sommes, où nous voulons amener la solution et quel est le chemin possible pour y parvenir, vient le moment d’appliquer toute cette stratégie. L’équipe de conception doit créer des produits tangibles qui capturent à la fois des facteurs, comme l’identité de l’utilisateur, et l’essence de la solution, comme un prototype.
Au fur et à mesure que les pièces s’assemblent, il y a plusieurs séries de tests pour valider le tout.
Facilité d’utilisation et accessibilité
L’utilisabilité est la manière dont nous nous assurons que la réalité du produit correspond à nos attentes. Après tout, tous les concepteurs souhaitent en fin de compte offrir une bonne expérience aux utilisateurs. Chaque décision prise, chaque petit détail a été soigneusement planifié pour que l’utilisateur puisse en profiter – mais les choses dérapent souvent. Cela se produit le plus souvent lorsque les concepteurs perdent de vue l’utilisateur et commencent à concevoir pour eux-mêmes – c’est une voie à sens unique vers une mauvaise utilisabilité.
Alors, comment s’assurer que la conception reste fidèle à l’utilisateur au fur et à mesure que les choses avancent ? Il s’avère que nous procédons de la même manière que nous nous assurons que les utilisateurs peuvent réellement utiliser la conception. Nous testons, testons, testons et testons encore.
Les tests d’utilisabilité
Les tests d’utilisabilité sont le seul moyen dont disposent les concepteurs pour valider le travail qu’ils ont effectué jusqu’à présent, et ils ne peuvent être réalisés de manière réaliste qu’à l’aide d’un prototype. Plus le prototype est détaillé, plus l’expérience des utilisateurs testés sera réaliste, ce qui permet d’obtenir des résultats plus précis. Bien sûr, vous pouvez tester un tas de boîtes et de fonds blancs, mais vous devez prendre les résultats avec un grain de sel. Une fois que les détails entrent en jeu, vous pouvez commencer à faire confiance à la réaction et au comportement des gens pendant les tests.
En réalité, l’utilisabilité est un processus continu qui se répète sans cesse. Il peut prendre de nombreuses formes, qu’il s’agisse de tests modérés où nous nous trouvons face à face avec les utilisateurs, ou de tests non modérés qui incluent des milliers d’utilisateurs. Les concepteurs peuvent l’utiliser pour explorer de nouvelles directions à donner à leur travail, pour comparer les performances entre les options disponibles ou pour repérer les points à améliorer dans une conception déjà existante. C’est un monde en soi.
Malgré le nombre impressionnant de méthodes, d’outils et de facteurs qui entrent en jeu lorsque nous parlons d’utilisabilité, certaines choses restent vraies pour tous. Ce sont les avantages et les raisons pour lesquelles aucun concepteur digne de ce nom ne renonce aux tests.
Les avantages des tests d’utilisabilité
Réduire les coûts de développement
Ce n’est un secret pour personne que les modifications apportées à la conception avant le codage sont peu coûteuses. En revanche, les modifications apportées une fois que le code est en place posent des problèmes et sont très coûteuses. C’est pourquoi les concepteurs s’empressent de tout tester afin que tout le monde puisse être sûr que la conception finale ne connaîtra pas de défaillances catastrophiques qui nécessiteraient des modifications du produit.
Améliorer le taux de rétention
Même une fois que tout est en ligne, les tests de convivialité se poursuivent afin de mieux comprendre les performances du produit. Pourquoi les utilisateurs abandonnent-ils votre application ? Pourquoi les visiteurs quittent-ils votre site web sans rien acheter ? Les tests peuvent être un excellent moyen d’identifier les lacunes dans votre entonnoir de vente, de sorte que votre équipe de conception puisse commencer à résoudre le problème.
Comprendre le comportement des utilisateurs
Il est important de comprendre comment vos utilisateurs réagissent, traitent et ressentent le design. Les tests d’utilisateurs peuvent servir de fenêtre dans l’esprit des utilisateurs, où vous pouvez jeter un regard objectif sur leur comportement et tirer des conclusions à partir des données.
Dans le même ordre d’idées, il y a la question de l’accessibilité. Il s’agit des tests spécifiques et des mesures de conception que nous pouvons prendre pour nous assurer que tous les utilisateurs peuvent utiliser le produit. L’accent est mis sur les utilisateurs qui ont un handicap, le plus souvent ceux qui utiliseront le produit avec l’aide d’une technologie d’assistance.
L’heuristique de conception de Nielsen
Il s’agit là d’un grand classique. Le groupe Norman Nielsen a créé 10 règles qui s’appliquent à tous les produits sur lesquels les UX designers mettent la main. Elles sont connues pour être assez difficiles à respecter, surtout toutes à la fois dans un même produit. Cela dit, ces règles font office de norme en matière d’utilisabilité, et placent la barre très haut pour toutes les conceptions.
Visibilité de l’état du système
C’est une façon de dire que les utilisateurs doivent savoir ce qui se passe à tout moment. Comme les humains ne peuvent pas vraiment parler aux machines, il appartient aux concepteurs d’indiquer que des commandes ont été enregistrées, que quelque chose est en train de se charger ou que des données sont en train d’être récupérées. En l’absence d’indication sur l’état du système, les utilisateurs désorientés appuient sans cesse sur les mêmes boutons.
Correspondance entre le système et le monde réel
Cela signifie que les produits numériques doivent, d’une certaine manière, correspondre à la réalité physique dans laquelle nous vivons. Les boutons doivent ressembler à des boutons, le texte écrit doit ressembler à une conversation normale et les informations doivent être proposées de manière raisonnable.
Contrôle et liberté de l’utilisateur
Les utilisateurs doivent pouvoir contrôler ce qui se passe dans le produit et être libres de leurs propres erreurs. Les gens regrettent souvent d’avoir cliqué sur un bouton ou envoyé un texte, et il appartient aux concepteurs d’aider les utilisateurs à se libérer des conséquences de ces erreurs. Des éléments tels que les boutons d’annulation entrent en jeu ici.
Cohérence et normes
Essayer de repousser les limites et d’innover est une bonne chose, mais il y a une bonne façon de le faire. En matière d’UX design, il est important de se rappeler que les utilisateurs passent une grande partie de leur temps à utiliser toutes sortes de produits numériques. Ces produits ont défini leurs attentes, et essayer d’aller à l’encontre de ces attentes peut s’avérer désastreux. Les utilisateurs s’attendent à ce qu’une icône de hamburger soit un menu et au lieu de lutter contre cette hypothèse, utilisez-la en votre faveur.
Prévention des erreurs
Tout comme vous voulez aider les utilisateurs à se remettre de leurs erreurs, vous voulez aussi minimiser la marge d’erreur. Il s’agit de tester la conception, de trouver les zones les plus propices aux erreurs et de les ajuster en conséquence. Plutôt qu’une erreur due à l’inattention ou une erreur consciente, vous voulez que les utilisateurs apprécient simplement l’application et ne fassent pas d’effort actif pour ne pas faire d’erreurs.
Reconnaissance plutôt que rappel
Les gens ont une très mauvaise mémoire à long terme. C’est un fait. Il est donc important de ne pas s’attendre à ce que les utilisateurs se souviennent de tout ce qu’ils ont vu sur l’interface du produit. Toute information importante doit être soit montrée aux utilisateurs, soit facilement récupérable.
Flexibilité et efficacité d’utilisation
Les nouveaux utilisateurs sont susceptibles de passer du temps à explorer le produit et à utiliser le chemin le plus évident pour accomplir leurs tâches. Cela dit, vous devez créer des raccourcis qui ajoutent une certaine souplesse à la conception pour ceux qui ne sont pas novices. Si les utilisateurs sont amenés à utiliser l’application de manière répétée, il faut qu’elle soit efficace.
Conception esthétique et minimaliste
Ce n’est pas tout à fait la même chose que le style de conception populaire, mais plutôt une norme plus fonctionnelle pour n’importe quel écran. Vous ne voulez absolument pas inclure des informations inutiles ou des éléments qui n’ont pas besoin de figurer dans l’interface. Ces éléments supplémentaires peuvent nuire à la visibilité de l’écran et créer un aspect encombré. À tout moment, n’incluez dans la conception que les éléments qui sont nécessaires.
Aide des utilisateurs à reconnaître corriger les erreurs
Cette heuristique concerne essentiellement les messages d’erreur que l’on trouve dans le produit. L’époque où un simple « Réessayez » s’affichait à l’écran est révolue depuis longtemps. Un bon UX designer aide les utilisateurs à comprendre ce qui n’a pas fonctionné et les oriente vers un moyen de se rétablir. Vous voulez des messages descriptifs qui donnent un contexte aux utilisateurs.
Documentation
Dans l’idéal, un produit doit être facile à utiliser pour que les utilisateurs n’aient pas besoin d’aide. Cependant, pour de nombreux produits, ce n’est tout simplement pas possible. Prenons un outil comme l’outil de prototypage de Justinmind. Oui, les utilisateurs peuvent apprendre à s’en servir seuls, mais ils peuvent avoir besoin d’aide pour certaines fonctionnalités ou tâches spécifiques. Vous devez disposer d’une documentation facile à comprendre et à rechercher, pour que les utilisateurs puissent voir la décomposition étape par étape d’une tâche donnée.
UX design de site web : principes et lignes directrices
Un site web UX clair et minimaliste
L’élément le plus important de votre site web est la raison pour laquelle vos utilisateurs s’y rendent en premier lieu. Il est donc naturel que vous souhaitiez éliminer autant d’obstacles que possible pour les aider à réaliser ce qu’ils sont venus faire, qu’il s’agisse de trouver des produits ou des informations.
Une conception minimaliste de votre site web peut vous aider à atteindre cet objectif. Veillez à ce qu’il n’y ait pas de détails superflus susceptibles de détourner l’attention de l’utilisateur et de l’empêcher de trouver ce qu’il cherche. L’encombrement de l’écran par de nombreux contrôles et contenus non pertinents peut distraire l’utilisateur de la tâche principale qu’il doit accomplir. N’incluez que ce qui doit figurer sur un écran donné à un moment donné, c’est-à-dire le contenu ou les produits recherchés par l’utilisateur, ainsi que les options de navigation.
S’il s’agit de la conception d’un site de commerce électronique, vous devez veiller à ce que l’utilisateur trouve les produits qu’il recherche le plus rapidement possible et à ce qu’il y ait le moins de distractions possible pendant sa navigation.
Vous concevez peut-être un site web pour un hôtel et vous souhaitez captiver le public. Pouvez-vous utiliser des images de héros accrocheuses et des vidéos narratives ? Certainement. Mais veillez à ce que l’utilisateur puisse trouver immédiatement ce dont il a besoin, avec un appel à l’action bien visible : RÉSERVEZ MAINTENANT.
N’oubliez pas : Les mises en page simples et intuitives sont celles qui fonctionnent le mieux lorsqu’il s’agit des principes UX d’efficacité et d’efficience. Ce n’est pas pour rien que personne ne souhaite un retour à ce qu’était la création de sites internet en 2001 !
L’UX design est un élément essentiel de l’UX des sites web
Un utilisateur entre dans un restaurant et dit qu’il a compris votre interface au premier coup d’œil. S’il ne plaisante pas, c’est parce que vous avez compris la première loi de Krug sur l’utilisabilité. Ce principe UX stipule qu’une interface utilisateur doit être explicite, ce qui facilite l’apprentissage.
Faites en sorte que la navigation sur votre site web soit aussi simple que possible. Placez le menu de navigation principal en haut de la page pour que les utilisateurs puissent accéder aux fonctionnalités, produits ou contenus les plus importants de votre site web. Cachez les options moins importantes dans des sous-catégories.
Connaissez les modèles mentaux de vos utilisateurs
Avant toute chose, assurez-vous de respecter les modèles mentaux des utilisateurs. Un modèle mental est une idée qu’un utilisateur se fait du fonctionnement d’une chose. La plupart des gens, lorsqu’ils voient une flèche dans un champ, comprennent qu’il s’agit d’un menu déroulant et la plupart comprennent la métaphore de la pagination. Cependant, il est toujours utile de tester vos conceptions sur vos utilisateurs cibles, juste pour être sûr. L’idée que vous vous faites du fonctionnement d’une chose n’est peut-être pas la même que celle de vos utilisateurs.
Ayez des éléments et un langage cohérents
Enfin, l’un des moyens les plus naturels de faciliter l’apprentissage rapide de votre site web consiste à utiliser des éléments et un langage cohérents. Cela réduit la charge cognitive de l’utilisateur car il y a moins à interpréter à chaque fois.
Par exemple, disons que vous utilisez un bouton orange pour ajouter un article au panier et un bouton vert pour passer à la caisse. En conservant cette combinaison de couleurs sur l’ensemble de votre site web, vous créerez une certaine cohérence. De même, si vous utilisez un sélecteur de date dans un formulaire, il est logique de le répéter dans tous les formulaires de votre site.
Concevoir l’UX design du site web pour une utilisation rapide
Le principe d’efficacité de l’UX consiste à se concentrer sur la rapidité avec laquelle vos utilisateurs sont en mesure d’effectuer leurs tâches.
Des flux efficaces
Réfléchissez toujours à la manière dont vous pouvez réduire le nombre de clics, de frappes et de défilements au strict minimum pour chaque tâche. En règle générale, la plupart des tâches ne devraient pas prendre plus de deux minutes à l’utilisateur.
Une autre astuce pour accélérer la vitesse à laquelle les utilisateurs effectuent des tâches sur votre site web consiste à regrouper des contenus ou des éléments similaires, ainsi que des questions similaires dans les formulaires. Vous pouvez également accélérer les choses en régalant les utilisateurs avec des accélérateurs.
Accélérateurs
En ce qui concerne le principe d’efficacité de l’interface utilisateur, vous pouvez également prendre en compte les utilisateurs expérimentés. Les utilisateurs qui se servent fréquemment de votre site web ou qui utilisent d’autres produits similaires apprécieront de ne pas avoir à effectuer les tâches à la même vitesse que les novices.
La solution consiste à utiliser des accélérateurs. Il s’agit de commandes qui aident les utilisateurs à accélérer littéralement les choses, généralement en utilisant des raccourcis clavier. Tout le monde connaît les accélérateurs universels ctrl+c et ctrl+v. Si possible, examinez les autres outils utilisés par votre base d’utilisateurs.
Cela vous aidera non seulement à démontrer les modèles mentaux et les métaphores de l’interface utilisateur qu’ils sont déjà susceptibles de comprendre, mais aussi à copier les accélérateurs utilisés dans ces produits, ce qui vous permettra de minimiser la courbe d’apprentissage autant que possible.
En donnant à certains utilisateurs la possibilité d’utiliser des accélérateurs, vous permettez aux débutants de faire les choses de manière aussi intuitive que par la voie conventionnelle, tout en permettant aux utilisateurs chevronnés d’accélérer leurs tâches. Une bonne expérience pour les deux.
Un langage efficace
L’utilisation d’un langage clair et simple est un principe important pour l’UX design d’un site web qui aidera vos utilisateurs à faire le travail plus rapidement. C’est aussi simple que cela. L’International Design Foundation recommande d’utiliser un langage qui pourrait être destiné à des élèves de 6e année.
Si vous n’êtes pas sûr de la complexité du langage que vous utilisez, vous pouvez la mesurer à l’aide d’une myriade de lecteurs de l’échelle Flesch-Kincaid sur le web, tels que Grammarly et Pro Writing Aid. Ces lecteurs vous indiqueront le niveau de lecture qui conviendrait à votre texte.
En utilisant un langage clair et simple, vous contribuez à améliorer non seulement la compréhension de vos utilisateurs, mais aussi leur précision dans l’exécution de certaines tâches. N’oubliez pas qu’avec le rythme de vie actuel, les utilisateurs sont souvent pressés et ont tendance à avoir une durée d’attention plus courte. Il n’y a aucun avantage à utiliser un jargon alambiqué ou à essayer d’être verbeux.
Instructions et messages d’erreur
Veillez à ce que les instructions soient claires et utiles. C’est le cas, par exemple, lorsque l’on remplit un formulaire. Les messages d’erreur apparaissent à temps avant que l’utilisateur ne saisisse trop de détails.
Il doit être utile et expliquer le problème. Par exemple, « numéro de carte de crédit trop long » ou « numéro de carte de crédit non valide », ou « veuillez saisir une date antérieure à 2023 ».
CTA
Un autre facteur important à prendre en considération est de s’assurer que le texte que vous écrivez sur les CTA est clair et concis. Cela dépend beaucoup de votre marque, de votre produit et de votre public cible, mais en général, vous voudrez que vos CTA soient clairs et simples.
Commencez par un verbe d’action et indiquez de manière très concrète ce qui va se passer, par exemple « s’abonner à la lettre d’information mensuelle » ou « télécharger l’application ». Parfois, des CTA accrocheurs mais descriptifs fonctionnent également, mais vous devez bien connaître votre public. Les rédacteurs UX se chargent souvent de concevoir et d’affiner le langage utilisé dans les produits numériques.
Une architecture de l’information utile
Décider de la manière de hiérarchiser votre contenu vous aidera à concevoir une architecture de l’information qui conviendra à vos utilisateurs et les aidera à se repérer sur votre site et à accéder au contenu dont ils ont besoin beaucoup plus rapidement.
Parfois, le meilleur moyen d’apprendre à la fois comment hiérarchiser votre contenu pour vos utilisateurs, mais aussi comment ils s’attendraient logiquement à ce qu’il soit organisé sur votre site, consiste à trier les cartes. Déterminer l’architecture optimale de l’information avant de commencer le travail de conception vous aidera également à choisir le contenu le plus pertinent pour vos utilisateurs.
Un contenu pertinent dans l’UX du site web
Lorsque les utilisateurs viennent sur votre site web, ils cherchent quelque chose. S’assurer que votre contenu est pertinent pour vos utilisateurs cibles est un principe UX important qui met l’accent sur l’efficacité.
Pour ce faire, vous pouvez notamment veiller à ce que les éléments du menu et de la navigation présentent immédiatement le contenu ou les catégories de contenu les plus recherchés, et ce dans un ordre logique pour vos visiteurs.
Dans le cas d’un commerce électronique, vous pouvez placer vos catégories les plus populaires de gauche à droite dans la barre de menu en haut de l’écran, ou comme premières options dans un menu débordant.
Formulaires et navigation sur le site web tolérants aux erreurs
L’interface utilisateur de votre site web doit être aussi tolérante que possible aux erreurs. Il s’agit d’un principe UX important, car vos utilisateurs ne sont pas des robots et tout le monde peut faire des erreurs, surtout lorsqu’il est pressé. Pour accroître l’efficacité, vous devez aider vos utilisateurs à corriger le plus rapidement possible toute erreur systématique qu’ils commettent.
Imaginez le scénario où ils remplissent un formulaire. Si un utilisateur fait une erreur dans un champ ou laisse ce champ vide, une réponse très peu utile consisterait à rafraîchir tous les champs et à les faire recommencer. Ce serait improductif et frustrant pour l’utilisateur.
Si l’on s’en tient au principe UX de tolérance des erreurs, on pourrait conserver les informations correctes dans tous les autres champs, tout en mettant en évidence le champ contenant des données erronées. Nous pourrions aider davantage l’utilisateur en lui fournissant des instructions claires en ligne, telles que « veuillez saisir une adresse électronique valide ». Il est encore plus utile, lorsque l’utilisateur tente d’envoyer un formulaire contenant une erreur, s’il s’agit d’un long formulaire, que la page remonte automatiquement jusqu’à l’entrée incriminée, sans que l’utilisateur n’ait à revenir en arrière et à la rechercher.
Une autre façon de s’assurer que votre site web tolère les erreurs consiste à inclure des messages d’avertissement chaque fois qu’un utilisateur est sur le point d’effectuer une action potentiellement risquée, par exemple « en quittant cette page, votre transaction sera annulée » ou « êtes-vous sûr de vouloir abandonner le contenu de votre panier ?
Des pages 404 utiles
La conception de pages 404 utiles est quelque chose que tous les sites web devraient avoir. S’il est vrai que nous devrions faire tout ce qui est en notre pouvoir pour nous assurer que les utilisateurs n’atterrissent pas sur cette page, la vérité est qu’il n’est pas toujours possible de l’éviter, quels que soient les efforts que l’on déploie.
Pour éviter toute frustration et pour que les utilisateurs restent sur votre site, votre page 404 doit fournir autant d’aide que possible pour guider l’utilisateur vers l’endroit où il doit se rendre. Proposer un peu de divertissement à ce stade est facultatif, mais fortement recommandé pour gagner des points d’engagement.
Github en est un bon exemple. Sur sa page 404, il y a une barre de recherche, un formulaire d’inscription et quelques options de navigation en dessous, en plus d’une image de héros divertissante (check). Donner à l’utilisateur la liberté de poursuivre sa recherche est moins frustrant que de lui montrer simplement qu’il y a eu une erreur 404. Vous dites « il y a eu un problème, mais voici une solution possible » au lieu de dire simplement « il y a eu un problème « .
Un état du système toujours visible
L’une des dix évaluations heuristiques de Nielsen Norman en matière d’utilisabilité stipule que l’état d’un produit doit toujours être clair pour l’utilisateur. En d’autres termes, il doit toujours communiquer ce qui se passe à un moment donné, ainsi que ce qui s’est passé.
Par exemple, nous pouvons voir le principe UX de visibilité de l’état du système en action lorsque nous survolons les liens et qu’ils sont automatiquement soulignés. Il est également évident que lorsque nous survolons un bouton, celui-ci change de couleur pour a) montrer qu’il est cliquable et b) indiquer le bouton que l’utilisateur est sur le point de sélectionner s’il se trouve à proximité d’autres personnes.
Un autre exemple de ce principe en action est lorsque le système veut confirmer à l’utilisateur que certaines actions ont été effectuées. L’exemple le plus simple pour illustrer ce concept pourrait être la boîte de réception de Gmail, qui affiche les courriels non lus en surbrillance et les courriels lus en grisé.
Liberté de l’utilisateur
La liberté et la flexibilité sont des principes UX ancrés dans l’efficacité. Surtout lorsqu’il s’agit de la conception d’un site de commerce électronique. Le fait de ne pas offrir à vos utilisateurs une flexibilité suffisante conduit à l’abandon des paniers d’achat.
Pour illustrer ce principe UX en action, imaginons que votre utilisateur parcourt une gamme de produits, mais qu’il n’a pas encore créé de compte. Au lieu de l’obliger à en créer un avant de pouvoir ajouter quoi que ce soit au panier, laissez-le ajouter les articles de cette session.
Parfois, les utilisateurs le font simplement pour sauvegarder des produits en vue d’une consultation ultérieure. Mais s’ils sont obligés de s’inscrire et de remplir des formulaires, c’est un excellent moyen d’augmenter le taux de rebond.
Lorsqu’ils souhaitent passer à la caisse, c’est à ce moment-là qu’ils doivent s’inscrire. Il en va de même pour la navigation. Assurez-vous qu’ils sont libres de continuer à naviguer et montrez simplement le nombre d’articles décrits dans le panier.
Decathlon en est un bon exemple : avant même d’ouvrir un compte, l’utilisateur peut voir le total partiel des articles qu’il a ajoutés, puis fermer la fenêtre pour continuer à naviguer et à ajouter des articles.
UX design d’une application mobile : principes et lignes directrices
Priorité au contenu dans l’UX de l’application
La hiérarchisation du contenu est l’un des principes d’UX design d’application mobile les plus importants en raison du peu de surface d’écran disponible. La plupart des principes d’utilisabilité imposent de toujours hiérarchiser le contenu en fonction de l’utilisateur, mais sur mobile, ce principe de conception est encore plus important.
Pour ce faire, nous devons nous assurer que seul le contenu nécessaire est affiché sur chaque écran. S’il n’a pas lieu d’être, il faut l’enlever, car il occupe un espace précieux sur l’écran et donne à l’interface une impression d’encombrement.
Veillez à ce que l’accent soit mis sur les fonctionnalités essentielles et à ce que chaque page ne s’articule pas autour de plus d’une fonctionnalité principale.
Pour que votre contenu soit efficace, vous devriez idéalement le planifier avant de commencer à concevoir l’interface utilisateur à l’aide de votre outil de fil de fer. Pour ce faire, vous devez effectuer une recherche préalable auprès des utilisateurs, dresser une liste des exigences du produit et concevoir une architecture de l’information. Une fois cette étape franchie, vous pouvez commencer à concevoir des flux d’écrans de base pour chacune de vos fonctionnalités ou contenus principaux.
L’onboarding de l’application mobile
La phase d’accueil est un principe UX impératif qui fait toute la différence lorsqu’il s’agit de fidéliser les utilisateurs.
Présentez brièvement les fonctionnalités de base de votre application. Demandez à l’utilisateur d’effectuer une tâche rapide à l’aide de ces fonctionnalités. En le récompensant à chaque étape, vous activez le centre de récompense de son cerveau, ce qui provoque une petite poussée de dopamine. Même si la récompense prend simplement la forme d’une micro-interaction inattendue ou originale, ou d’une gamification de l’expérience et de l’attribution de points (tout en rendant la tâche facile).
N’oubliez pas que chaque interaction avec votre utilisateur est une occasion d’apprendre. Dévoilez progressivement les fonctionnalités secondaires et tertiaires, plus l’utilisateur se sentira à l’aise avec votre application. Les écrans de chargement sont également un excellent moyen d’enseigner à vos utilisateurs les fonctions supplémentaires pendant qu’ils attendent le chargement d’une page ou d’une fonction.
C’est également une bonne occasion de leur poser des questions sur les notifications. Après tout, votre application est un invité sur leur appareil et dans leur vie. Laissez-les choisir s’ils veulent recevoir des notifications dès qu’ils s’inscrivent à votre application au cours du processus d’intégration.
Des éléments adaptés à l’écran tactile
Rendre les éléments tels que les boutons cliquables est un principe UX crucial en termes d’efficacité. Lorsque l’interface mobile n’est pas encombrée de contenu superflu, vous pouvez exploiter cet espace en veillant à ce que les éléments avec lesquels l’utilisateur interagit soient suffisamment grands.
Par éléments, nous entendons les boutons, les CTA, les curseurs, les boutons à bascule et les options typiques d’agrandissement et de réduction des accordéons et des listes déroulantes. Notre billet sur la conception des boutons vous apprend tous les concepts fondamentaux qui sous-tendent cet important principe de conception UX mobile.
Une règle empirique typique à suivre pour cette ligne directrice UX de l’app est de s’assurer que les boutons que vous concevez sont au moins plus grands que le diamètre moyen du doigt, qui est de 15 mm.
Un texte lisible
Le principe de lisibilité de l’UX design est crucial lorsqu’il s’agit du design d’une application mobile. Ce n’est pas parce que l’écran est plus petit que votre texte doit l’être aussi. Après tout, la vision des gens ne s’améliore pas soudainement en fonction de l’appareil qu’ils utilisent, il est donc logique d’utiliser une taille de police adéquate.
Outre la taille, vous devez également veiller à utiliser une police de caractères lisible. Vous pouvez mettre en œuvre une image de marque, une personnalité et un style avec vos polices, mais veillez toujours à ce qu’elles soient lisibles.
Pour une lisibilité optimale, nous recommandons d’utiliser une police sans empattement pour la plupart des textes, y compris les instructions, le contenu des blogs, les messages, les alertes et les boutons. Helvetica et Proxima Nova sont parmi les exemples les plus prolifiques. Pour les titres, vous pouvez utiliser une police avec empattement, comme Garamond ou Times New Roman. Dans l’idéal, cependant, vous ne devriez pas utiliser plus de deux familles de polices, et ces familles ne devraient pas être très différentes.
Si vous avez besoin de créer une certaine variété dans les polices que vous utilisez, vous pouvez toujours utiliser différents poids et styles, tels que gras et italique, ainsi que varier légèrement la taille.
Des commandes adaptées aux positions courantes de la main
La position des commandes d’une interface mobile par rapport à la main de l’utilisateur est un principe d’ergonomie qui vous permettra d’obtenir de bons résultats auprès de vos utilisateurs.
En ce qui concerne les menus hamburger, le consensus général est de les placer en haut à droite, car les utilisateurs tiennent généralement leur appareil mobile de la main droite et naviguent à l’aide de leur pouce ou d’un doigt. C’est pourquoi vous verrez souvent le bouton « retour en haut » en bas à droite de l’interface, en plus d’autres commandes, comme l’icône flottante « composer » qui permet de rédiger un nouvel e-mail dans Gmail.
Minimisation de la saisie de données
Réduire au minimum la saisie de données sur mobile est extrêmement important et constitue un excellent moyen d’améliorer l’efficacité et de minimiser les erreurs. Sur les applications mobiles, les utilisateurs sont en mouvement et disposent de moins de temps. Dans certains cas, ils peuvent avoir moins de dextérité que s’ils étaient assis à un bureau avec un clavier et une souris.
En ce qui concerne les formulaires, essayez d’automatiser autant de fonctions de saisie de données que possible. Faites en sorte que l’application puisse mémoriser les courriels et les mots de passe. Pour les barres de recherche, appliquez une fonction de prédiction automatique lorsque c’est possible et utilisez des listes déroulantes pour les sélecteurs de date ou les questions à choix multiples.
Respect des spécifications du système de conception natif
Comme nous l’avons mentionné plus haut, lorsque vous concevez pour des plateformes telles qu’Android ou iOS, vous devez toujours prendre en compte les systèmes suivants : les directives relatives à l’interaction humaine pour iOS et la conception matérielle pour Android.
La raison en est que vous devez concevoir votre application de manière à ce qu’elle se comporte comme une application iOS ou Android. Par exemple, les utilisateurs d’iOS s’attendent à ce que la navigation dans une application se déroule différemment de celle d’un utilisateur d’Android. Ils s’attendront également à ce que l’application ait un aspect différent – elle doit s’intégrer de manière transparente dans l’environnement iOS.
L’autre point le plus important est que les contrôles de votre application n’interfèrent jamais avec les contrôles natifs. Par exemple, utilisez toujours la liste déroulante native d’iOS lorsque vous concevez des applications pour les appareils iOS et, comme nous l’avons mentionné plus haut, n’interférez jamais avec la barre de menu ancrée sur les appareils Android.
Création de l’UX design de l’app pour les utilisateurs en déplacement
Lorsque vous créez les écrans et le design d’interaction qu’aura votre UX design d’appli mobile, vous devrez prendre en compte le fait que de nombreux utilisateurs seront en déplacement. Pour ce principe UX, il est utile de concevoir pour une personne debout dans un bus, un métro ou un train bondé.
Lorsque vous tenez compte des mouvements des utilisateurs dans votre conception, il est logique de minimiser le besoin de saisie de données, comme nous l’avons mentionné plus haut. Mais votre application mobile devrait idéalement offrir un contraste adéquat pour s’adapter aux différentes conditions d’éclairage auxquelles l’utilisateur peut être confronté.
Par une journée particulièrement ensoleillée, ce qui signifie qu’il y aura beaucoup d’éblouissements. En veillant à ce que le contraste entre l’arrière-plan, les éléments et le texte soit adéquat, vous contribuerez à améliorer la convivialité et l’efficacité.
Cependant, vous devrez également tenir compte des situations où l’éclairage est faible. Un écran lumineux et éblouissant dans ces situations n’est pas optimal et peut fatiguer les yeux de l’utilisateur assez rapidement. C’est pourquoi il est utile de prévoir un mode sombre pour l’interface utilisateur de votre application mobile. Veillez à bien réfléchir à la manière dont la palette de couleurs et le logo de votre marque s’harmoniseront avec les arrière-plans clairs et foncés.
Une expérience multicanal transparente
De nos jours, les utilisateurs disposent d’appareils différents et vous devez vous assurer que leur expérience est la même sur l’ensemble des canaux qu’ils utilisent. Pour ce faire, il est important de déterminer à quel moment du parcours de l’utilisateur votre application s’inscrit dans sa vie et sur quel appareil il est susceptible d’utiliser votre produit à un moment donné.
Veillez à concevoir votre application à l’aide d’une grille spéciale afin que le contenu et la présentation de l’interface utilisateur de vos appareils puissent être parfaitement mis à l’échelle. L’exemple ci-dessous en est un bon exemple. Veillez à ce que votre produit fasse écho à votre image de marque à travers tous les points de contact que l’utilisateur aura avec elle.
Mettez-vous à la place de l’utilisateur : vous ne ramèneriez pas une nouvelle voiture à la maison sans l’avoir essayée, ou vous n’achèteriez pas une nouvelle paire de jeans avant de vous être assuré qu’elle vous va parfaitement – le fait est que vous voulez être sûr d’obtenir ce que vous voulez. Après tout, l’utilisateur est roi, alors pensez à lui faire tester votre site avant de laisser vos codeurs s’en charger.
Nous pensons qu’un prototype est le meilleur outil de communication entre les utilisateurs et l’équipe de développement du logiciel. Le prototypage de votre design vous permet de voir où il fonctionne et où il ne fonctionne pas en le testant, en le peaufinant et en l’ajustant au fur et à mesure.
UX Designer : ce qu’il faut savoir pour réussir
Comme vous l’avez deviné, les UX Designer doivent porter de nombreuses casquettes et disposer d’un ensemble diversifié de compétences pour réussir. Il est vrai que la demande d’UX Designer ne peut qu’augmenter avec le temps, mais le secteur de l’UX évolue rapidement et est très dynamique. Jetons un coup d’œil à certains des aspects clés de tout UX Designer digne de ce nom.
Compétences d’un UX Designer
Pour être un bon UX designer, il ne suffit pas d’avoir un bon œil pour la conception visuelle. Ceci étant dit, voici un aperçu rapide de quelques compétences clés qui peuvent faire ou défaire n’importe quel designer.
Connaissance de la recherche UX
Les UX Designers travaillent souvent avec des chercheurs UX, mais dans les petites équipes, il peut incomber au designer de mener les recherches qui soutiennent l’ensemble du projet. Même si vous avez tendance à vous tourner vers les grandes entreprises qui disposent déjà d’un département de recherche, vous devez toujours comprendre les raisons pour lesquelles la recherche est si cruciale, ainsi que la manière de refléter les résultats dans la conception.
Les concepteurs ne prennent aucune décision à la légère ou en fonction de leurs préférences personnelles – le mot d’ordre est la recherche, la recherche et encore la recherche.
Communication et empathie
Ces deux éléments vont de pair lorsqu’il s’agit de voir les choses du point de vue de l’utilisateur et de communiquer avec l’équipe de conception. D’une part, vous avez besoin d’empathie pour vous mettre à la place de l’utilisateur et concevoir quelque chose de vraiment sur mesure. D’autre part, vous avez besoin d’empathie et de compétences en communication pour transmettre les décisions de conception et les justifications – à la fois à l’équipe de conception et à toutes les parties prenantes externes si nécessaire. L’UX Designer est avant tout une affaire de personnes.
Résolution de problèmes
C’est un élément clé de l’UX Design, car il s’emploie souvent à jeter des ponts et à résoudre des problèmes d’une manière ou d’une autre. Qu’il s’agisse d’un énorme problème qui touche au cœur du produit ou d’un problème mineur dans la conception de la navigation, les UX Designer sont très compétents pour voir au-delà du problème et imaginer des solutions qui innovent et élèvent le design.
Le wireframing et le prototypage
Ces deux étapes sont cruciales, car elles sont l’incarnation de tout le travail acharné que l’équipe de conception a investi dans le projet. En tant que concepteur, vous devez savoir utiliser un outil de prototypage qui permet à l’équipe de développer la conception et de la tester en profondeur. Vous devez savoir comment créer des flux d’utilisateurs, des systèmes de navigation, ajouter des interactions et des détails au prototype.
Le quotidien d’un UX Designer
Alors, que font réellement les designers au quotidien ? Cela peut être une question difficile, car cela peut varier beaucoup en fonction de l’entreprise sur laquelle nous nous concentrons ou du domaine spécifique du design dans lequel le professionnel opère.
Dans le secteur de l’UX design, les grandes entreprises ont des équipes qui comprennent des UX designers, des architectes de l’information, des chercheurs UX, des concepteurs d’interface utilisateur, des ingénieurs et des spécialistes du marketing. L’UX est décomposée et divisée en parties, de sorte que chaque membre de l’équipe a une spécialité où il brille de mille feux.
En revanche, les petites entreprises ont des UX Designer qui doivent porter toutes les casquettes et essentiellement s’occuper seuls de l’ensemble de la conception de l’expérience. Dans ce cas, les UX Designer s’occuperont de l’architecture de l’information, du design d’interaction et de la recherche – en étant le fer de lance de tout ce qui est lié à l’UX avec l’aide d’un chef de produit.
Un autre élément qui dictera ce que fait un UX Designer au quotidien est le processus de conception même de son entreprise. Par exemple, la méthode Agile Sprint est très populaire dans les équipes d’UX Design. Cela signifie que le travail est divisé et priorisé d’une certaine manière, avec des réunions périodiques qui rassemblent tout le monde pour discuter des progrès réalisés ainsi que des prochaines tâches à aborder. C’est un système flexible et dynamique.
D’autres flux de travail populaires pour les UX Designer peuvent inclure les flux de design thinking ou l’approche Lean. Quel que soit celui que votre équipe de conception utilise, il dictera probablement ce sur quoi vous travaillez et quand.
UX Designer vs. UI Designer
Les différences entre un UI et un UX Designer dépendent souvent de l’entreprise. En théorie, la ligne de démarcation entre l’un et l’autre est le clivage entre la fonctionnalité et la conception visuelle.
Un concepteur d’interface utilisateur s’occupe de tout ce qui a trait à l’aspect visuel de l’interface, en se concentrant particulièrement sur la création de la mise en page et de la hiérarchie visuelle dans l’ensemble du produit. Il incombe au concepteur de l’interface utilisateur d’établir le fil de fer de la conception initiale, ainsi que de créer et d’entretenir la bibliothèque de modèles et tout guide de style existant. Tout ce qui a trait aux couleurs, aux polices de caractères et à l’imagerie relève de la responsabilité du concepteur d’interface utilisateur.
Parfois, l’interaction et l’animation peuvent également incomber au concepteur de l’interface utilisateur. Cela dépendra en grande partie de la taille de l’équipe de design et de la manière dont le chef de produit choisit de répartir le travail entre les designers UI et UX.
À l’inverse, un UX Designer s’occupe des fonctionnalités du produit. Les flux de navigation, les scénarios d’utilisation, le comportement du produit. Les éléments tels que l’architecture de l’information et le système de navigation général sont généralement du ressort de l’UX.
Ensemble, les UX et les UI Designers transforment les wireframes en véritables prototypes haute-fidélité, tant au niveau de l’apparence que du comportement.
UX Designer vs. Chercheur UX
Bien que ces deux rôles soient souvent assumés par la même personne, en particulier dans les petites équipes, la plupart des grands noms les séparent.
En général, un chercheur UX doit réaliser des études et faire beaucoup de travail avant que l’UX Designer ne puisse même commencer à créer une solution. Le chercheur s’occupe de planter le décor et de donner aux concepteurs toutes les informations dont ils ont besoin. Par exemple, pour qui ils conçoivent, quels sont les besoins de l’utilisateur et quels sont les points de douleur.
Le chercheur UX a pour mission d’observer et d’étudier l’utilisateur. Il s’agit de comprendre la vie des gens, leurs motivations et leurs désirs, ainsi que leur comportement.
À l’inverse, l’UX Designer a pour objectif de trouver des moyens créatifs de concevoir, en utilisant la recherche comme guide. L’équipe de conception s’occupe du wireframing et du prototypage du design, avec l’aide du chercheur UX. Les UX Designer s’appuient sur plusieurs documents créés par le chercheur ou en étroite collaboration avec lui, tels que les user personas, les user stories, etc.
Une fois qu’un prototype a été créé, il incombe au chercheur d’effectuer des tests d’utilisabilité et, une fois de plus, d’étudier les réactions et le comportement des utilisateurs face au prototype. Le chercheur UX cherche également à comprendre les points faibles du prototype, en traduisant l’ensemble de l’étude dans un rapport qui peut être transmis aux designers.
L’équipe de conception, armée des résultats des tests utilisateurs, adaptera la conception et appliquera les recommandations formulées par le chercheur. Il s’agit en fait d’un cycle qui se poursuit jusqu’à la fin du projet, l’itération et les tests étant la norme.
Outils UX Design
Que vous fassiez des recherches, du prototypage, du wireframing, du storyboard ou que vous créiez des graphiques, il existe de multiples outils UX disponibles pour vous aider pendant le processus de conception.
En fait, il y a tellement d’outils sur le marché, certains gratuits et d’autres payants, que les concepteurs qui ne savent pas exactement ce dont ils ont besoin peuvent se sentir dépassés.
Pour vous aider à démarrer, voici une liste d’outils populaires et précieux à utiliser dans votre travail d’UX design :
Adobe Fireworks
Adobe Fireworks CS6 offre aux concepteurs de sites internet un moyen de créer des graphiques pour leurs pages web sans entrer dans le code ou les détails de la création. Il y a quelques raisons pour lesquelles les UX Designers utilisent Adobe Fireworks : L’outil offre une précision impressionnante des pixels, des capacités de compression d’images (JPEG, GIF, etc.), permet aux utilisateurs de créer des sites web fonctionnels et de construire des vecteurs. Il s’agit d’une excellente option, surtout si vous êtes déjà familiarisé avec d’autres programmes du Creative Cloud.
Adobe XD
Avec Adobe XD, vous pouvez concevoir des sites web et des applications mobiles, ainsi que créer des prototypes, des wireframes et des dessins vectoriels. Les utilisateurs peuvent partager des prototypes interactifs sur plusieurs plateformes, notamment Windows, Mac, iOS et Android, ce qui en fait un outil idéal pour la collaboration au sein d’une équipe.
Axure
Axure RP Pro est un autre excellent outil d’UX design – qui est également gratuit. Axure offre plusieurs fonctionnalités, notamment le wireframing, le prototypage et la documentation. Il peut même vous aider à créer des flux d’utilisateurs et des sitemaps. Axure est parfait pour la création d’applications web et de bureau, et il permet aux utilisateurs d’exporter facilement au format PDF ou HTML pour révision.
Adobe Illustrator et Inkscape
Si vous cherchez une alternative abordable aux logiciels Adobe, comme Adobe Illustrator (qui est principalement utilisé pour créer des graphiques vectoriels), nous avons ce qu’il vous faut.
Inkscape est connu pour faire la plupart des choses qu’Illustrator fait, mais gratuitement. Ce logiciel est open source et peut être utilisé pour créer des graphiques vectoriels impressionnants. Le seul problème que vous pourriez rencontrer est le décalage, car certains utilisateurs ont signalé que le programme était lent. Si vous préférez Illustrator, cela ne pose aucun problème.
Sketch
Sketch est un logiciel complet doté de fonctionnalités spécifiques, notamment l’édition non destructive (Sketch ne modifie pas les pixels de la photo sur laquelle vous travaillez), l’exportation de code, la précision des pixels, le prototypage, l’édition vectorielle et bien d’autres choses encore. Avec Sketch, vous pouvez réutiliser et mettre à jour vos créations facilement.
Logiciel de storyboard
Vous vous demandez peut-être pourquoi vous auriez besoin de faire du storyboard en UX design. C’est un excellent moyen de prévoir et d’examiner visuellement la façon dont un utilisateur interagirait avec un produit et en ferait l’expérience dans un contexte plus large. Il existe plusieurs outils de scénarimage, avec différents niveaux de fonctionnalités et de complexité.
Storyboarder
C’est un logiciel de scénarimage gratuit, doté de fonctions de base destinées aux concepteurs de tous niveaux. Ce logiciel permet aux utilisateurs de créer rapidement des dessins et des figures en bâtons pour présenter une intrigue ou une idée.
Toon Boom Storyboard Pro
C’est un autre logiciel de scénarimage. Il combine le dessin, l’animation, les commandes de caméra et de nombreuses autres fonctions, le tout moyennant un abonnement annuel ou mensuel. Il dispose d’un plus grand nombre de fonctionnalités pour une narration plus complexe et un travail préparatoire plus détaillé. Les deux options sont idéales pour les concepteurs qui cherchent à raconter visuellement l’histoire de leur personnage ou de leurs utilisateurs.
Les storyboards sont également un excellent moyen d’impliquer toutes les parties prenantes, y compris les chercheurs, les développeurs et les concepteurs d’interface utilisateur.
Conclusion : L’UX design vous aide à mieux vous développer
Que vous soyez graphiste, blogueur, développeur ou que vous travailliez dans un tout autre domaine, l’UX design peut vous aider, vous et votre entreprise, à vous développer. Un utilisateur final heureux est la clé du succès, et sans un UX Design bien conçu, il serait impossible d’y parvenir.
À mesure que la technologie devient plus omniprésente dans nos vies, un UX design réussi continuera à créer des transitions transparentes entre les individus et leurs appareils et applications. L’UX design n’a jamais été aussi important, ce qui en fait un moment passionnant pour rejoindre le domaine et envisager les avantages pour votre propre entreprise.
Avec un peu de chance, vous êtes maintenant bien armé pour vous lancer dans votre propre aventure dans le monde de l’UX design ! Que ce soit pour poursuivre vos études, pour créer votre propre portfolio ou pour vous lancer directement dans la recherche d’un emploi UX. Quelle que soit la voie que vous choisirez, elle sera sans doute passionnante et nous, à Insightful, nous vous encourageons !
FAQ
Il s'agit de cinq questions : Qui, Quoi, Quand, Où, Pourquoi et Comment. Les réponses à ces six questions révèlent le contexte d'utilisation - les personnes, leurs tâches, leurs outils et technologies, et l'environnement dans lequel ils utiliseront le produit que vous concevez.
Pour le dire simplement, l'UX est important parce qu'il tente de répondre aux besoins de l'utilisateur. Elle vise à fournir des expériences positives qui fidélisent les utilisateurs au produit ou à la marque. En outre, une expérience utilisateur significative vous permet de définir les parcours clients sur votre site web qui sont les plus propices à la réussite de l'entreprise.Quelles sont les 6 questions à poser dans le domaine de l'UX design ?
Pourquoi l'UX Design est-il si important ?
Voir plus : Top 15 des meilleurs UX designers en 2023
