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