Concevoir des interfaces professionnelles sur Figma et construire un portfolio qui décroche des missions

2. Que permet l'auto layout dans Figma ?

L'auto layout organise les enfants en ligne ou en colonne avec un espacement défini et adapte la disposition dès que le contenu ou la taille varie.

3. Quelle est la différence entre un composant principal (main component) et une instance ?

Modifier le composant principal propage les changements à toutes ses instances, qui restent liées tout en autorisant certaines surcharges locales.

4. Dans un auto layout, que règle la propriété d'espacement entre les éléments (spacing / gap) ?

Le gap définit l'écart maintenu entre les éléments enfants, alors que le padding gère l'espace intérieur entre les enfants et le bord du conteneur.

5. À quoi servent les styles (couleur, texte, effet) enregistrés dans Figma ?

Un style centralise une valeur réutilisable (une couleur, une police), modifier le style répercute le changement sur tous les éléments qui l'utilisent.

6. Quel comportement de redimensionnement (resizing) faut-il donner à un texte pour qu'un bouton s'élargisse selon son libellé ?

Le réglage Hug contents fait épouser au conteneur la taille de son contenu, si bien que le bouton s'adapte à la longueur du libellé.

7. Quel est l'intérêt des variables Figma par rapport aux styles classiques ?

Les variables gèrent des valeurs (couleurs, nombres, chaînes) déclinables en modes, ce qui permet par exemple de basculer un thème clair vers un thème sombre.

8. Dans le projet de validation, pourquoi recréer trois écrans en pixel-perfect avec composants et auto layout plutôt qu'en dessinant chaque élément à la main ?

Reproduire des écrans réels avec composants et auto layout entraîne aux réflexes de production, une maquette bien structurée est plus facile à modifier et à réutiliser.

9. Comment exposer une option d'un composant (par exemple type de bouton) directement dans le panneau de propriétés ?

Regrouper des variantes dans un component set génère des propriétés que l'on choisit ensuite depuis le panneau, sans recréer un composant par état.

10. Que se passe-t-il si l'on modifie une couleur liée à un style partagé alors que dix écrans l'utilisent ?

Un style partagé centralise la valeur, une modification se propage donc instantanément à tous les éléments qui y sont liés.

2. Que représente un parcours utilisateur (user flow) ?

Un user flow décrit le cheminement de l'utilisateur d'un point de départ jusqu'à une action finale, ce qui aide à repérer les étapes inutiles ou bloquantes.

3. Selon le Nielsen Norman Group, que vise principalement l'utilisabilité (usability) ?

L'utilisabilité mesure à quel point un produit est facile à apprendre et à utiliser pour atteindre un but, indépendamment de son esthétique.

4. La loi de Hick (Laws of UX) décrit quel phénomène ?

La loi de Hick établit que plus les options sont nombreuses, plus la décision est longue, ce qui plaide pour des interfaces simples et hiérarchisées.

5. La loi de Fitts, souvent citée dans les Laws of UX, énonce que :

La loi de Fitts implique que les cibles importantes doivent être grandes et faciles d'accès, car une cible petite ou lointaine est plus lente à atteindre.

6. Pourquoi l'accessibilité doit-elle être intégrée dès la phase de conception UX ?

Penser l'accessibilité en amont (contraste, tailles de cibles, alternatives textuelles, navigation) évite des refontes coûteuses et élargit l'audience du produit.

7. Dans le projet de validation, pourquoi les wireframes doivent-ils être justifiés ?

Justifier les wireframes force à argumenter les décisions de parcours et d'ergonomie, ce qui distingue un choix réfléchi d'un placement arbitraire.

8. Que désigne l'affordance en ergonomie d'interface ?

L'affordance est l'indice visuel qui laisse deviner comment interagir avec un élément, un bon design rend l'usage évident sans mode d'emploi.

9. Pourquoi commencer un projet par des wireframes basse fidélité plutôt que par une maquette finalisée ?

Travailler d'abord en basse fidélité permet d'itérer rapidement sur la structure et le flux, quand les corrections coûtent encore peu de temps.

10. L'affirmation "un beau design qui ne se comprend pas est un mauvais design" souligne surtout que :

L'UX relie l'esthétique à l'utilité, une interface doit d'abord se comprendre et se laisser utiliser, sa beauté ne rachète pas une navigation confuse.

