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 :

1. POP
2. UserTesting et UsabilityHub
3. Figma 
4. InVision
5. Framer
6. Zeplin
7. Carbonmade
8. 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.