L/O/G/O

Evaluation ergonomique des sites WEB:L'Oreal Vs Nivea

Mme.BENMILOUD

Réalisés par :

Ouarahmoun soukaina Zhani mohammed

Encadrée par

Ecole Nationale de l’Industrie Minérale

IHM 2

Le corpus2

Evaluation ergonomique3

Conclusion4

1 Introduction

PLAN

IHM

INTRODUCTION

Site agréable et reposant

Interactif

Bien organisé

Clair

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

3

IHM 4

LES CRITÈRES

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

8 critères ergonomiques de Bastien & Scapin

1. guidage 2. charge de travail 3. contrôle explicite 4. adaptabilité 5. gestion des erreurs 6. homogénéité/cohérence 7. signifiance des codes et dénominations 8. compatibilité

IHM 5

L’OréalIntitulé : L’OréalPropriétaire du site : L’Oréal groupeType du site : InstitutionnelAdresse : http://www.loreal.fr

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

PRÉSENTATION DES SITES

IHM 6

Le CorpusEvaluation

ergonomique

Résultat

L’Oréal présente l’ensemble de ses marques

appartenant au groupe. Nous avons plusieurs

versions de langue du site.

Il y a une présentation des nouvelles et des

relations médias (communiqués).

Une partie du site est consacrée à la recherche.

La page d’accueil s’ouvre sur les dernières

actualités du groupe.

IHM 7

NiveaIntitulé : NiveaPropriétaire du site : NiveaType du site : InstitutionnelAdresse : http://www.nivea.fr

PRÉSENTATION DES SITES

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 8

C’est un site conventionnel

avec une barre d’outils en

haut, une page d’accueil.

Nivea présente ses produits

et sa marque. Selon les pays

sélectionnés l’interface

change

Ce site est

interactif avec

des rubriques

conseil et

magazine.

IHM 9

Une partie actualitéla présentation du groupe.

Les rubrique: « contact », « plan du site »

Le règlement, les conditions et les droits.

Le site a un but informatif pour donner une bonne image et attirer les clients à travers la présentation des marques et des produits.

Une couleur dominante: le bleu pour Nivea le prune pour l’Oréal

Une structure carrée centré au milieu de la page

dentifiant en haut à gauche de la page d’accueil.

service des langues.

COMPARAISON GLOBALE: Points communs

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 10

Une différence au niveau de plusieurs rubriques

L’Oréal présente les marques/ Nivea présente ses produits.

Plus de contenu et chez l’Oréal,

Différents niveaux de contacts

L’Oréal: la possibilité de postuler pour un poste. disponibilité de toute les informations nécessaires

Nivea s’intéresse à la recherche des navigateurs puisqu’il met en place un service «newsletter »

l’Oréal a un site plus dynamique que Nivea. Et enfin, une

couleur dominant chez Nivea (bleu) et deux chez l’Oréal (le prune et la couleur de

l’animation)..

COMPARAISON GLOBALE: Traits différenciateurs

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 11

l’Oréal, la couleur dominante est le prune et la typographie est en blancNivea, la couleur dominante est le bleu et la typographie est blanche aussi.

Lisibilité

Le critère est respecté pour le site de l’Oréal, Cependant le site de Nivea ne permetpas ce feed-back.

Feed-back

GUIDAGE

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 12

Pour les 2 sites les informations sont groupées par rubrique, ce qui permet d’arriver directement à l’information recherchée

Groupement

GUIDAGE

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 13

dans les 2 sites, des indices spécifiques sont indiqués à l’internaute

Incitation

GUIDAGE

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 14

Le Corpus Evaluation ergonomique Résultat

Brièveté

LA CHARGE DE TRAVAIL

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 15

l’Oréal respecte ce critère, car bien qu’il y ait beaucoup d’informations sur les pages, elles sont structurées et claires, ce qui ne présente pas une charge.

Nivea met beaucoup d’informations aussi sur les pages, mais il y a trop de renvois, ce qui entraîne des pertes de repères.

Densité de l’information

LA CHARGE DE TRAVAIL

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 16

Dans les deux sites les utilisateurs ont un contrôle sur leurs actions puisque l’on peut par exemple passer l’introduction, et il y a des boutons « valider » pour les formulaires à remplir.

LE CONTRÔLE EXPLICITE

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

17

Flexibilité Flexibilité Les deux sites respectent ce critère car il y a possibilité de changer de langue et d’accéder à des informations par plusieurs chemins

L’ADAPTABILITÉ

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 18

L’ADAPTABILITÉ

IHM 19

L’ADAPTABILITÉ

IHM 21

Lorsque nous ne remplissons pas correctement les champs et que nous validons, un massage rouge s’affiche au début du formulaire.

LA GESTION DES ERREURS

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 22

lorsque nous ne remplissons pas correctement les champs et que nous validons, un quadrant rouge s’affiche auteur du champ erronés.

LA GESTION DES ERREURS

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 23

Il est bien homogène car il utilise les mêmes couleurs et les mêmes polices partout, et place toujours le menu au même endroit quelque soit la page.

HOMOGÉNÉITÉ/COHÉRENCE

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 24

Nivea n’est par contre pas très cohérent car certaines rubriques ont des noms différents sur le plan du site et sur la page d’accueil. De plus, les pages ne sont pas structurées de la même manière.

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

HOMOGÉNÉITÉ/COHÉRENCE

IHM 25

HOMOGÉNÉITÉ/COHÉRENCE

IHM 26

SIGNIFICATION DES CODES ET DES DÉNOMINATIONS

IHM 27

l’interface est compatible avec le public visé puisque c’est un public dynamique, jeune, qui connaît donc les NTIC

COMPATIBILITÉ

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

IHM 28

Elle ne respecte pas ce critère ergonomique car son interface n’est pas vraiment adéquate, il n’est pas assez dynamique et il est trop complexe.

Introduction

Le Corpus

Evaluation

ergonomique

Conclusion

COMPATIBILITÉ

IHM 29

les sites web de grands groupes de cosmétiques sont de véritables vitrines de rêve et de luxe.

La sobriété et le haut standing passe par un design élaboré et soigné.

Dans cette analyse comparative, nous avons une nette attirance pour le site de l’Oréal: esthétisme, facilité de navigation indéniable grâce à l’organisation de son contenu.

CONCLUSION

IHM 30

• http://www.loreal-paris.fr

• http://www.nivea.fr/

• www.ergologique.com

• Cours IHM de Madame BENMILOUD

LA BIBLIOGRAPHIE