Exercice pratique – Amélioration UX/UI d’un projet web

Objectifs de l’atelier

• Apprendre à analyser l’UX/UI d’un site existant
• Identifier les problèmes et proposer des solutions
• Travailler en équipe et présenter des améliorations

Analyse et critique d’un site web existant

📌 Méthodologie

1. Choisir un site web (ex. un site e-commerce, une application SaaS, un site gouvernemental ou votre projet).

2. Analyser les points suivants :
   • Navigation et ergonomie
   • Hiérarchie de l’information
   • Contraste et lisibilité
   • Accessibilité
   • Fluidité des interactions

🎯 Outils à utiliser

• Lighthouse (audit UX et accessibilité)
• Figma pour annoter les problèmes détectés

Proposition d’améliorations UX/UI

📌 Travail en groupe (15 min)

• Chaque groupe choisit un problème majeur et propose une amélioration.
• Réalisation d’une maquette rapide sur Figma avec la correction.

✅ Exemples d’améliorations possibles

• Augmenter le contraste texte/arrière-plan pour l’accessibilité
• Améliorer la disposition des éléments pour une meilleure hiérarchie visuelle
• Ajouter une micro-interaction pour rendre une action plus intuitive

Présentation et discussion en groupe

📌 Déroulement (10 min)

• Chaque groupe présente ses propositions.
• Discussion et feedback collectif.
• Comparaison avec des bonnes pratiques UX/UI.

🎤 Objectif final
Développer un esprit critique et appliquer concrètement les concepts vus en cours.