Objectifs
Cette formation Ergonomie des sites web vous permettra de :
- Comprendre les contraintes du Web
- Créer des ergonomies adaptées aux supports Web
- Intégrer les formats spécifiques notamment mobiles
- Apprendre les méthodes pour définir l'ergonomie de son site
>
Programme
INTRODUCTION
- Les technologies Web : HTML/CSS/PHP/etc.
- Les enjeux de l'Ergonomie Web
COMPRENDRE L'ERGONOMIE DES SITES WEB
- Définitions générales : ergonomie, ligne de flotaison, format, supports mobiles, etc
- Loi de Gestalt et Fitts
- Principes de base
- Règles et standards
- Utilisabilité, personas
- L'accessibilité
- L'UX
COMPRENDRE LES SYSTEMES DE NAVIGATION
- Barre de navigation
- Menu classique
- Menu vertical
- Menu horizontal
- Menu dynamique
- Les liens hypertextes
- Typographie
- Formulaire
- 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
- Les textes et les images
- Le choix des couleurs
- Lisibilité du contenu
- Conseils de Nielsen
DECOUVRIR LES INTERFACES RICHES ET L'INTERACTIVITE
- Les technologies : javascript, Ajax, XML, RSS
- Intérêts des interfaces riches
- Présentation de multiples outils : slider, zoom, effets divers
- Présentation de l'intéractivité : chat, rappel immédiat, forum, flash, jeux...
DECOUVRIR LES OUTILS POUR CREER SON ERGONOMIE
- Supports standards : éditeur/logiciel de présentation
- Outils spécifiques pour la création d'ergonomie
GERER LES DIFFICULTES 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 SPECIFICITES DES SITES CATALOGUES ET E-COMMERCE
- Quelques exemples types de sites catalogues
- Page de présentation de produit
- Tunnel de conversion
- Alertes et e-mailing
- outils d'intéractivité
SYNTHESE
- Navigation
- Formulaire
- Moteur de recherche
- Publicité