2. Qu'est-ce qu'une variante de composant dans Figma ?

Les variantes regroupent les états ou déclinaisons d'un composant (par exemple bouton primaire, secondaire, désactivé) dans un même ensemble sélectionnable par propriétés.

3. Pourquoi définir des styles de texte plutôt que régler la typographie manuellement à chaque usage ?

Des styles de texte nommés assurent une typographie homogène et permettent d'ajuster taille ou interligne partout d'un coup en modifiant le style.

4. Quel est le rôle de la grille (layout grid) dans un design system ?

La grille définit colonnes, marges et gouttières partagées, ce qui aligne les éléments de manière régulière d'un écran à l'autre.

5. Comment structurer une palette de couleurs robuste dans un design system ?

Organiser la palette par rôles (primaire, neutre, états de succès ou d'erreur) avec des nuances rend le système lisible, réutilisable et cohérent.

6. Dans le projet de validation, transformer un projet existant en design system signifie surtout :

L'exercice consiste à industrialiser un projet en le déclinant en styles et composants réutilisables, ce qui rapproche le travail des pratiques d'équipe.

7. Pourquoi nommer clairement styles et composants (par exemple button/primary) est-il essentiel dans une bibliothèque partagée ?

Un nommage clair et structuré (avec des slashs pour créer des groupes) rend la bibliothèque navigable et facilite la réutilisation par toute l'équipe.

8. Quel intérêt d'utiliser une bibliothèque publiée par rapport à des composants copiés d'un fichier à l'autre ?

Publier une bibliothèque permet de propager les mises à jour aux projets qui l'utilisent, là où de simples copies figent des versions divergentes.

9. Quelle propriété de variante est la plus adaptée pour gérer les états hover, focus et disabled d'un bouton ?

Regrouper les états dans une propriété de variante permet de basculer entre hover, focus et disabled depuis le panneau, tout en conservant un composant unique.

10. En quoi un design system "sépare un débutant d'un professionnel prêt à travailler en équipe" ?

Structurer un design en système démontre une maîtrise de la cohérence et de la maintenabilité, compétences clés pour produire à plusieurs et à grande échelle.

2. Que contient une bonne étude de cas de portfolio, au-delà des écrans finaux ?

Une étude de cas raconte le cheminement (problème, démarche, solution) et explicite les décisions, c'est ce raisonnement qui convainc davantage que les seuls visuels.

3. Dans Figma, quel déclencheur (trigger) d'interaction correspond au fait de cliquer sur un élément ?

Le déclencheur On tap (ou On click) lance l'interaction quand l'utilisateur clique ou touche l'élément, c'est le trigger de base d'un prototype cliquable.

4. À quoi sert l'action Navigate to dans le prototypage Figma ?

Navigate to fait passer le prototype vers l'écran cible choisi, c'est l'action la plus courante pour enchaîner les étapes d'un parcours.

5. Pourquoi publier deux ou trois études de cas plutôt qu'une longue galerie de tous ses écrans ?

Des cas détaillés démontrent le raisonnement et la profondeur du travail, ce qui pèse davantage auprès d'un client qu'une longue suite d'images sans contexte.

6. Quel est l'intérêt d'un Smart animate entre deux écrans d'un prototype ?

Smart animate interpole les éléments portant le même nom entre deux écrans, ce qui crée des transitions fluides sans les animer manuellement.

7. Selon l'étape, pourquoi le portfolio est-il présenté comme "le vrai déclencheur de missions" ?

Un portfolio démontre par l'exemple les compétences et la manière de réfléchir, c'est cette preuve tangible qui donne envie de confier une mission.

8. À quoi sert une plateforme comme Malt pour un designer qui publie son portfolio ?

Malt est une plateforme de mise en relation freelance, où le portfolio et les études de cas servent d'arguments pour décrocher des missions.

9. Comment tester efficacement un prototype avant de le présenter dans une étude de cas ?

Jouer le prototype en mode présentation permet de vérifier que chaque connexion fonctionne et que le parcours est fluide avant de le montrer.

10. Pourquoi expliciter la démarche (et pas seulement le résultat) dans une étude de cas destinée à des clients ?

Montrer la démarche prouve ta capacité à analyser et à décider, un client projette alors plus facilement ta méthode sur son propre problème.