Ergonomie web

Comprendre la place de l’ergonomie dans un projet digital

– Se familiariser avec la terminologie de l’ergonomie : définitions, normes, processus
– Appréhender les notions d’interface homme-machine (IHM) et d’expérience utilisateur (UX)
– Différencier les questions d’utilité et d’utilisabilité
– Identifier les trois dimensions de la conception orientée utilisateur
– Comprendre les enjeux financiers d’une démarche ergonomique
– Identifier les outils et les tâches de l’ergonome
Exercice : analyse d’un site web

Connaître les processus cognitifs impliqués dans la perception visuelle de l’être humain

– Appréhender les lois de la perception visuelle chez l’être humain et leur impact sur le design d’interface utilisateur
– Comprendre les notions de modèle mental et de charge cognitive
– Exploiter la hiérarchie des composants visuels dans l’image
– Favoriser la compréhension des contenus
– Examiner les lois de Hick, de Fitt et de Miller
– Optimiser la lisibilité à l’écran (typographies, couleurs, gestion de l’espace visuel)
– Capter l’attention et analyser l’engagement
Etude de cas : analyse ergonomique d’un site web

Appliquer la méthode de la conception orientée utilisateur

– Définir le contexte d’utilisation
– Comprendre la notion de tâche utilisateur
– Cerner la fonction principale d’une application logicielle
– Distinguer le design d’expérience et le design d’interface
– Identifier les étapes de la méthode de la conception orientée utilisateur.
Etude de cas : distinguer les aspects cognitifs et émotionnels d’une interface digitale interactive

Définir ses utilisateurs

– Comprendre la notion d’utilisateur : cibles, utilisateurs et personae
– Exploiter les statistiques d’utilisation (l’analytics, l’eyetracking, le scrollmap)
– Inventer un/des personae
– Définir des scénarios utilisateurs
– Créer un parcours utilisateurs
Mise en situation : définir un/des personae

Optimiser l’ergonomie selon des critères heuristiques universels

– Définir des critères objectifs d’évaluation
– Analyser les processus de navigation
– Conduire une analyse ergonomique
Exercice : réaliser la checklist de l’audit ergonomique d’un site

Organiser et structurer l’information

– Comprendre le rôle de l’dentité visuelle dans l’ergonomie d’une interface digitale
– Élaborer une charte de navigation
– Structurer ses informations
– Déterminer son rubriquage
– Intégrer les notions de repérage, de localisation et d’orientation
– Intégrer les spécificités de la conception mobile : chartes OS, responsive Web design, Mobile First
Mise en situation : réaliser le plan du site (Tri par carte et taxonomie)

Optimiser la navigation et la gestion de contenus

– Appliquer les règles ergonomiques aux liens texte et image
– Connaître la relation entre données et indexation
– Améliorer la gestion des formulaires
– Identifier les erreurs à éviter dans la conception des formulaires
– Utiliser différents médias : textes, photos, infographies et vidéos
Etude de cas : analyse de sites web représentatifs des tendances UX

S’approprier les règles graphiques

– Utiliser la grille de conception
– Connaître les règles de construction
– Garantir le confort de lecture (mise en forme des textes)
– Choisir des couleurs ergonomiques (influences des couleurs, la notion de «Web safe»)
– Optimiser la lisibilité perceptuelle : psychologie des formes, icônes, métaphores, proprioception
Atelier : Concevoir zoning et wireframe

Définir et traduire le parcours utilisateur en maquettes conceptuelles

– Identifier les livrables
– Formaliser les spécifications
Atelier : six to one / créer des storyboards visuels

Améliorer l’accessibilité

– Tenir compte de la législation sur l’accessibilité numérique
– Se conformer aux normes de W3C
– Adapter les contenus pour les personnes malvoyantes

Chefs d’entreprises, salariés, responsable de sites Internet/Intranet, chef de projet web, infographiste, webmaster, webdesigner, responsable communication digitale,ou marketing digital, toute personne amenée à concevoir et à améliorer un site Web

Etre à l’aise avec la navigation web