8 outils incontournables à connaître en UX Design
Le job d’UX designer est l'un des parcours professionnels les plus dynamiques et les plus demandĂ©s Ă l'heure actuelle. Les UX designers sont en charge d’un large Ă©ventail de responsabilitĂ©s, de la recherche sur les produits et les utilisateurs Ă la crĂ©ation de maquettes, en passant par le prototypage et les tests de produits.Â
Tu te demandes comment ils en voient le bout ?
Heureusement, ils ont une multitude d’outils pratiques Ă disposition pour les aider Ă Ă©conomiser du temps, de l’argent et de la frustration.Â
Le problème, c’est qu'il existe des centaines d'outils. Mais ne t’inquiètes pas ! Nous avons demandé à nos experts en UX Design de nous parler des outils dont ils ne pourraient pas se passer.
Voici un aperçu des softwares abordés dans cet article :
- POP
- UserTesting et UsabilityHub
- FigmaÂ
- InVision
- Framer
- Zeplin
- Carbonmade
- Miro
PopÂ
L'un des outils les plus cools de la liste (surtout pour les dĂ©butants en UX design) est Prototyping on Paper, communĂ©ment appelĂ© POP.Â
Tu as une idée de design géniale mais tu ne veux pas passer trop de temps à construire un prototype complet ?
Avec Pop, tu peux simplement dessiner tes idées à la main sur une feuille de papier. Utilise ensuite l'application pour prendre une photo de chaque fil conducteur potentiel. Enfin, dans l'application, tu peux relier les photos pour créer un prototype interactif. Lorsque tu as terminé, tu peux facilement partager la maquette avec tes clients ou les membres de ton équipe.
Les principaux avantages de cette application :
- Ne nécessite aucune compétence technique ;
- Moyen simple et rapide d'obtenir un retour sur tes designs lors de la phase initiale de prototypage ou d'idéation.

UserTesting & UsabilityHub
Les tests utilisateurs sont devenus indispensables dans le processus de design. Imagines que tu crĂ©es une nouvelle application gĂ©niale qui, selon toi, rĂ©soudra tous les problèmes de tes utilisateurs. Mais, une fois que tu l'as dĂ©ployĂ©e, tu constates que tes taux de fidĂ©lisation chutent de façon vertigineuse !Â
C'est pourquoi les tests - et mĂŞme les premiers prototypes - peuvent vraiment t’aider Ă crĂ©er une expĂ©rience utilisateur fluide et transparente dès le dĂ©part.Â
Bien sûr, trouver des utilisateurs prêts à tester ta nouvelle application ou ton nouveau site web ainsi que recueillir les commentaires dans un format qui soit facile à analyser peut être difficile.
C'est là que UserTesting et UsabilityHub peuvent t’aider.
Les deux plateformes disposent dĂ©jĂ d'un groupe d'utilisateurs prĂŞts Ă tester ton site ou ton application. Cela signifie un gain de temps, des dĂ©lais d'exĂ©cution plus rapides et un Ă©ventail de rĂ©ponses potentiellement plus large que si tu devais effectuer tes propres tests utilisateurs.Â
Cependant, les deux outils fonctionnent de manière très différente.
UsabilityHub est le meilleur outil pour obtenir un retour rapide sur des aspects spécifiques de ton produit, service ou interface. La plateforme t’offre quatre options de tests :
- Test du premier clic : Teste l'interaction avec des tests de premier clic et de navigation.
- Enquête sur le design : Présente des designs et pose des questions directes aux participants.
- Test de préférence : Teste l'attrait visuel avec 2 à 6 images alternatives.
- Test des cinq secondes : Teste l'intelligibilité en montrant une image pendant cinq secondes.
Tu peux ensuite prĂ©ciser la base d'utilisateurs que tu souhaites cibler en fonction de donnĂ©es dĂ©mographiques telles que l'âge, le lieu, le sexe, le revenu, etc.Â
UserTesting, quant à lui, est plus adapté aux tests et aux commentaires plus approfondis. Grâce à sa plateforme, tu peux créer des tâches pour différents projets que tu souhaites tester.
Par exemple, tu peux demander aux utilisateurs de suivre les Ă©tapes de l'achat de divers produits sur ton nouveau site de commerce Ă©lectronique. Les utilisateurs crĂ©ent alors des vidĂ©os qui te montrent les diffĂ©rentes Ă©tapes de la tâche, qu'il s'agisse d'acheter des articles dans leur panier ou d'examiner l'emballage d'un produit.Â
Figma
Figma est une plateforme de design d'interfaces qui permet aux Ă©quipes de collaborer sur des projets de design en temps rĂ©el. L'outil permet de rĂ©aliser des illustrations, des prototypes et des remises aux dĂ©veloppeurs. Â
Bien sûr, le plus grand avantage est que la collaboration se fait de manière transparente, sans le désordre des différents fichiers partagés, téléchargés et perdus. Grâce à Figma, tu peux travailler simultanément avec une équipe distante ou reprendre là où un autre designer s'est arrêté.
Il est Ă©galement facile de faire des ajustements sur place lors des rĂ©unions avec les clients. Cet avantage le place vraiment devant d'autres outils de UX design populaires tels que Sketch.Â
Utiliser Figma ne nĂ©cessite aucune compĂ©tence en coding, ce qui en fait une option rapide et facile. L'outil est Ă©galement intĂ©grĂ© Ă Slack et dispose de paramètres de permission de liens, ce qui te permet de partager facilement des fichiers avec d'autres Ă©quipes et clients.Â

