Examen Concepteur UX/UI - 200 Questions et Réponses
Exemples de questions pour l'épreuve écrite (questionnaire professionnel). Les réponses sont fournies pour révision.
Questions et Réponses
1. Qu’est-ce que l’UX design ?
L’UX design se concentre sur l’expérience utilisateur globale, en optimisant la facilité d’utilisation, l’efficacité et la satisfaction.
2. Quelle est la différence entre UX et UI ?
UX se focalise sur l’expérience utilisateur (navigation, flux), UI sur l’aspect visuel et interactif (boutons, couleurs).
3. Quel est le but d’un wireframe ?
Représenter la structure de base et la disposition des éléments d’une interface sans détails visuels.
4. (En anglais) What is a user persona?
A fictional character representing a target user, based on research, to guide design decisions.
5. Qu’est-ce qu’un prototype interactif ?
Une maquette dynamique permettant de tester les interactions et les flux utilisateur avant développement.
6. Nommez un outil populaire pour créer des prototypes UX/UI.
Figma.
7. Qu’est-ce que la loi de Fitts ?
Le temps pour atteindre une cible dépend de sa taille et de sa distance : plus elle est grande et proche, plus elle est facile à atteindre.
8. Quelle est la règle des 7 ± 2 en UX ?
La mémoire à court terme peut retenir environ 5 à 9 éléments, influençant la conception des menus et interfaces.
9. Qu’est-ce qu’un test d’utilisabilité ?
Une méthode pour évaluer une interface en observant des utilisateurs réels effectuant des tâches spécifiques.
10. Qu’est-ce que l’accessibilité web ?
Concevoir des interfaces utilisables par tous, y compris les personnes handicapées, conformément aux normes comme WCAG.
11. Quelle est la fonction de la balise alt dans une image HTML ?
Fournir une description textuelle pour les lecteurs d’écran et améliorer l’accessibilité.
12. (En anglais) What is a design system?
A collection of reusable components, guidelines, and standards to ensure consistent design across a product.
13. Quelle est la différence entre un wireframe et une maquette ?
Un wireframe est une esquisse basse fidélité de la structure, une maquette est une représentation visuelle haute fidélité.
14. Qu’est-ce qu’un parcours utilisateur (user journey) ?
Une représentation des étapes qu’un utilisateur suit pour atteindre un objectif dans un produit ou service.
15. Quel est le rôle d’un test A/B ?
Comparer deux versions d’une interface pour déterminer laquelle performe mieux auprès des utilisateurs.
16. Nommez un principe de design de Gestalt.
La loi de la proximité : les éléments proches sont perçus comme liés.
17. (En anglais) What is the purpose of a heatmap in UX research?
It visualizes user interactions (clicks, scrolls) to identify areas of interest or issues in an interface.
18. Qu’est-ce qu’une palette de couleurs en UI design ?
Un ensemble de couleurs prédéfinies pour assurer une cohérence visuelle dans une interface.
19. Quelle est l’importance du contraste en design d’interface ?
Le contraste améliore la lisibilité et l’accessibilité, notamment pour les utilisateurs malvoyants.
20. Quel est le rôle des micro-interactions en UI ?
Les micro-interactions sont de petites animations ou réponses visuelles qui améliorent l’expérience utilisateur en rendant les interactions plus intuitives et engageantes.
21. Qu’est-ce que la méthode du Design Thinking ?
Une approche centrée sur l’utilisateur en 5 étapes : empathie, définition, idéation, prototypage, test.
22. Quelle est la différence entre un test d’utilisabilité modéré et non modéré ?
Modéré : un facilitateur guide l’utilisateur ; non modéré : l’utilisateur effectue les tâches seul, souvent à distance.
23. Quel est l’objectif principal de l’architecture de l’information ?
Organiser le contenu pour faciliter la navigation et la recherche d’informations.
24. (En anglais) What is a card sort in UX research?
A method where users organize content into categories to inform information architecture.
25. Nommez un outil pour créer des flux utilisateurs (user flows).
Miro.
26. Qu’est-ce que la hiérarchie visuelle en UI design ?
L’organisation des éléments pour guider l’attention de l’utilisateur selon leur importance.
27. Quelle est la norme WCAG pour l’accessibilité ?
Les Web Content Accessibility Guidelines définissent des standards pour rendre les contenus web accessibles.
28. Qu’est-ce qu’un persona négatif ?
Un profil d’utilisateur qui n’est pas la cible principale du produit, utilisé pour clarifier qui exclure.
29. (En anglais) What is the purpose of a style guide in UI design?
It provides consistent design rules (colors, typography, components) for a cohesive interface.
30. Quelle est la différence entre un prototype basse fidélité et haute fidélité ?
Basse fidélité : simple, souvent en noir et blanc ; haute fidélité : détaillé, proche du produit final.
31. Qu’est-ce qu’un test d’arbre (tree testing) ?
Une méthode pour évaluer la structure de navigation en demandant aux utilisateurs de trouver des éléments dans une arborescence.
32. Quel est le rôle des personas dans le processus UX ?
Ils aident à comprendre les besoins, objectifs et comportements des utilisateurs cibles pour guider la conception.
33. Écrivez une règle CSS pour améliorer l’accessibilité du focus sur un bouton.
button:focus {
outline: 2px solid blue;
}
34. Qu’est-ce qu’un storyboard en UX ?
Une représentation visuelle de l’expérience utilisateur à travers une séquence d’images ou d’illustrations.
35. (En anglais) What is the purpose of user testing?
To identify usability issues by observing real users interacting with a design.
36. Qu’est-ce qu’un design responsive ?
Une conception qui s’adapte automatiquement à différentes tailles d’écran et appareils.
37. Nommez un outil pour analyser le comportement utilisateur.
Hotjar.
38. Qu’est-ce que la loi de Hick ?
Le temps de décision augmente avec le nombre et la complexité des choix.
39. Quelle est l’importance de la typographie en UI ?
Elle améliore la lisibilité, l’esthétique et renforce la hiérarchie visuelle.
40. Qu’est-ce qu’un audit UX ?
Une évaluation systématique d’une interface pour identifier les problèmes d’utilisabilité et proposer des améliorations.
41. (En anglais) What is the purpose of a mood board in UI design?
It collects visual inspiration (colors, images, typography) to define the aesthetic direction of a project.
42. Quelle est la différence entre un test utilisateur qualitatif et quantitatif ?
Qualitatif : explore les raisons des comportements ; quantitatif : mesure les performances (ex. taux de clics).
43. Qu’est-ce qu’un design inclusif ?
Une conception qui prend en compte la diversité des utilisateurs, y compris leurs capacités et contextes.
44. Quelle propriété CSS définit le contraste minimum pour l’accessibilité ?
Les normes WCAG recommandent un contraste minimum de 4.5:1 pour le texte normal.
45. Qu’est-ce qu’un empathy map ?
Un outil pour comprendre les pensées, sentiments, actions et besoins d’un utilisateur.
46. Nommez un framework CSS utile pour l’UI design.
Tailwind CSS.
47. Qu’est-ce qu’un prototype cliquable ?
Une maquette interactive permettant de simuler la navigation et les interactions utilisateur.
48. (En anglais) What is the purpose of a user flow?
It maps the steps a user takes to complete a task, guiding the design of intuitive navigation.
49. Qu’est-ce qu’un design pattern en UI ?
Une solution réutilisable à un problème de conception courant, comme un menu hamburger.
50. Quelle est l’importance des tests utilisateurs itératifs ?
Ils permettent d’identifier et corriger les problèmes à chaque étape du processus de conception.
51. Quelle balise HTML améliore l’accessibilité des formulaires ?
<label>
52. Qu’est-ce qu’un test de préférence en UX ?
Une méthode où les utilisateurs choisissent entre plusieurs options de design pour identifier leurs préférences.
53. Écrivez une règle CSS pour centrer un élément dans un conteneur flex.
.container {
display: flex;
justify-content: center;
align-items: center;
}
54. (En anglais) What is the purpose of a journey map?
It visualizes a user’s experience, emotions, and pain points across their interaction with a product.
55. Qu’est-ce qu’un grid system en UI design ?
Un système de grilles pour organiser le contenu de manière cohérente et alignée.
56. Nommez un outil pour créer des animations UI.
Adobe After Effects.
57. Qu’est-ce qu’une affordance en design ?
Un indice visuel qui suggère comment utiliser un élément, comme un bouton qui semble cliquable.
58. Quelle est la différence entre un prototype statique et dynamique ?
Statique : images fixes (ex. maquette) ; dynamique : interactions simulées (ex. prototype cliquable).
59. Qu’est-ce qu’un focus group en recherche UX ?
Une discussion de groupe avec des utilisateurs pour recueillir des opinions et retours qualitatifs.
60. Quelle est la règle de l’accessibilité pour les lecteurs d’écran ?
Fournir des descriptions textuelles (ex. attributs alt) et une structure sémantique claire.
61. Qu’est-ce qu’un design adaptatif ?
Une conception avec des mises en page spécifiques pour différentes tailles d’écran, contrairement au responsive.
62. (En anglais) What is the purpose of a usability heuristic evaluation?
It assesses an interface against established usability principles, like Nielsen’s heuristics.
63. Écrivez une règle CSS pour une ombre portée sur un bouton.
button {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
64. Qu’est-ce qu’un scénario utilisateur ?
Une description narrative des actions d’un utilisateur pour atteindre un objectif spécifique.
65. Quelle est l’importance des espaces blancs en UI design ?
Ils améliorent la lisibilité, réduisent la surcharge visuelle et guident l’attention.
66. Nommez un outil pour créer des wireframes.
Sketch.
67. (En anglais) What is the purpose of a click map?
It shows where users click on a page, helping identify popular or ignored areas.
68. Qu’est-ce que la règle des 60-30-10 en design ?
Une palette de couleurs avec 60 % dominante, 30 % secondaire, 10 % accentuée.
69. Quelle est la différence entre un test utilisateur en laboratoire et sur le terrain ?
En laboratoire : environnement contrôlé ; sur le terrain : contexte réel d’utilisation.
70. Qu’est-ce qu’un design centré sur l’utilisateur ?
Une approche où les besoins et comportements des utilisateurs guident toutes les décisions de conception.
71. Quelle balise HTML améliore l’accessibilité des tableaux ?
<caption>
72. Qu’est-ce qu’un test de 5 secondes en UX ?
Une méthode où une interface est montrée pendant 5 secondes pour évaluer la première impression.
73. Écrivez une règle CSS pour un effet de survol sur un bouton.
button:hover {
background-color: #0a58ca;
}
74. Qu’est-ce qu’un prototype papier ?
Une esquisse manuelle ou imprimée pour tester rapidement des concepts de design.
75. (En anglais) What is the purpose of a stakeholder interview in UX?
To gather insights, goals, and requirements from project stakeholders to align the design process.
76. Qu’est-ce qu’un principe de design universel ?
Des lignes directrices pour créer des produits utilisables par tous, comme l’équité d’utilisation.
77. Quelle propriété CSS définit une transition fluide pour un changement de taille ?
transition: transform 0.3s ease;
78. Qu’est-ce qu’un call-to-action (CTA) ?
Un élément (bouton, lien) incitant l’utilisateur à effectuer une action spécifique, comme « S’inscrire ».
79. Qu’est-ce qu’un test de tri de cartes (card sorting) fermé ?
Les utilisateurs organisent le contenu dans des catégories prédéfinies.
80. Quelle est l’importance des retours haptiques en UI ?
Ils fournissent des réponses tactiles pour améliorer l’interaction, comme une vibration au clic.
81. (En anglais) What is the purpose of a wireflow?
It combines wireframes and user flows to visualize screen transitions and navigation.
82. Qu’est-ce qu’une heuristique de Nielsen ?
Un ensemble de 10 principes d’utilisabilité pour évaluer les interfaces, comme la visibilité du statut du système.
83. Écrivez une règle CSS pour appliquer une police Google Fonts.
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
body {
font-family: 'Open Sans', sans-serif;
}
84. Qu’est-ce qu’un design sprint ?
Une méthode de 5 jours pour prototyper et tester des idées rapidement avec une équipe.
85. Quelle est la différence entre un prototype fonctionnel et non fonctionnel ?
Fonctionnel : interactions simulées ; non fonctionnel : visuel statique sans interactions.
86. Nommez un outil pour les enquêtes utilisateurs.
Google Forms.
87. Qu’est-ce qu’un effet Zeigarnik en UX ?
Les tâches inachevées sont mieux mémorisées, ce qui peut motiver les utilisateurs à compléter des actions.
88. (En anglais) What is the purpose of a customer journey map?
It illustrates the user’s experience across all touchpoints with a product or service.
89. Qu’est-ce qu’un design atomique ?
Une méthodologie pour créer des systèmes de design en décomposant les interfaces en composants de base (atomes).
90. Quelle propriété CSS définit une ombre de texte ?
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
91. Qu’est-ce qu’un test de clic en UX ?
Une méthode où les utilisateurs cliquent sur une interface pour révéler ce qu’ils perçoivent comme cliquable.
92. Quelle est la différence entre UX writing et copywriting ?
UX writing : textes courts pour guider l’utilisateur ; copywriting : textes pour persuader ou vendre.
93. Écrivez une règle CSS pour une animation de fondu (fade-in).
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.element {
animation: fadeIn 1s ease-in;
}
94. Qu’est-ce qu’un test de navigation en UX ?
Une évaluation de la facilité à trouver des informations dans une interface.
95. (En anglais) What is the purpose of a low-fidelity prototype?
To quickly test and validate concepts or layouts with minimal visual detail.
96. Qu’est-ce qu’un microcopy ?
De courts textes dans une interface (ex. messages d’erreur, placeholders) pour guider l’utilisateur.
97. Quelle propriété CSS définit un dégradé linéaire ?
background: linear-gradient(to right, #ff0000, #0000ff);
98. Qu’est-ce qu’un test de charge cognitive ?
Une évaluation pour mesurer la facilité d’utilisation d’une interface en fonction de l’effort mental requis.
99. Nommez un outil pour créer des personas.
Xtensio.
100. Qu’est-ce qu’un test de satisfaction utilisateur ?
Une méthode pour évaluer le ressenti des utilisateurs à l’égard d’une interface, souvent via des enquêtes.
101. Quelle balise HTML définit une section sémantique ?
<section>
102. Qu’est-ce qu’un test de première impression ?
Une méthode pour évaluer ce que les utilisateurs retiennent d’une interface en quelques secondes.
103. Écrivez une règle CSS pour désactiver la sélection de texte.
104. (En anglais) What is the purpose of a usability lab?
A controlled environment for conducting user testing and observing interactions with a design.
105. Qu’est-ce qu’un design pattern de navigation ?
Une solution standard pour organiser la navigation, comme un menu latéral ou des onglets.
106. Qu’est-ce qu’un test de prototypage rapide ?
Une méthode pour tester rapidement des concepts via des prototypes simples.
107. Quelle est l’importance de la cohérence en UI design ?
Elle réduit la courbe d’apprentissage et améliore l’intuitivité de l’interface.
108. Qu’est-ce qu’un test de tri de cartes ouvert ?
Les utilisateurs créent leurs propres catégories pour organiser le contenu.
109. Écrivez une règle CSS pour centrer un texte verticalement dans un conteneur flex.
.container {
display: flex;
align-items: center;
}
110. Qu’est-ce qu’un test de validation de concept ?
Une méthode pour vérifier si une idée répond aux besoins des utilisateurs avant développement.
111. Qu’est-ce qu’un feedback loop en UX ?
Un processus itératif où les retours utilisateurs informent les améliorations du design.
112. (En anglais) What is the purpose of a task analysis in UX?
To break down user tasks into steps to understand and optimize their workflow.
113. Qu’est-ce qu’un design pattern de formulaire ?
Une solution standard pour concevoir des formulaires, comme l’alignement des labels au-dessus des champs.
114. Écrivez un code HTML pour un formulaire accessible avec un champ texte.
115. Qu’est-ce qu’un test de performance utilisateur ?
Une évaluation mesurant la vitesse et la précision des utilisateurs pour accomplir une tâche.
116. Nommez un outil pour créer des animations de transition.
Principle.
117. (En anglais) What is the purpose of a heuristic review?
To evaluate an interface against usability principles to identify potential issues.
118. Qu’est-ce qu’un test de lisibilité en UI ?
Une évaluation pour vérifier que le texte est clair et facile à lire pour les utilisateurs.
119. Quelle est la différence entre un prototype horizontal et vertical ?
Horizontal : couvre plusieurs fonctionnalités à faible détail ; vertical : approfondit une fonctionnalité spécifique.
120. Qu’est-ce qu’un test de conformité WCAG ?
Une vérification pour s’assurer qu’une interface respecte les normes d’accessibilité WCAG.
121. Quelle balise HTML définit un groupe de contenu multimédia ?
<figure>
122. Qu’est-ce qu’un test de préférence visuelle ?
Une méthode où les utilisateurs choisissent entre des options visuelles pour déterminer leurs préférences esthétiques.
123. Écrivez une règle CSS pour une bordure arrondie sur un bouton.
button {
border-radius: 8px;
}
124. Qu’est-ce qu’un test de flux utilisateur ?
Une évaluation pour vérifier si les utilisateurs peuvent suivre un parcours prévu dans une interface.
125. (En anglais) What is the purpose of a competitive analysis in UX?
To study competitors’ products to identify strengths, weaknesses, and opportunities for differentiation.
126. Qu’est-ce qu’un design pattern de feedback ?
Une solution pour informer les utilisateurs des résultats de leurs actions, comme une notification de succès.
127. Quelle propriété CSS définit une animation de rotation ?
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.element {
animation: rotate 2s infinite;
}
128. Qu’est-ce qu’un test de charge mentale ?
Une évaluation pour mesurer l’effort cognitif requis pour utiliser une interface.
129. Nommez un outil pour les tests A/B.
Optimizely.
130. Qu’est-ce qu’un test de validation utilisateur ?
Une méthode pour vérifier si une interface répond aux attentes et besoins des utilisateurs.
131. (En anglais) What is the purpose of a user story?
To describe a feature from the user’s perspective, focusing on their needs and goals.
132. Qu’est-ce qu’un test de découvrabilité ?
Une évaluation pour vérifier si les utilisateurs peuvent trouver facilement les fonctionnalités clés.
133. Écrivez une règle CSS pour une transition de couleur fluide.
button {
transition: background-color 0.3s ease;
}
134. Qu’est-ce qu’un test de première utilisation ?
Une évaluation pour observer comment les nouveaux utilisateurs interagissent avec une interface sans formation.
135. Qu’est-ce qu’un design pattern de progression ?
Une solution pour montrer l’avancement d’une tâche, comme une barre de progression.
136. Nommez un outil pour analyser les heatmaps.
Crazy Egg.
137. Qu’est-ce qu’un test de conformité visuelle ?
Une vérification pour s’assurer que l’interface respecte les guidelines visuelles d’un système de design.
138. (En anglais) What is the purpose of a content inventory in UX?
To catalog all content on a site to assess its relevance and organization.
139. Qu’est-ce qu’un test de mémorabilité ?
Une évaluation pour vérifier si les utilisateurs se souviennent comment utiliser une interface après une pause.
140. Quelle propriété CSS définit une échelle de transformation ?
141. Qu’est-ce qu’un test de satisfaction subjective ?
Une méthode pour mesurer les perceptions subjectives des utilisateurs, comme leur confort avec une interface.
142. Quelle balise HTML définit une légende pour une image ?
<figcaption>
143. Qu’est-ce qu’un test de performance visuelle ?
Une évaluation pour mesurer la rapidité avec laquelle les utilisateurs perçoivent les éléments clés d’une interface.
144. Qu’est-ce qu’un design pattern de confirmation ?
Une solution pour confirmer une action utilisateur, comme une boîte de dialogue avant suppression.
145. (En anglais) What is the purpose of a sitemap in UX?
To visually represent the structure and hierarchy of a website’s content.
146. Écrivez un code HTML pour un bouton accessible.
147. Qu’est-ce qu’un test de cohérence visuelle ?
Une vérification pour s’assurer que les éléments visuels sont uniformes dans une interface.
148. Qu’est-ce qu’un design pattern de recherche ?
Une solution pour faciliter la recherche, comme une barre de recherche avec autocomplétion.
149. Écrivez une règle CSS pour désactiver le clic sur un élément.
150. Qu’est-ce qu’un test de charge émotionnelle ?
Une évaluation pour mesurer les émotions des utilisateurs face à une interface.
151. Qu’est-ce qu’un design pattern de pagination ?
Une solution pour diviser le contenu en pages, comme des numéros de page cliquables.
152. Quelle propriété CSS définit une image de fond ?
background-image: url('image.jpg');
153. Qu’est-ce qu’un test de perception visuelle ?
Une évaluation pour vérifier comment les utilisateurs interprètent les éléments visuels d’une interface.
154. (En anglais) What is the purpose of a user interview in UX?
To gather qualitative insights about user needs, behaviors, and pain points.
155. Qu’est-ce qu’un design pattern de filtrage ?
Une solution pour permettre aux utilisateurs de trier ou filtrer du contenu, comme des filtres de produits.
156. Nommez un outil pour créer des diagrammes d’expérience utilisateur.
Lucidchart.
157. Qu’est-ce qu’un test de contexte d’utilisation ?
Une évaluation pour observer comment une interface est utilisée dans des contextes réels.
158. Qu’est-ce qu’un design pattern de carrousel ?
Une solution pour afficher plusieurs éléments dans un espace limité via un défilement horizontal.
159. Écrivez une règle CSS pour un effet de flou.
160. Qu’est-ce qu’un test de performance temporelle ?
Une évaluation mesurant le temps nécessaire pour accomplir une tâche dans une interface.
161. Qu’est-ce qu’un design pattern de menu déroulant ?
Une solution pour afficher des options supplémentaires dans un menu compact.
162. (En anglais) What is the purpose of a contextual inquiry?
To observe and interview users in their real-world environment to understand their needs.
163. Qu’est-ce qu’un test de cohérence fonctionnelle ?
Une vérification pour s’assurer que les fonctionnalités d’une interface fonctionnent comme prévu.
164. Écrivez un code HTML pour une vidéo accessible.
165. Qu’est-ce qu’un design pattern de notification ?
Une solution pour informer les utilisateurs d’un événement, comme une alerte ou un badge.
166. Qu’est-ce qu’un test de préférence utilisateur ?
Une méthode pour recueillir les préférences des utilisateurs sur des options de design.
167. (En anglais) What is the purpose of a usability benchmark?
To measure and compare usability metrics over time or against competitors.
168. Qu’est-ce qu’un design pattern de barre de progression ?
Une solution pour indiquer l’avancement d’un processus, comme un formulaire multi-étapes.
169. Quelle propriété CSS définit un espacement entre les lettres ?
170. Qu’est-ce qu’un test de charge visuelle ?
Une évaluation pour mesurer l’impact visuel d’une interface sur la perception utilisateur.
171. Quelle balise HTML définit une navigation principale ?
<nav>
172. Qu’est-ce qu’un test de fluidité d’interaction ?
Une évaluation pour vérifier la facilité et la rapidité des interactions dans une interface.
173. Écrivez une règle CSS pour une bordure en pointillés.
174. Qu’est-ce qu’un design pattern de modal ?
Une solution pour afficher du contenu temporaire dans une fenêtre contextuelle au-dessus de l’interface.
175. (En anglais) What is the purpose of a diary study in UX?
To collect longitudinal data on user behavior and experiences over time.
176. Qu’est-ce qu’un test de comparaison visuelle ?
Une méthode pour comparer deux designs visuels pour déterminer lequel est plus efficace.
177. Quelle propriété CSS définit une hauteur de ligne ?
178. Qu’est-ce qu’un design pattern de tooltip ?
Une solution pour afficher des informations contextuelles au survol d’un élément.
179. Qu’est-ce qu’un test de conformité fonctionnelle ?
Une vérification pour s’assurer que toutes les fonctionnalités d’une interface fonctionnent correctement.
180. Nommez un outil pour créer des storyboards.
Storyboarder.
181. (En anglais) What is the purpose of a usability metric?
To quantify aspects of usability, such as task success rate or time to complete a task.
182. Qu’est-ce qu’un design pattern de breadcrumb ?
Une solution pour montrer le chemin de navigation de l’utilisateur, comme « Accueil > Produits > Détails ».
183. Quelle balise HTML définit une citation courte ?
<q>
184. Qu’est-ce qu’un test de compatibilité visuelle ?
Une vérification pour s’assurer que l’interface s’affiche correctement sur différents appareils et navigateurs.
185. Qu’est-ce qu’un design pattern de liste déroulante ?
Une solution pour présenter des options dans un menu compact qui s’ouvre au clic.
186. Écrivez une règle CSS pour un effet de survol avec opacité.
.element:hover {
opacity: 0.7;
}
187. Qu’est-ce qu’un test de satisfaction objective ?
Une évaluation basée sur des mesures concrètes, comme le taux de réussite d’une tâche.
188. (En anglais) What is the purpose of a focus group in UX?
To gather qualitative feedback from a group of users about a design or concept.
189. Qu’est-ce qu’un design pattern de barre de recherche ?
Une solution pour permettre aux utilisateurs de rechercher du contenu via une barre dédiée.
190. Qu’est-ce qu’un test de rétention utilisateur ?
Une évaluation pour mesurer si les utilisateurs reviennent utiliser une interface après une première interaction.
191. Quelle balise HTML définit un en-tête de page ?
<header>
192. Qu’est-ce qu’un design pattern de carte ?
Une solution pour présenter du contenu dans des conteneurs visuels compacts, comme des vignettes.
193. Écrivez une règle CSS pour un texte en gras.
194. Qu’est-ce qu’un test de charge fonctionnelle ?
Une évaluation pour vérifier la robustesse d’une interface sous une utilisation intensive.
195. (En anglais) What is the purpose of a usability audit?
To systematically evaluate an interface for usability issues and provide recommendations.
196. Qu’est-ce qu’un design pattern de formulaire multi-étapes ?
Une solution pour diviser un formulaire complexe en plusieurs étapes pour simplifier l’expérience utilisateur.
197. Quelle propriété CSS définit une couleur de texte ?
198. Qu’est-ce qu’un test de clarté visuelle ?
Une évaluation pour vérifier si les éléments visuels sont facilement compréhensibles.
199. Nommez un outil pour créer des prototypes haute fidélité.
Adobe XD.
200. Qu’est-ce qu’un design pattern de feedback visuel ?
Une solution pour indiquer visuellement une interaction, comme un changement de couleur au clic.
