ERGONOMIE

Chapitre I : Les

contraintes du Web

Pierre Terramorsi

ERGONOMIE SITE WEB

1re Partie
LES CONTRAINTES DU
WEB

ERGONOMIE

Chapitre I : Les

contraintes du Web

Pierre Terramorsi

Un site Web est utilis par des quipements htrognes, aussi bien logiciels que matriels et via des moyens de
connexions diffrents.
La conception doit tre oriente utilisateur et tenir compte des conditions suivantes :

Limites matrielles

Disparit logicielle

Difficult prvoir le comportement des visiteurs

A - Tout type de matriel
Le type de processeur, la taille de lcran, la vitesse du modem, la carte graphique sont autant dlments qui
vont quune page ne saffichera pas de la mme manire.
On considre que 78% des visiteurs nattendent pas plus de 20 secondes pour le chargement dune page.

Rduire le dlai daffichage :

Limiter lusage de graphique
Les images ne doivent pas dpasser 30Ko
Rduire la quantit de texte

Privilgier une prsentation sobre.

B - Tous navigateurs et systmes dexploitation

Il existe diffrents navigateurs et ce pour tous les systmes dexploitation :
Mozilla, Firefox, Internet Exploreur 5 6 ou 7, Safari, Opra.Ces logiciels possdent tous leur propre faon de
travailler.
Le systme dexploitation ct client est galement dterminant. (Mac os, Windows, Linux.)
Les formats tels que Flash, Acrobate Reader, Quick Time. Requirent des plug-ins qui ne sont pas
obligatoirement prsents sur les machines des internautes.
Il est donc difficile de savoir ce que le visiteur verra sur lcran.
Ex : Taille des polices de caractres.
Un PC restitue les polices avec 2 ou 3 points de plus quun Mac.
Netscape affiche des polices de plus petite taille quExplorer.
Il convient donc dutiliser une police de taille 2 ou3 (10px ou 12px).
Nanmoins un site ergonomique doit safficher correctement quel que soit le navigateur :
Vrifier la propret du code HTML.
Tester le site sur diffrentes plates-formes, diffrents crans, diffrents systmes dexploitation, diffrents
navigateurs.

ERGONOMIE

Chapitre I : Les

contraintes du Web

Pierre Terramorsi

Statistique utilisation des navigateurs

2007
Novembre
Octobre
Septembre

IE7
21.0%
20.7%
20.8%

IE6
33.6%
34.5%
34.9%

IE5
1.6%
1.5%
1.5%

Fx
36.3%
36.0%
35.4%

Moz
1.2%
1.3%
1.2%

S
1.8%
1.7%
1.6%

O
1.8%
1.6%
1.5%

W2000
5.1%
4.9%
5.4%

Win98
1.0%
0.9%
0.9%

Vista
6.3%
5.6%
4.5%

W2003
2.0%
1.9%
2.0%

Linux
3.3%
3.3%
3.4%

Linux
3.9%
3.9%
3.9%

1024x768
54%

800x600
14%

640x480
0%

Inconnu
6%

Statistique utilisation Plateformes

2007
Novembre
Octobre
Septembre

WinXP
72.8%
73.9%
74.3%

Rsolution dcran
2007
Janvier

+Grand
26%

C - Tout utilisateur
Le comportement des utilisateurs dun site Web est diffrent et difficile prvoir.
Les dbutants mettront plus de temps accder linformation alors que les confirms rechercheront une
navigation classique : menu daccs direct, moteur de recherche, plan du site
Personnes handicapes.
Suivant les cibles du site, on pensera une ergonomie particulire permettant laccs pour les personnes
dficientes visuelles ou auditives.
Ex : pour les mal voyants tailles des polices, visibilit des couleurs, outil loupe, alors que les non voyants
navigueront certainement en mode texte.
Doc : http://www.braillenet.org
1

Tests dutilisabilit :
Tests effectus sur une maquette statique du site.
Un panel dindividus ralise des actions dtermines en fonction des services
proposs par lapplication Web.
Leurs comportements sont enregistrs, puis analyss pour ressortir les lacunes du
site et modifier lergonomie.
Daprs certaines tudes, 85% des problmes peuvent tre identifis avec un groupe
de 5 personnes de mme profil.
Ex : Pour un site universitaire sadressant aux tudiants mais aussi aux professeurs,
deux groupes dutilisateurs seront tests : 5 tudiants et 5 profs.

1. Utilisabilit :
Lutilisabilit est la mesure de
la facilit avec laquelle les
utilisateurs peuvent interagir
avec un outil informatique.
Site Web :
Lutilisabilit sera la mesure de
la simplicit de navigation et
daccs linformation