Accueil > Domaines > Ergonomie > Conception et ergonomie d'interfaces Web

Conception et ergonomie d'interfaces Web

Cette formation ergonomie Web permettra aux participants d'identifier les enjeux et critères de l'ergonomie d'interface pour le Web, d'appliquer l'ergonomie dans une démarche centrée utilisateur, et d'évaluer la qualité de ses interfaces. Formation éligible au Compte Personnel de Formation (CPF), permettant de préparer la Certification associée inscrite à l'inventaire de la CNCP. Attention, différents Codes CPF existent selon le secteur métier de l'entreprise. Nous consulter.

Objectifs

Identifier les enjeux et critères de l'ergonomie d'interface pour le Web.
Appliquer l'ergonomie dans une démarche centrée utilisateur.
Evaluer la qualité de ses interfaces

Public

Cette formation ergonomie Web s'adresse aux développeurs, mais également aux directeurs artistiques, webdesigners, webmasters, chefs de projet, responsables de site Internet/Intranet ou encore à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 de la formation

Qu'est-ce que l'ergonomie ?

Les définitions de l'ergonomie Web
De l'interactivité à la notion d'interface Utilisabilité, «usabilité » et IHM
Les critères de base de l'ergonomie
Les normes ISO 9241
La conception centrée sur l'opérateur humain

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 ZoningCréer des storyboards visuels
Étude de cas sur un panel de sites choisis et/ou exercices pratiques de création d'interfaces utilisateur.