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