L-ergonomie et le design web

NTRODUCTION À L'ERGONOMIE Définitions et objectifs

• Interface Homme-Machine (IHM)
• Perception, cognition, utilisabilité
• User Experience (UX), flow

Idées reçues

• Les 3 clics, ma grand-mère, le scroll…

Centré utilisateur : l'être humain

• Théories de la Gestalt
• Loi de Fitts – Nombre de Miller / Loi de Hick
• Affordance – Visibilité et lisibilité

DÉMARCHE ERGONOMIQUE Les 5 plans

• De la stratégie à la réalisation

Stratégie

• Objectifs
• Personas
• Analyse concurrentielle

Spécifications fonctionnelles et stratégie de contenu
Interactions et architecture de l'information

• Attentes de l'internaute
• Différentes navigations
• Architecture : lister, regrouper, structurer
• Plan du site

Design d'information – Design de navigation et d'interface

• Lecture et écriture sur le Web
• Zoning : vue d'ensemble
• Wireframes : les écrans en détail
• Grid design : une grille pour structurer spatialement
• Responsive design (adaptatif) : internautes, tablonautes et mobinautes
• Outils de wireframes et prototypage (Balsamiq, Axure, Illustrator…)

Design visuel

• Tendances – Composants d'interface

Tests utilisateurs

• Eyetracking, Mémorisation, Heatmap, Capture vidéo, Analyse du parcours