Ziggourat FORMATION

8. Formation Ergonomie Web

Objectifs

Acquérir les bases de l’ergonomie Web. Améliorer la qualité de ses interfaces en adoptant une démarche centrée utilisateur.

Participants

Directeurs artistiques, webdesigner, webmaster, chef de projet, responsable de site Internet/Intranet ou toute personne souhaitant acquérir les base de l’ergonomie Web.

Prérequis

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

Programme

Qu’est-ce que l’ergonomie ?

• Les définitions de l’érgonomie Web
• De l’interactivité à la notion d’interface
• Utilisabilité, « usabilité Â» et IHM
• Les critères de base de l’ergonomie
• Utilisateur, acteur, usager : vers une conception orientée utilisateur
• La notion d’accessibilité

L’organisation de l’information

• Utiliser des modes organisationnels adaptés (taxinomie)
• Prendre en compte les attentes utilisateur
• Favoriser la compréhension (étiquetage, cohérence, etc.)
• Rendre l’information navigable (listes, menus, plan de site, etc.)
• Favoriser les recherches (moteurs et indexes)
• Comprendre la notion d’interaction
• Optimiser les menus et les parcours de navigation
• Optimiser la gestion des outils (application, fonctionnalités)

La conception visuelle d’interfaces

• Théories cognitives et phénomène de perception
• Lecture visuelle de la page-écran (parcours et scan visuel)
• Répartition et hiérarchisation de l’information
• Standards et conventions de représentation
• Le concept d’affordance
• La notion d’habillage dans la conception de site
• La notion de grille de conception
• La notion de « Web safe Â» (area, color, font, etc.)
• La gestion typographique des textes
• La gestion des images : format, poids, définition
• La gestion des contenus riches : audio, vidéo, animations, etc.
• La gestion des formulaires et des erreurs d’utilisation
• La problématique Flash (portabilité, accessibilité)
• Les apports de JavaScript et AJAX (bibliothèques jQuery)
• Les apports de HTML5 et de ses APIs

L’adaptation multi supports

• Les spécificités ergonomiques sur écran tactile
• Les spécificités ergonomiques des Smartphones (type iPhone)
• Les spécificités ergonomiques des tablettes tactiles (type iPad)
• Les spécificités ergonomiques des applications dédiées (Facebook, Android, iOS, etc.)

Mise en Å“uvre

• Les 12 règles de base de l’ergonomie
• Conduire une analyse ergonomique
• Faire un audit ergonomique
• Analyser une cible : la méthode des personas
• Réaliser des tests d’utilisations
• Concevoir des scénarios d’utilisation (User story)
• Réaliser des schémas fonctionnels (Use case)
• Concevoir un Zoning
• Créer des storyboards visuels

Étude de cas sur un panel de sites choisis et/ou exercices pratiques de création d’interfaces utilisateur.