🧠 Principes fondamentaux de l’UX Design
🎯 Objectifs du chapitre
- 🧩 Comprendre les grands principes de l’UX
- 🔎 Découvrir les heuristiques de Nielsen et les 5 éléments de l’UX
- 🧠 Explorer des concepts de psychologie cognitive appliqués à l’UX
- ♿ Intégrer l’accessibilité et le design inclusif
📋 Les 10 heuristiques de Nielsen
📌 Définition
Les heuristiques de Nielsen sont des principes fondamentaux pour concevoir des interfaces intuitives et ergonomiques.
| # | Heuristique | Explication |
|---|---|---|
| 1 | Visibilité de l’état du système | L’utilisateur doit savoir ce qui se passe (feedback visuel, messages de confirmation). |
| 2 | Correspondance entre le système et le monde réel | Utiliser des termes et concepts familiers aux utilisateurs. |
| 3 | Contrôle et liberté de l’utilisateur | Permettre d’annuler des actions (ex. bouton “Retour” ou “Annuler”). |
| 4 | Cohérence et standards | Respecter les conventions et standards UI connus. |
| 5 | Prévention des erreurs | Éviter que l’utilisateur ne fasse des erreurs (confirmation avant suppression, désactivation des options invalides). |
| 6 | Reconnaissance plutôt que rappel | L’interface doit guider l’utilisateur plutôt que lui demander de se souvenir. |
| 7 | Flexibilité et efficacité d’utilisation | Offrir des raccourcis et des personnalisations pour les utilisateurs avancés. |
| 8 | Design esthétique et minimaliste | Ne pas surcharger l’écran, hiérarchiser l’information. |
| 9 | Aide à la reconnaissance et à la correction des erreurs | Expliquer clairement les erreurs et comment les corriger. |
| 10 | Aide et documentation | Fournir une aide accessible en cas de besoin. |
🏗️ Les 5 éléments de l’UX (Jesse James Garrett)
📌 Définition
Jesse James Garrett propose une approche structurée de la conception UX, divisée en 5 niveaux :
- 🎯 Stratégie → Objectifs business & besoins des utilisateurs
- 📋 Portée → Fonctionnalités et exigences
- 🏗️ Structure → Architecture de l’information et interactions
- 🦴 Squelette → Wireframes et navigation
- 🎨 Surface → Design final (UI)
💡 Analogie : Construire un bâtiment :
- 🎯 Stratégie = Pourquoi construire ?
- 📋 Portée = Quels besoins ?
- 🏗️ Structure = Plan du bâtiment
- 🦴 Squelette = Murs et espaces
- 🎨 Surface = Peinture et finitions
🧠 Psychologie de l’utilisateur
📌 Charge cognitive
- 🧘 Moins un utilisateur doit réfléchir, plus l’expérience est fluide.
- 🚫 Éviter les interfaces surchargées et les choix complexes.
📌 Affordances
- Capacité d’un élément UI à suggérer son utilisation (ex. bouton cliquable, ascenseur sur une page).
📌 Lois UX importantes
| Loi | Explication |
|---|---|
| Fitts | Plus une cible est petite ou éloignée, plus elle est difficile à atteindre. (Ex. taille des boutons) |
| Hick | Plus il y a d’options, plus le temps de décision est long. (Ex. limiter les choix dans un menu) |
| Proximité | Les éléments proches sont perçus comme liés. (Ex. regrouper les actions connexes) |
🎨 Accessibilité et design inclusif
📌 Pourquoi c’est essentiel ?
- 15% de la population mondiale a un handicap.
- Un bon design UX est accessible à tous (personnes malvoyantes, daltoniennes, dyslexiques…).
✅ Bonnes pratiques UX pour l’accessibilité
- Contraste suffisant entre texte et fond.
- Navigation clavier et compatibilité avec les lecteurs d’écran.
- Texte alternatif pour les images.
- Éviter le texte seul pour l’information (utiliser icônes et couleurs complémentaires).
mis à jour le