Atelier

Ergonomie
Des sites web
2GI

AYOUB IHYADN 2GI

Atelier 2 : Appliquer les règles de l’ergonomie Web pour

optimiser les pages

I. Reliez par flèche chaque règle avec sa définition:

Compréhension Vitesse d’interaction

Apprentissage externe du site

Organisation visuelle

Apprentissage interne du site

Accessibilité

Structuration de l’espace
Rapidité

Structuration du contenu
Architecture

Cohérence Aide implicite & explicite

Bon choix de mots et symboles dans un

Convention site

Facilité d’accès visuel et technologique

Assistance

Page1|4
 Atelier
Ergonomie
Des sites web
2GI

II. Identifier la règle appliquée dans chacune des pages suivantes :

1)

Dans cette page la règle appliques et la gestion des erreurs puisque on avertit
l’utilisateur chaque fois qu’il commet d’erreur dans l’un des éléments de la forme
ou c’est le champ est obligatoire.
2)

Page2|4
 Atelier
Ergonomie
Des sites web
2GI

Page3|4
 Atelier
Ergonomie
Des sites web
2GI

C’est la règle d’information puisqu’on voit bien la bonne présentation

de toutes informations nécessaires pour l’utilisateur de manière à ce
qu’il les détecte facilement et rapidement.

3)

C’est de la règle de compréhension puisque le web site utilise des symboles

menés de libelles pour montrer bien ces fonctionnalités à l’utilisateur.

4)

C’est la règle d’Assistance puisque le web site aide l’internaute on lui donnant le
choix soit d’accéder au panier soit de continuer ses achats.

5)
Page4|4
 Atelier
Ergonomie
Des sites web
2GI

C’est la règle de rapidité, en effet cette page permet la conversion rapide de n’importe qu’il
devis a une autre et le résultat appariât instantanément dès le choix des devis.

Page5|4
 Atelier
Ergonomie
Des sites web
2GI

III. Modifier le code de cette page web afin d’optimiser son ergonomie.

La page suivante permet de présenter les statistiques du coronavirus au Maroc quotidiennement.

1) Analyser le code de cette page, puis proposer une solution permettant de mieux
présenter les données.

On remarque un problème au niveau de présentation des de l’information

surtout les données relatives aux différents nombres, qui apparaissent sans
importance et l’utilisateur trouvera des difficultés pour les consulter.

Aussi pour la partie « Plus d’info » on voit que les liens apparaissent justes
comme des textes réguliers alors qu’il faut montrer qu’ils sont cliquables.

La solution c’est par exemple donner une couleur significatif à chaque nombre
et aussi augmenter la taille d’écriture, et pour les liens il s’agit de les souligner
pour montrer qu’ils sont cliquables.
2) Quelle est la règle appliquée après changement
La règle appliquée est celle d’information puisque on a diminué le temps de
réflexion et de recherche de l’information pour l’utilisateur.

Page6|4
 Atelier
Ergonomie
Des sites web
2GI

Page7|4