Comprendre l'ergonomie des sites Web

Les enjeux de l’ergonomie web
Définitions générales : ergonomie, ligne de flottaison, format, supports mobiles.
Loi de Gestalt et Fitts
Principes de base
Affordance
Utilisabilité, persona
Accessibilité
UX/UI

Atelier pratique : définir un wireframe avec les éléments standards d’une page d’accueil de site e-commerce

Comprendre les systèmes de navigation

Barre de navigation
Menu : classique, vertical, horizontal, dynamique
Liens hypertextes
Typographie
Formulaires
Moteur de recherche
Autres systèmes de navigation
Outils d'aide à la navigation
Zone privée - Zone membre
Fil d'Ariane
Plan du site
Erreurs fréquentes
Textes et images
Choix des couleurs
Lisibilité du contenu
Conseils de Nielsen

Atelier pratique : comparer l'ergonomie de 3 sites de mairies

Découvrir les interfaces riches et l'interactivité

Les technologies : Javascript, Ajax, XML, RSS
Intérêt des interfaces riches
Présentation de multiples outils : slider, zoom, effets divers
Présentation de l'interactivité : chat, rappel immédiat, forum

Découvrir les outils pour créer son ergonomie

Supports standards : éditeur/logiciel de présentation
Outils spécifiques pour la création d'ergonomie

Atelier pratique : repenser la page d'accueil d'un site web en version mobile

Gérer les difficultés de sites volumineux

Accès direct : l'importance de la page d'accueil
Accès pages intérieures : erreurs à éviter
Gestion de la navigation : arborescence, menu secondaire
Gestion de la pagination
Gestion du multimédia
Importance du moteur de recherche et recherche avancée
Gestion des risques liés à la perte d'internaute
Gestion des risques liés au référencement

Comprendre les spécificités des sites catalogues et e-commerce

Quelques exemples types de sites catalogues
Page de présentation de produit
Tunnel de conversion

Étude de cas & audit ergonomique

Relecture heuristique avec une grille
Identification des points bloquants
Focus : navigation, contenu, interactivité, accessibilité
Conception UX : zoning, wireframe, CTA, tunnel de conversion

Atelier pratique : étude de cas

Conclusion

Questions / réponses