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. Quelle couleur est souvent utilisée pour indiquer une action dangereuse ou une erreur dans une UI ?

Rouge

Vert

Bleu

Jaune

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. Quelle est la différence clé entre les UX personas et les UI personas ?

Les UX personas se concentrent sur les besoins des utilisateurs, tandis que les UI personas se concentrent sur l'interaction visuelle.

Les UX personas incluent des données démographiques, contrairement aux UI personas.

Les UX personas sont utilisés pour le marketing, les UI personas pour le développement.

Les UX personas se concentrent sur les performances techniques, les UI personas sur l'esthétique.

5. Quel outil est souvent utilisé pour créer des animations avancées en UI ?

GSAP (GreenSock Animation Platform)

Bootstrap

Figma

Vue.js

6. Que signifie le concept de 'mobile-first' en UI ?

Concevoir d'abord pour les appareils mobiles, puis adapter pour les écrans plus grands.

Créer une interface exclusivement pour les appareils mobiles.

Ignorer les appareils mobiles dans le design initial.

Créer des applications uniquement compatibles avec iOS.

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

Lighthouse

Photoshop

Figma

Illustrator

8. Quel principe de design consiste à rendre les actions faciles à comprendre pour l'utilisateur ?

Simplicité

Accessibilité

Équilibre

Conformité

9. 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.

10. 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.

11. Quel est l'objectif principal de l'utilisation de Design Tokens en UI ?

Créer une source unique de vérité pour la gestion des styles.

Accélérer les animations d'interface.

Permettre l'utilisation de frameworks JS dans le design.

Optimiser les images dans les interfaces.

12. 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.

13. Quelle est l'utilité principale d'une palette de couleurs en UI ?

Créer une expérience cohérente et esthétique.

Rendre le site plus rapide.

Optimiser les animations.

Ajouter des fonctionnalités techniques.

14. Quel type de design est utilisé pour créer une expérience cohérente sur différents appareils ?

Responsive Design

Flat Design

Material Design

Dark Mode

15. Quelle unité est la plus couramment utilisée pour définir des tailles en CSS pour une interface utilisateur ?

rem

16. Que signifie l'approche 'Design System First' en UI ?

Commencer par établir un système de design pour assurer la cohérence et la scalabilité.

Utiliser uniquement des bibliothèques prêtes à l'emploi.

Prioriser les animations dans l'interface.

Créer des designs statiques avant toute interaction.

17. Quel framework est le plus adapté pour créer des composants UI réactifs et interactifs ?

React

WordPress

Laravel

Spring Boot

18. Que signifie le terme 'wireframe' en design d'interface utilisateur ?

Un schéma de base montrant la structure d'une interface.

Un design final avec tous les détails.

Un concept graphique animé.

Un fichier CSS utilisé pour styliser une interface.

19. Quelle est l'utilité principale des icônes dans une interface utilisateur ?

Communiquer rapidement des idées ou des actions.

Ajouter des décorations au design.

Remplir des espaces vides.

Réduire la vitesse de chargement de la page.

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

Onboarding

Affordance

Wireframing

Responsive Design

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