• Aucun résultat trouvé

Cours informatique gratuit – Cours et formation gratuit

N/A
N/A
Protected

Academic year: 2022

Partager "Cours informatique gratuit – Cours et formation gratuit"

Copied!
3
0
0

Texte intégral

(1)

ERGONOMIE

Chapitre I :

Les contraintes du Web

Pierre Terramorsi

1

ERGONOMIE SITE WEB 1 ère Partie

LES CONTRAINTES DU

WEB

(2)

ERGONOMIE

Chapitre I :

Les contraintes du Web

Pierre Terramorsi

2

Un site Web est utilisé par des équipements hétérogènes, aussi bien logiciels que matériels et via des moyens de connexions différents.

La conception doit être orientée utilisateur et tenir compte des conditions suivantes :

ƒ Limites matérielles

ƒ Disparité logicielle

ƒ Difficulté à prévoir le comportement des visiteurs A - Tout type de matériel

Le type de processeur, la taille de l’écran, la vitesse du modem, la carte graphique sont autant d’éléments qui vont qu’une page ne s’affichera pas de la même manière.

On considère que 78% des visiteurs n’attendent pas plus de 20 secondes pour le chargement d’une page.

ƒ Réduire le délai d’affichage :

ƒ Limiter l’usage de graphique

ƒ Les images ne doivent pas dépasser 30Ko

ƒ Réduire la quantité de texte Privilégier une présentation sobre.

B - Tous navigateurs et systèmes d’exploitation

Il existe différents navigateurs et ce pour tous les systèmes d’exploitation :

Mozilla, Firefox, Internet Exploreur 5 6 ou 7, Safari, Opéra….Ces logiciels possèdent tous leur propre façon de travailler.

Le système d’exploitation côté client est également déterminant. (Mac os, Windows, Linux….) Les formats tels que Flash, Acrobate Reader, Quick Time…. Requièrent des plug-ins qui ne sont pas obligatoirement présents sur les machines des internautes.

Il est donc difficile de savoir ce que le visiteur verra sur l’écran.

Ex : Taille des polices de caractères.

Un PC restitue les polices avec 2 ou 3 points de plus qu’un Mac.

Netscape affiche des polices de plus petite taille qu’Explorer.

Il convient donc d’utiliser une police de taille 2 ou3 (10px ou 12px).

Néanmoins un site ergonomique doit s’afficher correctement quel que soit le navigateur : Vérifier la propreté du code HTML.

Tester le site sur différentes plates-formes, différents écrans, différents systèmes d’exploitation, différents navigateurs….

(3)

ERGONOMIE

Chapitre I :

Les contraintes du Web

Pierre Terramorsi

3

1. Utilisabilité :

L’utilisabilité est la mesure de la facilité avec laquelle les utilisateurs peuvent interagir avec un outil informatique.

Site Web :

L’utilisabilité sera la mesure de la simplicité de navigation et d’accès à l’information Statistique utilisation des navigateurs

2007 IE7 IE6 IE5 Fx Moz S O

Novembre 21.0% 33.6% 1.6% 36.3% 1.2% 1.8% 1.8%

Octobre 20.7% 34.5% 1.5% 36.0% 1.3% 1.7% 1.6%

Septembre 20.8% 34.9% 1.5% 35.4% 1.2% 1.6% 1.5%

Statistique utilisation Plateformes

2007 WinXP W2000 Win98 Vista W2003 Linux Linux

Novembre 72.8% 5.1% 1.0% 6.3% 2.0% 3.3% 3.9%

Octobre 73.9% 4.9% 0.9% 5.6% 1.9% 3.3% 3.9%

Septembre 74.3% 5.4% 0.9% 4.5% 2.0% 3.4% 3.9%

Résolution d’écran

2007 +Grand 1024x768 800x600 640x480 Inconnu

Janvier 26% 54% 14% 0% 6%

C - Tout utilisateur

Le comportement des utilisateurs d’un site Web est différent et difficile à prévoir.

Les débutants mettront plus de temps à accéder à l’information alors que les confirmés rechercheront une navigation classique : menu d’accès direct, moteur de recherche, plan du site…

Personnes handicapées.

Suivant les cibles du site, on pensera à une ergonomie particulière permettant l’accès pour les personnes déficientes 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 Tests d’utilisabilité 1 :

Tests effectués sur une maquette statique du site.

Un panel d’individus réalise des actions déterminées en fonction des services proposés par l’application Web.

Leurs comportements sont enregistrés, puis analysés pour ressortir les lacunes du site et modifier l’ergonomie.

D’après certaines études, 85% des problèmes peuvent être identifiés avec un groupe de 5 personnes de même profil.

Ex : Pour un site universitaire s’adressant aux étudiants mais aussi aux professeurs, deux groupes d’utilisateurs seront testés : 5 étudiants et 5 profs.

Références

Documents relatifs

• elle est valide pour toutes les figures manipulées par l’éditeur graphique (rectangle, cercle, ligne, triangle) ainsi que tout type de figure ajouté dans le futur. • la

A l'heure actuelle, les deux implémentations les plus utilisées de Javascript, respectent la spécification d'ECMAScript, tout en y ajoutant des spécificitées

The Modula Series is available in multiple enclosure types: 32x32 enclosures for routing up to 32x32 per signal type, skewed enclosures that provide a cost-effective solution

Dans le cas d'une feuille de style transformant un document XML en document HTML, cette nouvelle règle implicite pourrait être

Dans le cas où vous installez MySql ailleurs que dans le répertoire C:\MySql, n'oubliez pas de créer un fichier C:\MY.CNF, copie du fichier MY.INI en n'oubliant pas d'indiquer

Pour le dialogue entre le client et le serveur, nous utilisons deux objets : l'objet RESPONSE et

Cliquer sur « diaporama » dans la barre de menu et ensuite sur « transition », le volet avec les différentes transitions s’affiche :.  Sélectionner une transition,

Si la valeur propre est double (c'est-à-dire si elle est une solution de multiplicité deux de l'équation de Laplace), alors on a un système ou deux équations sont superflues, et