Programme de Formation Ergonomie de sites Web
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-commerceComprendre 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 mairiesDé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 mobileGé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 casConclusion
Questions / réponses