InVision
Grace Ă InVision, tu peux crĂ©er facilement des prototypes interactifs, sans avoir besoin d'Ă©crire une seule ligne de code. Tu peux ensuite les partager avec tes clients et les membres de ton Ă©quipe pour obtenir des commentaires.Â
Bien que Figma dispose également d'une fonctionnalité de prototypage, InVision ayant été conçu à l'origine dans ce but, il offre des fonctionnalités et des options supplémentaires, notamment un certain nombre d'interactions, de transitions, d'en-têtes et de superpositions parmi lesquels choisir.
InVision te permet de crĂ©er un prototype encore plus proche de la rĂ©alitĂ© grâce Ă ses fonctions d'animation supĂ©rieures.Â
Depuis la création d'InVision Studio, les utilisateurs peuvent également créer des designs avec cet outil, mais la plupart des UX designers préfèrent encore Figma pour cela, car il leur permet de travailler ensemble sur un projet simultanément.
La collaboration sur InVision est un processus un peu plus lourd, basĂ© sur le suivi du flux de travail et les commentaires. Il n'y a pas non plus de version Web pour le moment, il faut passer par l'application de bureau native, disponible pour Mac et Windows.Â

FramerÂ
Framer est un autre outil de prototypage mais, contrairement Ă Figma et InVision, il est basĂ© sur un cadre Javascript, ce qui donne aux UX designers ayant des compĂ©tences en coding un Ă©ventail plus large de possibilitĂ©s.Â
Cela signifie que Framer offre des options intĂ©ressantes que Figma et Invision n'ont pas, notamment la possibilitĂ© d'ajuster le remplissage et de remplacer diffĂ©rents Ă©lĂ©ments, des options supplĂ©mentaires de comparaison et de visualisation. Il prend Ă©galement en charge certains outils natifs qui facilitent le prototypage comportemental.Â
Le fait qu'il s'agisse d'un outil de coding facilite Ă©galement la prise en main par les dĂ©veloppeurs. Comme Framer fonctionne sur navigateur, tout code CSS Ă©crit pour des web designers sera prĂŞt Ă ĂŞtre utilisĂ© en production.Â
Tu peux Ă©galement choisir parmi une variĂ©tĂ© de styles de bordure CSS et utiliser des prĂ©rĂ©glages d'exportation pour redimensionner automatiquement tes images iOS ou Android.Â

ZeplinÂ
Zeplin est un outil qui a pour but d'améliorer la collaboration. Les UX designers, les développeurs et les product owners participent tous à la création d'un même produit. Pourtant, l'élimination des cloisonnements entre eux est l'une des plus grandes difficultés que rencontrent de nombreuses entreprises.
C'est là tout l’intérêt de Zeplin. Il s'agit d'une plateforme où les UX designers peuvent télécharger leurs dessins à partir d'outils tels que Sketch, Figma et Invision Studio. Les développeurs peuvent ensuite explorer les différents actifs, icônes, couches et éléments qui seront nécessaires pour créer le produit
Il leur suffit de survoler les diffĂ©rentes sections pour obtenir des informations techniques et des spĂ©cifications importantes. Les Ă©quipes peuvent Ă©galement utiliser des notes pour laisser des commentaires ou des questions aux autres collaborateurs sur les diffĂ©rentes parties du design.Â
La bonne nouvelle est que Figma et Zeplin peuvent désormais être intégrés. Garde simplement à l'esprit que, contrairement au mode code propre à Figma, les modifications apportées à ton design dans Figma ne seront pas automatiquement mises à jour, et que tu devras donc le réexporter à chaque fois.

Carbonmade
Carbonmade est un portfolio en ligne que tu peux utiliser pour prĂ©senter ton travail et attirer des clients.Â
Grâce à une multitude de polices de caractères et de dégradés parmi lesquels choisir, tu peux vraiment personnaliser ton design pour l'adapter à ton style.
La mise en page est également basée sur des blocs préfabriqués, au lieu de modèles, ce qui signifie que tu bénéficies d'un degré de personnalisation plus élevé. La plateforme prend également en charge les vidéos HD et le téléchargement illimité d'images et de vidéos.
Si tu cherches Ă passer Ă l’étape supĂ©rieure dans ta carrière de designer, ou si tu te lances sur le marchĂ© du freelance, Carbonmade te donne Ă©galement un aperçu du nombre de personnes qui ont consultĂ© ta page et te permet de voir quels projets sont les plus engageants pour tes visiteurs.Â

Miro
Le tableau blanc digital préféré de tous, Miro. Bien qu'il ne s'agisse pas d'un outil de UX Design à proprement parler, nous adorons l'utiliser pendant notre cours d’UX Design, car il offre un excellent moyen de collaborer avec des pairs et des collègues à distance.
Commence par choisir un tableau. Tu peux choisir un tableau blanc vide ou l'un des modèles de Miro pour le brainstorming, les rĂ©trospectives, la cartographie du parcours client, la planification stratĂ©gique, etc. Tu peux ensuite remodeler les cases, ajouter des notes autocollantes, des cartes et des lignes pour crĂ©er un tableau blanc adaptĂ© Ă tes besoins.Â
De la même façon que Figma, Miro permet à tous les membres d’une équipe de travailler sur le même tableau et en temps réel. Tu peux l'utiliser pour recueillir des idées et partager des commentaires avec les membres de ton équipe.

‍