ergonomie web, première approche
DESCRIPTION
Une introduction à l'ergonomie de site web et à ses évolutions.TRANSCRIPT
ELISABETH DE PABLO 1
TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET
ORGANISATIONSERGONOMIE WEB
CIM404A
Novembre 2013
ELISABETH DE PABLO 2
ERGONOMIE
Ergonomie ?
Etude des relations entre l’homme et la machine
>> savoir d’une façon quasi instinctive, comment utiliser un outil, un logiciel, un site web...
>>adapter les outils, les logiciels, les sites web afin de faciliter leur utilisation
ELISABETH DE PABLO 3
ERGONOMIE WEB
Un site efficace pour l’utilisateur où il trouve facilement ce qu’il est venu chercher
L’utilisateur est donc le sujet principal
On sait que :
- la majorité des internautes ne lit pas les contenus,- ils explorent visuellement les pages d’un site,
- la lecture est plus lente sur écran,- l’œil survole et attrape les informations
prégnantes qui l’intéresse
ELISABETH DE PABLO 4
ERGONOMIE WEB
Compte tenu du fait, qu’un bon nombre de sites proposent des informations similaires, il est nécessaire que, dès les premières secondes d’interaction avec un site, les utilisateurs fassent le choix conscient ou inconscient de rester sur ce dernier.
On retrouve ici les notions clefs décrites dans : Stratégie de contenu à savoir :
concision, utilité, utilisabilité.
ELISABETH DE PABLO 5
ERGONOMIE WEB
- Site « Ergonomie web » de l’université de Pau : http://web.univ-pau.fr/~lompre/introduction/introduction.htm
- Ergonomie de site web (le site du livre) : http://ergonomie-sites-web.com/
- Article sur Comment ça marche.net : http://www.commentcamarche.net/contents/1255-ergonomie-d-un-site-web
- Les 30 concepts de l’utilisabilité par Sébastien Billard :http://s.billard.free.fr/referencement/?2007/10/23/433-30-concepts-cles-de-lutilisabilite
ELISABETH DE PABLO 6
ERGONOMIE WEB
- Site « Ergonomie web » de Romain Boyer : http://www.ergonomie-web.com/
- Ergonomie web, les mythes et légendes ont la vie dure : http://blog.academy-ecommerce.com/ergonomie-web-les-mythes-et-legendes-ont-la-vie-dure
OUI mais les temps changent et les supports aussi.
Il faut maintenant intégrer l’ergonomie liée au support nouvelle génération à savoir les tablettes et les smartphones, aux différentes cultures, ...
ELISABETH DE PABLO 7
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Les dernières études portant sur les usages font apparaître les principales grandes erreurs de conception.
Ref. Article de la Social NewsRoom, Les 9 principales erreurs des sites d'infos : le point de vue d'un web-designer par Marc Botte
Cet article nous renvoie sur le site d’Andy Rutledge, on peut y lire, un article très documenté sur le fait que bien souvent les sites n’accordent pas assez d’importance à leur design :http://andyrutledge.com/news-redux.php
ELISABETH DE PABLO 8
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Mais là encore il faut relativiser !
- Le site Krysalid nous propose 10 conseils d’ergonomie basés sur des études de recherche : http://www.kryzalid.net/blog/2010/09/23/10-conseils-d-ergonomie-bases-sur-des-etudes-de-recherche/
A lire car très bien documenté notamment : - http://www.uie.com/articles/three_click_rule/ - http
://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
- etc.
ELISABETH DE PABLO 9
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Mais là encore il faut relativiser !
Nous ne sommes pas tous égaux devant un écran pour des raisons techniques, physiques et culturelles.
- Seomix propose un bon article d’introduction : « Ergonomie, pourquoi est-ce si difficile ? » : http://www.seomix.fr/ergonomie-adoption/
Sur la culture et le design :http://www.hongkiat.com/blog/design-websites-that-communicate-across-cultures/
ELISABETH DE PABLO 10
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Culture & Design
A consulter sur ISSUU, le très bon ouvrage « Lost in translation, designing across cultures » par M.Keene
http://issuu.com/pddinnovation/docs/lost_in_translation
Et consultez le livre de Ronnie Lipton : «Designing across cultures »
ELISABETH DE PABLO 11
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Test Utilisateur
On parle de test ergonomique ?
http://blogue.infoglobe.ca/2011/08/23/le-test-dutilisabilite%C2%A0-quelle-utilite/
Consultez le ppt réalisé par Manuela Papino, ingénieur de recherche (université de Poitiers)
http://fr.slideshare.net/digital_infocom/test-utilisateur-par-manuela-papino
ELISABETH DE PABLO 12
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Qu’en est-il des checks lists ?
Le site OPQUAST (Open Quality Standard) vous propose une liste de 217 bonnes pratiques sous licence creative commons, à télécharger sous forme de fiches en français et en anglais, n’hésitez pas !
- http://checklists.opquast.com/fr/oqs-v2
Une fois votre site terminé, OPQUAST vous propose également de tester votre site gratuitement.
Egalement en vidéo sur : http://www.dailymotion.com/Opquast#video=xq3nxn
ELISABETH DE PABLO 13
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Alors comment s’en sortir ?
Rester objectif, simple, clair, efficace, prêt de vos utilisateurs, sans oublier de mettre à jour vos informations régulièrement et de sans cesse vous informer sur les nouvelles pratiques liées au nouveau support !
Vous trouverez de très bons articles de références sur les sites suivants :
- Nielsen Norman Group, Evidence-Based User Experience Research, Training, and Consulting
ELISABETH DE PABLO 14
ERGONOMIE WEB, VERS DE NOUVELLES NORMES ?
Se documenter sans cesse
- Bien faire le web (Open Web Group) : http://openweb.eu.org/
- Faire de la veille sur le site ERGOLAB, qui propose notamment deux articles de Bastien & Scapin :
http://www.ergolab.net/articles/criteres-ergonomiques-1.php
http://www.ergolab.net/articles/criteres-ergonomiques-2.php