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