Objectifs pédagogiques :

• Identifier les enjeux et les techniques de conception éditoriale pour le Web.
• Appliquer l’ergonomie dans une démarche centrée utilisateur.
• Savoir évaluer la qualité de ses interfaces.

Public :

Cette formation ergonomie Web s’adresse aux chefs de projet, architectes de l’information, webmasters, webdesigners ou toute personne voulant concevoir l’architecture structurelle et fonctionnelle de sites web.

Prérequis :

Une bonne connaissance de l’outil informatique et d’Internet est utile pour suivre ce stage.

Introduction à l’ergonomie web

Qu’est-ce que l’ergonomie ?
Qu’est-ce que l’ergonomie web ?
Le design : du dessin à dessein
Les normes ISO 9241
La conception centrée utilisateur
Le modèle de Karapanos
Sept critères de base de l’ergonomie web

L’organisation de l’information

Définir sa cible
Créer des personas
Prendre en compte les attentes utilisateur

Architecture de l’information

Organisation selon la tâche
Organisation selon le contenu

Construire la navigation

Principes ergonomiques de navigation

La barre de navigation
La navigation contextuelle
Les menus déroulants
Le méga menu
Les boutons de navigation
Les liens hypertextuels
Le moteur de recherche
Le plan de site

Vérifier sa navigation

La navigation sur smartphone

Créer l’interaction

Interagir avec l’interface

Le clavier
La souris
L’interactivité au bout des doigts
L’écran mobile
La tablette
La manipulation directe

Les éléments d’interaction

Les boutons
Les Call to Action
Les formulaires
Le temps de réponse

Les implications du mode de lecture sur écran sur les contenus

Les contraintes liées au support de lecture (formats)
Les conséquences sur la structuration d’une page web

Format des contenus et découpage des sujets

La pyramide inversée

Le rôle des images et des visuels

Présenter l’information

Les lois de perception
Techniques de mise en évidence
La couleur
Les icônes
La page Produit
Le test des 5 secondes

Les bons usages en ergonomie des interfaces

L’évaluation heuristique
Les tests utilisateurs
La charte graphique
La Newsletter
Les dix points clés d’une ergonomie web réussie