Ergonomie de sites Web

Bonnes connaissances de la création de sites Web

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

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 systèmes 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

Découvrir les interfaces riches et l'intéractivité

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...

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

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
Alertes et e-mailing
Outils d'intéractivité

Synthèse

Navigation
Formulaire
Moteur de recherche
Publicité

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis