QCM - UI - User Interface

QCM - UI, User Interface

1. Quel attribut HTML est utilisé pour fournir un texte alternatif à une image ?

alt

title

src

text

2. Qu'est-ce que le Material Design en UI ?

Un langage de design développé par Google.

Un framework CSS pour créer des animations.

Un outil de prototypage d'interfaces.

Un type de design minimaliste sans couleurs.

3. Comment les 'grid areas' CSS sont-elles utilisées pour améliorer la disposition UI ?

Définir des zones spécifiques pour positionner les éléments de manière précise.

Créer des animations complexes.

Réduire la taille des fichiers CSS.

Gérer les transitions dynamiques entre les écrans.

4. Quel est un bon exemple de principe de 'consistance' en UI ?

Utiliser les mêmes couleurs et styles sur toutes les pages.

Ajouter des animations à chaque clic.

Changer de police sur chaque section d'une page.

Utiliser des transitions complexes sur tous les éléments.

5. Quelle est la fonction des 'States' dans une librairie comme React pour les UI ?

Gérer les interactions et les changements dynamiques de l'interface.

Stocker des images dans le navigateur.

Optimiser les performances CSS.

Créer des layouts flexibles et responsives.

6. Quel est un bon exemple d'accessibilité dans une UI ?

Utiliser des contrastes élevés pour le texte.

Ajouter des animations complexes.

Utiliser uniquement des images sans texte.

Ajouter des couleurs vives partout.

7. Quel est le but principal des tests heuristiques en design UI ?

Identifier les problèmes d'utilisabilité en utilisant des principes éprouvés.

Mesurer la vitesse de chargement d'une interface.

Créer des prototypes interactifs.

Tester les performances des composants graphiques.

8. Quel concept UI permet de guider l'utilisateur dans l'accomplissement d'une tâche complexe ?

Onboarding

Affordance

Wireframing

Responsive Design

9. Que signifie le principe d'accessibilité 'Perceivable' en UI ?

Tous les contenus doivent être visibles ou interprétables par l'utilisateur.

L'interface doit être rapide à charger.

Le contenu doit être protégé contre les modifications.

L'interface doit fonctionner uniquement sur des appareils modernes.

10. Quel principe de design consiste à rendre les interfaces cohérentes dans leur utilisation ?

Uniformité

Simplicité

Responsabilité

Minimalisme

11. Qu'est-ce qu'une 'breaking point' dans le responsive design avancé ?

Une largeur d'écran à partir de laquelle la mise en page doit changer.

Une erreur critique dans le chargement CSS.

Un point où les animations doivent s'arrêter.

Une fonctionnalité pour basculer entre les thèmes clairs et sombres.

12. Quel est un exemple de micro-interaction dans une interface utilisateur ?

Un bouton qui change de couleur au survol.

Une page complète avec des animations complexes.

Un formulaire de contact.

Un menu déroulant statique.

13. Quel outil est couramment utilisé pour tester les performances des interfaces utilisateur ?

Lighthouse

Photoshop

Figma

Illustrator

14. Quel élément HTML est le plus souvent utilisé pour les boutons dans une interface utilisateur ?

<div>

<a>

<input>

15. Que signifie le concept de 'dark mode' en UI ?

Une interface avec des couleurs sombres pour réduire la fatigue visuelle.

Un design minimaliste sans lumière.

Un mode utilisé uniquement pour les développeurs.

Un design qui fonctionne uniquement sur des appareils spécifiques.

16. Quel est un exemple de mauvaise pratique en UI ?

Utiliser trop de styles différents dans une même interface.

Fournir des retours visuels clairs pour les actions de l'utilisateur.

Organiser les informations de manière logique.

Créer des designs responsives pour différents appareils.

17. Comment les tests A/B sont-ils utilisés dans le design UI ?

Pour comparer deux versions d'une interface et déterminer laquelle fonctionne le mieux.

Pour tester la compatibilité entre deux navigateurs.

Pour comparer les performances de deux bases de données.

Pour identifier les bugs dans le code source.

18. Qu'est-ce que la gestion des 'Z-index' en CSS apporte aux designs avancés ?

Contrôle de l'empilement des éléments pour créer des interfaces dynamiques.

Optimisation des couleurs pour l'accessibilité.

Gestion des dimensions des images responsives.

Réduction de la latence des animations.

19. Quelle méthode est utilisée pour implémenter les 'dark modes' automatiquement selon les préférences système ?

Préférence CSS media query 'prefers-color-scheme'.

Scripts JavaScript uniquement.

Ajout d'une classe spécifique à l'HTML.

Utilisation de variables globales CSS.

20. Que signifie le terme 'responsive design' ?

Un design qui s'adapte à différentes tailles d'écran.

Un design qui répond aux commentaires des utilisateurs.

Un design qui est rapide à charger.

Un design qui utilise uniquement HTML.

Pseudo :

Menu

HTML et CSS

UX/UI

Langages de Programmation

Frameworks et Bibliothèques

Containerisation et DevOps

Bases de Données

Méthodologies

Sécurité et Bonnes Pratiques

QCM Développeur web

Evaluations