UX Design avec Figma

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
Réaliser 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

Découvrir 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 : Stratégie et définition des objectifs

La stratégie
Les devices
Les veilles fonctionnelles
Les personas
La taxonomie
L'user flow
Exercice 2 : Ébauche graphique de 3 pages (croquis)

Exercice 3 : prototypage sur Adobe XD au format mobile