Dans la plupart des offres, le UX/UI designer couvre seul tout son périmètre : il comprend le besoin, dessine les parcours, produit les maquettes haute fidélité dans Figma, s'appuie sur le design system et accompagne les développeurs jusqu'à la mise en ligne. Les questions d'entretien d'un UX/UI designer vérifient donc les deux moitiés du titre, la démarche et l'exécution visuelle, sans laisser l'une masquer l'autre.
Le déséquilibre se voit vite dans le portfolio. Certains profils montrent des écrans soignés sans aucune trace de test ni de contrainte réelle. D'autres racontent une démarche solide avec des maquettes approximatives : alignements flottants, cinq tailles de texte sur un même écran, contrastes insuffisants. Le candidat ouvre un fichier Figma, ou partage l'un des siens : la construction des composants, l'usage de l'auto layout et des variables, le nommage des calques en disent beaucoup sur la manière dont il travaillera avec les développeurs.
Pour un alternant ou un junior, on attend une démarche claire et une exécution propre sur des écrans simples. Le PDF propose un cas de 20 minutes sur le tableau de bord d'un espace client à adapter au mobile.
Outils et référentiels d'un UX/UI designer
Figma
L'outil de travail principal : maquettes, composants, prototypes. Les fonctions à connaître sont les composants avec variantes et propriétés, l'auto layout, les variables avec leurs modes (clair et sombre, par exemple) et les bibliothèques partagées. Un candidat confirmé construit des composants qui s'adaptent au contenu au lieu de dessiner des formes figées.
Dev Mode
Le mode de Figma destiné aux développeurs. Le designer y marque les écrans prêts à développer, ajoute des annotations et laisse les mesures et les valeurs se lire directement. Il est inclus dans les offres payantes de Figma, à partir de l'offre Professional.
Design system
La bibliothèque de composants et de règles partagée entre design et développement. Le UX/UI designer l'utilise au quotidien, signale les manques et propose des évolutions. Il peut aussi partir d'un système public comme Material Design 3 ou Carbon d'IBM.
Grilles, typographie et couleur
Les fondations de l'interface : une grille de colonnes et un système d'espacement régulier, une échelle typographique courte, une palette avec des couleurs d'action et de statut. Le candidat doit savoir expliquer les choix d'un de ses écrans à partir de ces trois éléments.
Guides des plateformes mobiles
Les Human Interface Guidelines d'Apple et Material Design de Google décrivent la navigation, les composants natifs et les tailles de cible tactile (44 points chez Apple, 48 dp chez Google). Un UX/UI designer qui conçoit pour une application doit les connaître.
Accessibilité visuelle
Les WCAG 2.2 et le RGAA 4.1.2 fixent notamment un contraste de 4,5:1 pour le texte courant et de 3:1 pour les grands textes et les composants d'interface. S'y ajoutent les états de focus visibles, l'information jamais donnée par la seule couleur et, dans les WCAG 2.2 (le RGAA 4.1.2 suit les WCAG 2.1), des cibles d'au moins 24 pixels CSS, sauf exceptions comme un espacement suffisant. Le designer vérifie ces points dans Figma avant la passation.
Prototypage et tests
Des prototypes interactifs dans Figma, avec des composants interactifs et des variables pour simuler des états, testés auprès de quelques utilisateurs avant le développement. Le UX/UI designer n'a pas besoin d'un protocole de recherche complet, mais il doit savoir mener un test court et en tirer des corrections.
Notions de HTML et CSS
Sans coder, le UX/UI designer gagne à comprendre le modèle de boîte, Flexbox et Grid (proches de l'auto layout), les unités relatives et la différence entre un bouton et un lien. Cela évite les maquettes impossibles à intégrer et facilite la discussion avec le front.
Le UX/UI designer est souvent le seul designer d'une équipe produit, ou l'un des deux ou trois designers d'une organisation. En agence et en prestation, il enchaîne des projets courts et livre parfois un design system par projet. Chez un éditeur, il travaille dans la durée sur le même produit avec un product owner et une équipe front. Selon le poste, la part UX ou la part UI domine : l'offre précise si le poste attend des tests utilisateurs réguliers ou surtout une exécution visuelle rapide sur un design system existant. Le niveau d'accessibilité attendu dépend aussi du contexte : un rôle de référent RGAA demande des audits et des annotations bien plus poussés. Les candidats juniors et alternants sont nombreux sur ce titre, ce qui rend le tri des portfolios long sans critères écrits à l'avance.
Six compétences à contrôler chez un UX/UI designer
- Démarche UX de bout en bout
- Hiérarchie visuelle, grille et typographie
- Construction des composants dans Figma
- Responsive et plateformes mobiles
- Usage et enrichissement d'un design system
- Accessibilité visuelle et passation
Questions d'entretien d'un UX/UI designer, avec les réponses attendues
Chaque question vient avec ce qu'une bonne réponse contient et le signal qui doit vous alerter. Pas besoin d'être technique pour les poser : écoutez si le candidat raconte du vécu.
Question 1 · confirmé
Sur la page d'accueil d'un espace client, tout semble avoir la même importance. Comment rétablissez-vous une hiérarchie visuelle ?
Une bonne réponseIl part des tâches les plus fréquentes pour choisir l'information et l'action principales, puis limite les moyens : une seule action principale par zone, une échelle typographique courte (quelques tailles et deux graisses), des espacements qui regroupent ce qui va ensemble, une couleur réservée aux actions et aux statuts, un alignement sur la grille. Il vérifie le résultat en floutant l'écran ou en le passant en niveaux de gris, et par un test de quelques secondes avec des utilisateurs.
Signal d'alerteAjouter de la couleur, des ombres et du gras pour faire ressortir chaque bloc.
Question 2 · confirmé
Vous créez dans Figma le champ de saisie du design system : libellé, texte d'aide, message d'erreur, icône optionnelle et tous ses états. Comment le construisez-vous pour qu'il reste maintenable ?
Une bonne réponseUn composant avec des variantes pour ce qui change l'apparence (taille ; état par défaut, survol, focus, rempli, erreur, désactivé, lecture seule), des propriétés booléennes pour afficher le texte d'aide et l'icône, une propriété d'échange d'instance pour choisir l'icône et des propriétés texte pour le libellé, l'exemple et le message. L'auto layout empile libellé, champ et messages, pour que le composant s'allonge quand l'erreur tient sur deux lignes. Couleurs et espacements viennent de variables, et les noms des propriétés suivent ceux du composant codé.
Signal d'alerteUne variante par combinaison possible (avec ou sans icône, avec ou sans aide, chaque état), qui fait exploser le nombre de variantes, ou des copies détachées sur chaque écran.
Question 3 · junior à confirmé
Une maquette pensée pour un écran d'ordinateur doit fonctionner sur mobile. Comment l'adaptez-vous au lieu de la rétrécir ?
Une bonne réponseIl redéfinit les priorités de contenu pour le petit écran, utilise une grille par point de rupture (colonnes, gouttières, marges), réorganise la navigation et les tableaux, agrandit les cibles tactiles (44 points sur iOS, 48 dp sur Android) et place les actions fréquentes à portée du pouce. Il teste les largeurs avec l'auto layout et les contraintes, et prévoit les textes qui s'allongent et l'affichage sur 320 pixels de large sans défilement horizontal.
Signal d'alerteRéduire la maquette d'ordinateur ou masquer sur mobile des contenus importants.
Question 4 · confirmé
Le design system de l'entreprise n'a pas le composant dont vous avez besoin. Que faites-vous ?
Une bonne réponseIl vérifie d'abord qu'aucun composant existant ou assemblage ne répond au besoin. Sinon, il présente le cas d'usage à l'équipe du design system avec une proposition : anatomie, états, comportements, règles responsive et accessibilité, et suit le processus de contribution. En cas d'urgence, il crée un composant local documenté et signalé comme provisoire, à remplacer quand la version officielle sort.
Signal d'alerteDessiner son propre composant dans son fichier sans prévenir, ou modifier le composant principal de la bibliothèque.
Question 5 · confirmé
Vos maquettes sont validées. Que remettez-vous aux développeurs pour qu'ils n'aient pas à vous solliciter à chaque écran ?
Une bonne réponseDes écrans marqués prêts à développer dans Dev Mode, construits avec les composants du design system et des variables nommées comme les tokens du code. Des annotations sur les comportements, les règles d'affichage, les états vides, de chargement et d'erreur, l'ordre de focus et les textes alternatifs. Le comportement responsive, les animations décrites (durée, courbe), les éléments à exporter et un prototype des parcours. Puis une revue avec les développeurs avant le sprint et une recette visuelle à la livraison.
Signal d'alerteUn lien vers un fichier de quatre-vingts pages sans statut, où les versions abandonnées côtoient les écrans validés.
Recevez la fiche d'entretien complète en PDF
La fiche pour mener l'entretien de bout en bout, prête à imprimer ou à partager avec le manager.
- 30 questions sur 6 axes, avec la bonne réponse, le signal d'alerte et la relance
- Le niveau visé pour chaque question
- Une mise en situation de 20 minutes et ce qu'on attend du candidat
- La grille d'évaluation de 1 à 4, axe par axe
UX/UI designer : les questions fréquentes
Quelles compétences sont attendues d'un UX/UI designer ?
Une démarche UX complète à son échelle (besoin, parcours, wireframes, test court), une exécution visuelle propre (hiérarchie, grille, typographie, couleur), une bonne maîtrise de Figma (composants, variantes, auto layout, variables), le responsive et les guides des plateformes mobiles, l'usage d'un design system, les règles d'accessibilité visuelle et une passation claire aux développeurs. Quelques notions de HTML et CSS facilitent le travail avec le front.
Quel niveau de Figma est attendu selon l'expérience ?
Un junior doit utiliser proprement les composants d'une bibliothèque, l'auto layout et les prototypes simples. Un confirmé construit lui-même des composants avec variantes et propriétés, utilise les variables et leurs modes, organise ses fichiers et prépare la passation en Dev Mode. Un senior structure une bibliothèque partagée par plusieurs designers. Un fichier réel dit plus qu'un export d'images.
Quel exercice de design est donné en entretien ?
Un exercice court donne plus d'informations qu'un test technique à rendre en plusieurs jours, qui demande un travail non rémunéré. Un exemple : reprendre un écran existant du produit pendant l'entretien : le candidat explique ce qu'il changerait, ouvre Figma et construit un composant ou adapte l'écran au mobile. On voit sa méthode, sa rapidité et la propreté de sa construction.
Quelle différence entre UX/UI designer et product designer ?
Les deux titres couvrent souvent le même travail de conception, du besoin à l'interface. Le product designer est en général plus impliqué dans les choix du produit : objectifs, priorités, indicateurs, arbitrages avec le product manager. Le UX/UI designer est plus souvent jugé sur la qualité de l'exécution et la passation. Le titre varie d'une entreprise à l'autre : l'offre décrit les responsabilités réelles du poste.
Pour structurer vos autres entretiens, consultez aussi nos pages sur les questions d'entretien de recrutement, la méthode de l'entretien structuré et la grille d'évaluation d'entretien.
