M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.
-
Upload
florentin-floch -
Category
Documents
-
view
114 -
download
3
Transcript of M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.
![Page 1: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/1.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
L’ergonomie des Sites Web
![Page 2: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/2.jpg)
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
![Page 3: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/3.jpg)
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
![Page 4: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/4.jpg)
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
![Page 5: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/5.jpg)
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
![Page 6: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/6.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
Principes cognitifs et ergonomie
Vision fovéale (acuité > 90 %) et vision périphérique (acuité < 25 %) :
![Page 7: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/7.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
Comportement de l’oeil
Internaute novice:
![Page 8: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/8.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
Comportement de l’oeil
Internaute initié:
![Page 9: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/9.jpg)
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 »
![Page 10: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/10.jpg)
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 »
![Page 11: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/11.jpg)
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 »
![Page 12: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/12.jpg)
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. »
![Page 13: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/13.jpg)
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
![Page 14: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/14.jpg)
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. »
![Page 15: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/15.jpg)
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 »
![Page 16: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/16.jpg)
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 .
![Page 17: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/17.jpg)
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
![Page 18: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/18.jpg)
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
![Page 19: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/19.jpg)
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
![Page 20: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/20.jpg)
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
![Page 21: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/21.jpg)
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
![Page 22: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/22.jpg)
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
![Page 23: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/23.jpg)
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
![Page 24: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/24.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
La mise en page traditionnelle
Gérer l’espace
Créer des lignes de force
![Page 25: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/25.jpg)
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.
![Page 26: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/26.jpg)
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.
![Page 27: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/27.jpg)
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
![Page 28: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/28.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
Adaptation aux différents matériels
Côté serveurs
Disponibilité
Vitesse
![Page 29: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/29.jpg)
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
![Page 30: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/30.jpg)
M2 TIC & TID 2004-2005 IAE de Montpellier
Adaptation aux différents matériels
Côté serveurs
Palette de couleurs
Compatibilité
Optimisation des images
![Page 31: M2 TIC & TID 2004-2005 IAE de Montpellier Lergonomie des Sites Web.](https://reader036.fdocuments.net/reader036/viewer/2022062404/551d9d84497959293b8bf4e5/html5/thumbnails/31.jpg)
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 »