Programme
COMPRENDRE l’UX DESIGN
LES PRINCIPES DE CONCEPTION
- Le feedback
- Affordance et mapping
- Le guidage
- La découverte progressive
- Homogénéité et anticipation de l’erreur
- La narration
LE DESIGN THINKING
- Définition
- Les méthodes d’idéation
EXERCICE
Atelier d’idéation basé sur la refonte d’un site.
ARCHITECTURER L ‘INFORMATION
ARCHITECTURE DE L’INFORMATION
- L’arborescence
- Croquis
- Zoning
- Wireframe
- Storyboard
- Les grilles
- Les types d’interface
- Sens de lecture
- Zone de flottaison
- Fil d’Ariane
- Zoning de bloc
- L’usage des textes et pictogrammes
- Hiérarchie textuelle et SEO
- Les formulaires
REALISER UN PROTOTYPE
LE PROTOTYPE
- Définition
- Les 4 étapes
- L’anticipation
LES BASES DU PROJET
- La stratégie
- Devices et checkpoints
- Veille fonctionnelle
- L’innovation
- Les personas
- La taxonomie
- L’user flow
- Le mockup
- Le prototypage
- Le design
- Le maquettage / Test utilisateur
EXERCICE
Appliquer la méthodologie vue précédemment pour la homepage d’un site ecommerce. De la stratégie jusqu’au croquis.
PROTOTYPER AVEC ADOBE XD
DECOUVRIR ADOBE XD
- Découverte de l’interface
- Utiliser les plans de travail
- Dessiner des formes
- Plan de travail responsif
- Comprendre les actifs
- Comprendre les composants
- Créer un prototype ou un wireframe
- Animer son prototype
EXERCICE
Réaliser un prototype à partir du croquis ébauché.
CONCEVOIR UNE APPLICATION
EXERCICE 1 : STRATEGIE ET DEFINITION DES OBJECTIFS
- La stratégie
- Les devices
- Les veilles fonctionnelles
- Les personas
- La taxonomie
- L’user flow
EXERCICE 2 : EBAUCHE GRAPHIQUE DE 3 PAGES (CROQUIS)
EXERCICE 3 : PROTOTYPAGE SUR ADOBE XD AU FORMAT MOBILE
Mis à jour le 25 mars 2022