1.2 – Concevoir avec UX/UI

🏆 Compétence cible

C1 – Maquetter une application (20h – Niveau 1)
L’apprenant doit être capable de concevoir une interface web centrée sur l’utilisateur, en appliquant les principes de l’expérience utilisateur (UX) et de l’interface utilisateur (UI), tout en respectant les standards d’ergonomie et de design responsive.

🧩 Micro-compétence

1.2 – Concevoir avec UX/UI (10h)
Découvrir les notions fondamentales de l’UX et de l’UI, comprendre l’impact de l’ergonomie et du design responsive sur la qualité d’une interface, et apprendre à auditer et améliorer des maquettes existantes.

📝 Description de l’autoformation

Cette autoformation vise à développer une compréhension approfondie de l’expérience et de l’interface utilisateur. L’apprenant sera initié aux concepts de Design Thinking, aux règles d’ergonomie et aux bonnes pratiques de conception d’interfaces adaptatives. L’objectif est de produire des interfaces à la fois esthétiques, intuitives et adaptées à divers supports (desktop, tablette, mobile).

UA 1.2.1 – Expérience utilisateur (UX)

  1. 🎯 Objectif global

    • Comprendre les principes fondamentaux de l’expérience utilisateur et appliquer des méthodes simples de Design Thinking pour concevoir des interfaces centrées sur l’utilisateur.

  2. 📚 Liste des chapitres

    • Chapitre 1 : Notions d’UX & Design Thinking (2h).
    • Chapitre 2 : Règles d’ergonomie (2h).

  3. 📄 Livrable attendu

    • Réaliser une analyse d’expérience utilisateur (personas, parcours utilisateur simplifié) et formuler des recommandations ergonomiques pour une page web donnée.

  4. 🧪 Grilles d’évaluation

    • Niveau 1 : Identifier les notions de base de l’UX et des principes ergonomiques.
    • Niveau 2 : Analyser un parcours utilisateur et proposer des améliorations.
    • Niveau 3 : Appliquer les principes UX pour concevoir un parcours utilisateur optimisé.

UA 1.2.2 – Interface utilisateur & responsive

  1. 🎯 Objectif global

    • Concevoir des interfaces utilisateur intuitives et adaptatives, en appliquant des règles de design responsive.

  2. 📚 Liste des chapitres

    • Chapitre 3 : Notions d’UI (2h).
    • Chapitre 4 : Design responsive (2h).
    • Chapitre 5 : Relecture critique d’une maquette (2h).

  3. 📄 Livrable attendu

    • Créer une interface utilisateur responsive pour une page web en respectant les bonnes pratiques UI, puis effectuer une relecture critique (audit visuel et ergonomique).

  4. 🧪 Grilles d’évaluation

    • Niveau 1 : Identifier les éléments clés de l’interface utilisateur.
    • Niveau 2 : Concevoir une interface responsive basique.
    • Niveau 3 : Réaliser une maquette responsive et justifier ses choix de design.