Définitions & Concepts
Interface = Interaction + Communication
Lien entre utilisateur et système
Interface : Point de contact utilisateur
UX : Expérience utilisateur
UI : Interface visuelle
Exemple d'interface :
Formulaire de connexion → Boutons → Messages d'erreur → Feedback utilisateur
Règle fondamentale :
Simplicité, clarté et accessibilité pour tous
Éléments d'interface
Boutons : Actions de l'utilisateur
Champs texte : Saisie d'informations
Menus : Navigation
Indicateurs : Feedback visuel
Alertes : Messages importants
Formules d'ergonomie
Principe de Fitts :
Temps = a + b * log₂(D/W + 1)
Où D = distance, W = taille cible
Où D = distance, W = taille cible
Principes & Bonnes pratiques
Simplicité : Moins d'éléments, meilleure expérience
Consistance : Uniformité des éléments
Accessibilité : Pour tous les utilisateurs
Feedback : Réponse immédiate aux actions
Test utilisateur : Validation par les utilisateurs
Critères de qualité
Règle des 3 clics :
Information accessible en maximum 3 clics
Temps de réponse :
Interface réactive (< 100ms pour les interactions)
Clarté des libellés :
Texte explicite et compréhensible pour tous