Design et ergonomie d'un site Web

Fiche pédagogique

• Publics : chefs de projets (MOA/MOE), concepteurs, web designers, webmasters.
• Durée : 3 jours.
• Objectifs : identifier les enjeux liés au webdesign et les spécificités de l'environnement Web ; connaître les règles d'ergonomie et de design d'un site Web.
• Méthodes pédagogiques : alternance d'apports théoriques et d'exercices. La formation laisse une large part aux exemples en ligne et aux exercices pratiques (analyse de sites existants).
• Prérequis : connaissance générale des concepts, des services et de la terminologie de l'Internet ; pratique du navigateur.
• Fiche pédagogique (PDF)
• Fiche pédagogique (TXT)

Contenus de la formation

La durée et les contenus de cette formation peuvent être adaptés pour répondre à vos objectifs de formation spécifiques. Pour toute question concernant la formation "Design et ergonomie d'un site Web", merci de nous contacter.

Design : concepts et enjeux

• Design : définition
• Ergonomie et utilisabilité
• Les facteurs de satisfaction et de fidélisation
• Les enjeux liés au design d'un site

Les spécificités du Web : 4 facteurs à prendre en compte

• Un environnement technique non contrôlé par le concepteur
• Un public large : des usages diversifiés
• Une "concurrence" permanente...
• Un nouveau média...
• Les spécificités des sites intranet et extranet

Structure du site et architecture de l'information

• Les différents types de contenus
• L'organisation des contenus
• Les schémas d'organisation
• La structure/l'arborescence du site
• Les libellés
• Démarche projet et méthodes
• Recommandations concernant la structure du site

La page d'accueil

• Le rôle de la page d'accueil
• Recommandations concernant la page d'accueil

Le système de navigation

• Les différents modes d'accès à l'information
• Les 3 questions fondamentales
• Le système de navigation
• Recommandations concernant le système de navigation

Les liens hypertextes

• Liens hypertextes : fonctions et caractéristiques
• Le caractère explicite des liens
• La signalétique des liens
• Le positionnement et la pertinence des liens
• Recommandations concernant les liens hypertextes

Les fonctions de recherche et les aides à la navigation

• Le système de recherche
• La recherche en texte intégral
• La recherche sur des contenus structurés
• Le plan du site et l'index du site
• Les Faq et les pages d'aide
• Recommandations concernant les fonctions de recherche et les aides à la navigation

Mise en page, couleurs et typographie

• Les composantes de la page
• L'organisation visuelle de la page
• La largeur des pages
• La longueur des pages
• Les rapports texte/image
• La perception des couleurs
• L'utilisation des couleurs
• Les contrastes
• La typographie
• La constance
• L'impression des pages
• Recommandations concernant la mise en page, les couleurs et la typographie

Les éléments graphiques et multimédias

• L'utilisation des éléments graphiques
• Les formats d'images
• L'utilisation des éléments multimédias
• Les formats multimédias
• Les animations
• L'iconographie
• Recommandations concernant les éléments graphiques et multimédias

La conception des formulaires

• Les 5 composants d'un formulaire Web
• Les principaux problèmes rencontrés
• Recommandations pour la conception des formulaires

Le temps de chargement des pages

• Une cause primaire de satisfaction/d'insatisfaction
• Les facteurs qui influent sur le temps de chargement

Le respect des standards

• Les standards de navigation
• Les standards de facto
• Les standards techniques

L'accessibilité du site

• Définition de l'accessibilité
• Le handicap en France
• Les WCAG, un standard international
• Au-delà du handicap...

Design et référencement

• Les bonnes pratiques selon Google
• Le modèle documentaire

Utilisabilité 2.0

• Interfaces "riches" et développements Ajax
• Les contraintes spécifiques à prendre en compte

Évaluation et tests de l'interface

• Que teste-t-on ?
• Quand teste-t-on ?
• L'évaluation heuristique
• Les principes heuristiques
• Les tests utilisateurs