Quiz CDUI Avancé — 30 questions

Q1

Réponse libre

En 2026, quel est selon vous le rôle principal d’un Concepteur Designer UI au sein d’une équipe produit ?

Q2

Choix multiple

Quelles sont les responsabilités réelles d’un CDUI senior aujourd’hui ? (plusieurs réponses possibles)

A. Créer et maintenir un Design System B. Participer aux recherches utilisateurs (user research) C. Développer des composants front-end en React/Vue D. Définir les règles d’accessibilité et les faire respecter E. Animer des ateliers de co-conception avec les stakeholders

Q3

Réponse libre

Expliquez la différence entre Atomic Design et un Design System moderne (tokens, variables, composants).

Q4

Choix multiple

Quels outils sont considérés comme standards en 2026 pour un Concepteur Designer UI ? (plusieurs réponses)

A. Figma (avec Variables, Modes et Dev Mode) B. FigJam pour la collaboration et workshops C. Webflow ou Framer pour le prototyping avancé D. Adobe Photoshop + Illustrator E. Notion ou Coda pour la documentation du Design System

Q5

Réponse libre

Quelle est l’erreur la plus fréquente des designers UI en 2026 concernant le responsive design ?

Q6

Choix unique

Dans une approche mobile-first, à quel moment définit-on généralement les breakpoints ?

A. Dès le début : on conçoit mobile puis on élargit progressivement B. Après avoir terminé le design desktop C. Uniquement lorsque le client le demande

Q7

Réponse libre

Qu’est-ce qu’un Design Token ? Pourquoi est-il devenu indispensable en 2026 ?

Q8

Choix multiple

Quels principes d’accessibilité WCAG 2.2 (niveau AA minimum) un CDUI doit-il maîtriser ? (plusieurs réponses)

A. Contraste minimum de 4.5:1 pour le texte normal B. Focus visible et navigation au clavier logique C. Gestion complète du mode sombre (dark mode) D. Étiquettes ARIA pertinentes E. Réduction des animations pour les utilisateurs sensibles

Q9

Réponse libre

Citez et expliquez 3 méthodes concrètes pour tester l’accessibilité d’une interface.

Q10

Choix unique

Le ratio de contraste minimum recommandé par WCAG AA pour du texte normal est :

A. 3:1 B. 4.5:1 C. 7:1

Q11

Réponse libre

Qu’est-ce qu’une micro-interaction ? Donnez un exemple concret et expliquez son impact sur l’UX.

Q12

Choix multiple

Quels formats d’images et graphiques privilégier en 2026 pour le web performant ? (plusieurs réponses)

A. WebP et AVIF pour les photos B. SVG pour les icônes et illustrations C. PNG (optimisé) quand la transparence est nécessaire D. JPEG pour les photographies E. TIFF

Q13

Réponse libre

Décrivez les étapes principales pour créer un composant dans un Design System (de la recherche à la documentation).

Q14

Choix multiple

Quels sont les principaux avantages des Variables et Modes dans Figma en 2026 ? (plusieurs réponses)

A. Gestion simplifiée du Dark Mode / Light Mode B. Centralisation des Design Tokens C. Meilleure collaboration avec les développeurs D. Réduction du temps de maintenance des maquettes E. Possibilité de prototypes plus réalistes

Q15

Réponse libre

Qu’est-ce que le glassmorphism, le neumorphism et le brutalism ? Lequel recommanderiez-vous pour une application SaaS sérieuse en 2026 ?

Q16

Choix unique

Pour un bouton d’action principal (CTA), quelle approche couleur est généralement la plus efficace ?

A. Une couleur vive avec un fort contraste B. La même couleur que le fond avec seulement une bordure C. Gris neutre pour rester discret

Q17

Réponse libre

Quelle est la différence entre un wireframe, une maquette basse fidélité et une maquette haute fidélité ?

Q18

Choix multiple

Quels éléments doivent obligatoirement figurer dans un dossier de livraison final pour un client ou une équipe de développement ? (plusieurs réponses)

A. Fichier source Figma avec liens de partage B. Design System documenté (tokens + composants) C. Spécifications techniques détaillées (redlines) D. Prototypes interactifs cliquables E. Exports PDF et images haute résolution

Q19

Réponse libre

Pourquoi les itérations basées sur des tests utilisateurs sont-elles plus importantes que la recherche de la perfection dès la première version ?

Q20

Choix unique

En 2026, quel est l’outil le plus utilisé pour le design collaboratif en équipe ?

A. Adobe XD B. Figma C. Sketch

Q21

Réponse libre

Comment optimiser les performances d’une interface complexe (animations, images, composants) ?

Q22

Réponse libre

Qu’est-ce que le « progressive enhancement » appliqué au design d’interface ?

Q23

Choix unique

L’unité CSS la plus adaptée pour les espacements proportionnels à la typographie est :

A. px B. em C. rem

Q24

Réponse libre

Citez deux pathologies courantes d’un mauvais Design System et leurs conséquences sur le projet.

Q25

Réponse libre

Comment intégrer efficacement les retours des développeurs dans le processus de conception UI ?

Q26

Choix multiple

Quelles tendances UI/UX importantes en 2026 un bon CDUI doit-il connaître ? (plusieurs réponses)

A. Interfaces 3D et spatiales B. Intégration de l’IA générative dans les outils de design C. Design éthique et inclusif D. Interfaces vocales et gestuelles E. Minimalisme extrême et performance

Q27

Réponse libre

Décrivez brièvement comment vous procéderiez pour redesigner le dashboard d’une application SaaS complexe.

Q28

Choix unique

L’approche « mobile-first » est avant tout une stratégie :

A. Esthétique B. De priorisation du contenu et technique C. Marketing

Q29

Réponse libre

Quels sont les critères pour considérer qu’une maquette est prête à être transmise aux développeurs ?

Q30

Réponse libre

Selon vous, quelle est la compétence la plus importante pour un Concepteur Designer UI en 2026-2027 ?