m2 tic & tid 2004-2005 iae de montpellier lergonomie des sites web

M2 TIC & TID 2004-2005 IAE de Montpellier

L’ergonomie des Sites Web

M2 TIC & TID 2004-2005 IAE de Montpellier

Introduction (définitions)

• Ergonomie: « mise en œuvre de connaissances scientifiques nécessaires pour concevoir des outils d’usage facile pour les utilisateurs»

• Utilité: capacité du site à répondre aux attentes des utilisateurs

• Utilisabilité: facilité d’utilisation

M2 TIC & TID 2004-2005 IAE de Montpellier

Introduction (Plan)

1. Utilité de la démarche ergonomique pour les sites Web

2. Le cas des sites marchands

3. L’utilisabilité des sites Web

M2 TIC & TID 2004-2005 IAE de Montpellier

Utilité d’une démarche ergonomique

faciliter l’utilisation des sites

intérêts commerciaux: fidélisation, réduction des coûts, investissement relativement faible

M2 TIC & TID 2004-2005 IAE de Montpellier

Production d’un site ergonomique

• Quels objectifs ?

• Nécessité de prendre en compte certains facteurs

• Les différentes étapes

• Les responsables

M2 TIC & TID 2004-2005 IAE de Montpellier

Principes cognitifs et ergonomie

Vision fovéale (acuité > 90 %) et vision périphérique (acuité < 25 %) :

M2 TIC & TID 2004-2005 IAE de Montpellier

Comportement de l’oeil

Internaute novice:

M2 TIC & TID 2004-2005 IAE de Montpellier

Comportement de l’oeil

Internaute initié:

M2 TIC & TID 2004-2005 IAE de Montpellier

Psychologie de la perception visuelle

Conséquences:

importance des espaces vides

ne pas surcharger les pages

utiliser des informations « intéressantes »

M2 TIC & TID 2004-2005 IAE de Montpellier

Cas particulier des sites marchands

« L’ergonomie lors du processus d’achat »

« Point primordial trouver facilement le produit : L'ACCESSIBILITE »

« S'adapter aux besoins du client : problématique de la personnalisation »

M2 TIC & TID 2004-2005 IAE de Montpellier

Cas particulier des sites marchands

Gestion de la transaction

« Repérage instinctif »

« Déroulement de l'acte d'achat en séquences courtes »

« Clarté des prix, disponibilités ,modalités logistiques »

« Gestion d'un panier virtuel »

M2 TIC & TID 2004-2005 IAE de Montpellier

Cas particulier des sites marchands

1. Les schémas cognitifs de l'utilisateur

« Internet une bibliothèque aux rayons infinies ? »

« Nous ne sommes pas tous égaux devant le site »

« …La prise en compte de ces schémas de pensée est nécessaire lors de l'élaboration du site. »

M2 TIC & TID 2004-2005 IAE de Montpellier

Cas particulier des sites marchands

2. Les points d'entrée des sites commerciaux

Importance des portails (le point de départ de navigation favori)

Le référencement dans les moteurs de recherche

Le référencement dans les annuaires

M2 TIC & TID 2004-2005 IAE de Montpellier

Cas particulier des sites marchands

3. Les comportements de recherche

recherche par mots clés

recherche catégorielle descendante

recherche catégorielle descendante

accès direct à une destination

navigation de proche en proche ou contingente

« ... Adapter son offre à cette typologie. »

M2 TIC & TID 2004-2005 IAE de Montpellier

Cas particulier des sites marchands

« Lors du processus d’achat, l’ergonomie joue donc un rôle fondamental »

M2 TIC & TID 2004-2005 IAE de Montpellier

Utilisabilité des sites Internet

• Définition : l'utilisabilité est la capacité d'un système à permettre à ses utilisateurs normaux de faire efficacement ce pour quoi ils l'utilisent .

M2 TIC & TID 2004-2005 IAE de Montpellier

Les caractéristiques d'un système utilisable

2. Perception facile de l'état du système

3. Repérage et Compréhension des commandes du système

4. Prévisibilité des commandes

5. Efficience du système

1. Perception immédiate du but d’un système

M2 TIC & TID 2004-2005 IAE de Montpellier

Les caractéristiques d'un système utilisable

6. Confort du système et opérabilité des commandes

7. Sensation de contrôle sur le système

8. Prévention et gestion d’erreurs

9. Fiabilité et sécurité du système

10. Plaisir engendré par l'utilisation du système

M2 TIC & TID 2004-2005 IAE de Montpellier

Le style rédactionnel dans la conception Web

Voir : mécanisme instantané

Lire : mécanisme demandant un effort conscient

≠

Les gens lisent 25% moins vite sur un écran que sur papier

M2 TIC & TID 2004-2005 IAE de Montpellier

Le style rédactionnel dans la conception Web

• Permettre au visiteur de repérer l’information qu’il recherche

• Hiérarchiser l’information

• Respecter les règles typographiques

• Adopter un style pratiquement télégraphique

M2 TIC & TID 2004-2005 IAE de Montpellier

Analyse des tâches

Objectif : prévoir les tâches que les utilisateurs auront à effectuer.

Analyse en 3 étapes:

• Définitir des tâches principales

• Hiérarchiser les tâches

• Chaque tâche doit être décomposée en actions

M2 TIC & TID 2004-2005 IAE de Montpellier

Ergonomie et structuration des sites

Le site : structuration de l’information

Les pages : optimisation visuelle, reflet de la structure du site

M2 TIC & TID 2004-2005 IAE de Montpellier

Structuration de l’information

Regrouper les informations

Structure : stratégie de tâches et objectifs de communication

Intitulation des sections

M2 TIC & TID 2004-2005 IAE de Montpellier

La mise en page traditionnelle

Gérer l’espace

Créer des lignes de force

M2 TIC & TID 2004-2005 IAE de Montpellier

L'oeil a tendance à s'arrêter sur le cercle noir que forme le bout du porte-voix, et ensuite à suivre ce dernier vers la pointe.

M2 TIC & TID 2004-2005 IAE de Montpellier

L'oeil balaie spontanément dans le sens du pinceau, allant du bout des poils jusqu'à la zone floue et revenant, sentant qu'il n'y a plus rien à voir en haut à gauche.

M2 TIC & TID 2004-2005 IAE de Montpellier

La mise en page Web

Définitions de la page et du site

Balisage de la navigation

Identification des zones

Intitulé des liens

M2 TIC & TID 2004-2005 IAE de Montpellier

Adaptation aux différents matériels

Côté serveurs

Disponibilité

Vitesse

M2 TIC & TID 2004-2005 IAE de Montpellier

Adaptation aux différents matériels

Côté client

Vitesse de connexion

Résolution de l’écran

M2 TIC & TID 2004-2005 IAE de Montpellier

Adaptation aux différents matériels

Côté serveurs

Palette de couleurs

Compatibilité

Optimisation des images

M2 TIC & TID 2004-2005 IAE de Montpellier

CONCLUSION

« L’ergonomie ne se cantonne pas seulement à des considérations techniques »

« A long terme, les sites trop difficiles à utiliser mourront simplement »