Les compétences, tâches et outils en UX/UI Design

En bref

Que fait-on en UX et en UI Design ? Dans cet article je vous liste les caractéristiques qui sont à la base de ce métier des études utilisateurs au prototypage final en passant par les outils les plus communs.

Cet article fait partie d’un autre ⚠️

Si c’est votre première visite ici, déjà bienvenu 👋 . Sachez que cet article fait partie de celui-ci plus global : Débuter dans l'UX/UI Design, un guide compréhensif. Bien que ce ne soit pas essentiel, je recommande néanmoins de commencer par là avant si vous débutez dans l’UX/UI Design.

Qui fait quoi ?

Dans l’article précédent, nous avons clarifié le sens des différents titres de métiers, maintenant il est temps de rentrer plus en détail le sujet.

Les listes suivantes ne sont bien sûr pas définitives, les domaines évoluent et en fonction de votre poste, vous serez amené à utiliser une partie de ce que je liste ci-dessous. Particulièrement pour les outils, elles ne sont pas exhaustives, il existe pour chaque besoin de nombreux outils et des nouveaux apparaissent régulièrement.

Note : gardez en tête que vous serez certainement amenés à faire de l’UX et de l’UI, en tant qu’UX/UI Designer donc. Mais cela ne veut pas dire que vous devrez être un expert dans l’UX et dans l’UI, ce serait beaucoup, et en réalité, peu de personnes peuvent s’en vanter. Je reparle de cela dans cet article.

En complément de mon expérience, j’ai analysé de nombreuses offres d’emploi pour voir les compétences demandées en fonction du titre pour le poste. Vous pouvez consulter les données brutes ici : UX UI Job offers list (vous les retrouverez d’ailleurs dans d’autres de mes articles).

À propos des liens

Pour certains éléments dans les listes, je vous ai mis un lien vers une ressource type article de blog pour creuser le sujet. Pour compléter, je vous conseille mon livre gratuit où je liste de nombreuses ressources pour apprendre l’UX/UI Design.

Que fait un UX Designer ?

L’UX Designer est au plus proche des utilisateurs pour les comprendre et produire des solutions adaptées. Il doit entre autres, faire preuve d’empathie et aimer résoudre des problèmes pour aider les gens. Des connaissances en psychologie et sociologie seront les bienvenues. Il doit également savoir s’adapter et être un bon communicant.

Compétences

Principes psychologiques d'UX
Pattern communs d'UX
Maniement et analyses de données brutes
Production des assets UX de bases
Architecture de l'information
Usabilité et accessibilité
UX microcopy
Compréhension de méthodes de gestion de projets (Lean, Agile, Design Sprint etc.)
Connaissances en UI
Compréhension des métiers en collaborations (UI Designers, product manager, développeurs, marketing etc.)

Tâches

Se tenir au courant des tendances et nouvelles
Analyses concurrentielles
Recherches et études utilisateurs
Structuration du produit ou service
Créations de wireframes et de prototypes basses fidélités (en savoir plus).
Tests utilisateurs
Coordination avec les UI Designers et les développeurs (et les acteurs du projet en général)

Soft skills

Créativité
Sens de l’observation
Communication
Curiosité
Autodidaxie
Empathie

Outils

Traitement des données : Excel, Google Sheet, Notion, Airtable
Documents : Google Docs, Notion (ou autres, mais si c’est collaboratif, c’est mieux)
Recherches utilisateurs : Typeform, Google Forms, User Interviews, Respondent
Sitemap, userflow et autres schémas : Miro, Diagrams
Wireframes : Figma, Adobe XD, Sketch (si peu de temps alloué, ils peuvent faire l’affaire sur papier, mais sur un logiciel cela fera gagner du temps à l’UI Designer)
Tests utilisateurs : Maze, User Testing, OneClickTest (pour tester un prototype)
Analytics : Google Analytics, Hotjar
Retours utilisateurs : Canny, UserVoice, Hotjar

Ci-dessous, quelques exemples non exhaustifs de livrables produits par un UX Designer :

Capture d'un persona UX — ↳ [1] Persona - PietAlberts (source)

Exemple d'un wireflow UX — ↳ [2] User Flow - Rafal Tomal, QuickFrames (source)

Exemple d'un wireframe UX — ↳ [3] Wireframe - Adam Kalin, Intent (source)

À propos des textes

L’UX Designer peut se charger des “microcopy” (ex. le label d’un bouton) mais pour les textes plus longs (“copywriting” ou “macrocopy”) ce sera plutôt l’équipe marketing et/ou un copywriter, car c’est une compétence à part, surtout dans le cadre d’un site web par exemple qui a souvent plus de texte qu’une application mobile.

Que fait un UI Designer ?

Comme nous l’avons défini avant, l’UI Designer partira du travail de l’UX Designer (le plus souvent les wireframes) pour habiller et mettre en forme le produit avec les maquettes. Si on parlait d’une maison, l’UX Designer serait l’architecte et l’UI Designer, le décorateur. Il doit entre autres, faire preuve de créativité visuelle, d’empathie et de bonnes connaissances dans les règles de l’UI Design (couleurs, typographie, accessibilité, types de composants, etc.).

Rappel, je parle ici d’un UI Designer qui travaille uniquement sur des interfaces de types GUI (voir Comment définir l'UI ?), mais dans les grandes lignes, les tâches restent plus ou moins similaires pour les autres types d’interfaces.