Analyse des problèmes ergonomiques du site http://www.welcomeoffice.com/ selon les critères de Bastien et Scapin Les problèmes identifiés et les recommandations correspondent aux zones surlignées en rouge. Guidage / incitation Page d accueil : il n y a pas de mise en couleur de la rubrique accueil qui permet de se situer par rapport au menu / pas de titre de la page significatif. Désorientation de l utilisateur Ajouter un titre explicite dans le navigateur (exemple : Welcome Office Accueil) et colorer la rubrique dans le menu supérieur. Ergonomie analyse d un site / Page 1 sur 16
Guidage / incitation Lors de l entrée d un numéro de téléphone : le numéro ne marche pas avec des espaces car le format est strict pour être ajoutée à la base de données. Mais il n y a pas de traduction formelle pour l utilisateur. Perte de temps, incompréhension sur l erreur commise Proposer un champ de formulaire pré- formaté avec le format adéquat et les valeurs acceptables (nombre de caractères numériques possibles) Ergonomie analyse d un site / Page 2 sur 16
Guidage / groupement distinction par le format Quasiment tous les éléments sont cliquables et il est difficile de différencier visuellement les rubriques cliquables et non cliquables. La souris se transforme en doigt sur les zones cliquables mais tous les liens ne sont pas symbolisés par un message «cliquez ici» ou un symbole visuel. L utilisateur ne sait plus où cliquer Revoir le graphisme pour différencier les images ou les textes cliquables et non cliquables En rouge les zones non cliquables. Ergonomie analyse d un site / Page 3 sur 16
Guidage / groupement distinction par le format et par la localisation L architecture des informations est mal conçue, notamment les niveaux et le regroupement des rubriques : - il y a trop de rubriques dans le bandeau supérieur (17, voir capture d image précédente). - Les catégories des rubriques présentées dans le menu supérieur comportent 2 niveaux différents. Du niveau 1 avec par exemple «ramettes papier» «cartouches» «informatique» et du niveau 2 avec des rubriques enfant de «fourniture bureau» comme «classement» «petites fournitures», «écritures et correction», etc. - Cette incohérence rend difficile la compréhension du menu de gauche : tantôt nous sommes dans une sous catégorie du menu, tantôt dans le niveau supérieur. Compréhension de l architecture du site longue pour le visiteur. Des situations de désorientation nombreuses où l utilisateur est perdu. Revoir l architecture des informations et réaliser un nouveau menu supérieur avec moins de rubriques (à voir avec des test utilisateurs / un tri de carte) Ergonomie analyse d un site / Page 4 sur 16
Guidage / incitation Une action commande rapide qui permet de rentrer directement les références des produits souhaités existe mais elle est accessible via le menu «espace catalogue» donc difficilement trouvable. Perte de temps, risque de rater cette fonction. Faire apparaître cette rubrique ailleurs dans l interface. Ergonomie analyse d un site / Page 5 sur 16
L hyperlien «Fourniture bureau» au dessus du Incohérence. menu supérieur renvoie à la page d accueil : l utilisateur s attend en cliquant à se retrouver à la rubrique fourniture bureau. Signifiance des codes et dénomination Ce lien ne sera plus nécessaire si l architecture du menu supérieur est revue. Le lien est d ailleurs inutile puisqu il existe d autres possibilité de revenir à la page d accueil : à supprimer. En rouge les zones qui permettent de revenir à la page d accueil. Ergonomie analyse d un site / Page 6 sur 16
Signifiance des codes et dénomination Sur les page «Liste de Produits Personnalisée», «Liste d'achats déjà Commandée, etc. : le bouton retour renvoie à la page personnel «espace personnalisé» alors que le visiteur s attend à revenir à la page précédente visitée. Désorientation de l utilisateur sur sa situation dans le site et perte de temps Renommer le bouton : «retour à mon compte» Ergonomie analyse d un site / Page 7 sur 16
Le titre utilisé pour la page d accueil en haut de la Perte de temps. page du navigateur est trop long et non significatif : «Fournitures de bureau : papeterie, mobilier de bureau, cartouches d'encre, consommables... Charge de travail / brièveté Sur la plupart des pages du navigateur, les titres sont trop longs et redondant par rapport au fil d Ariane : o Achat Fournitures de bureau - Ecrire et corriger - Welcome Office o Achat Fournitures de bureau - Cahiers, blocs etc - Welcome Office Perte de temps, confusion. Nommer la page : «Welcome Office Acceuil» A noter que les titres actuels ont sans doute pour objectif d améliorer le référencement en théorie. (mais il existe d autre moyen). Renommer les titres des pages avec maximum 5 mots Ergonomie analyse d un site / Page 8 sur 16
Homogénéité Manque / cohérence d homogénéité Les informations / rubriques du menu supérieur et du menu de gauche ne sont pas dans le même ordre et les intitulés ne sont pas identiques pour une même rubrique Nous avons par exemple : «courrier», «classement», «petites fournitures», «écritures et correction», «cahiers et agendas», «équipement de bureau» pour le menu supérieur alors que le menu de gauche nous avons : «courrier, expédition» «cahiers, bloc, etc.», «écrire et corriger», «classement», «petites fournitures», «équipement bureau». Donner des noms identiques aux rubriques et les présenter dans le même ordre. Ergonomie analyse d un site / Page 9 sur 16
Homogénéité Les engagements ne sont pas cliquables alors qu'il ressemble à un menu Manque d homogénéité Supprimer le faux menu engagement et présenter les informations dans la page principale.. Ergonomie analyse d un site / Page 10 sur 16
Des informations sont souvent présentées en double: Supprimer les informations en par exemple «recalculer» sur la page panier» double. Densité informationnelle Charge de travail Surcharge informationnelle à l écran :. Ergonomie analyse d un site / Page 11 sur 16
L ajout d articles ne fait pas apparaître le panier, son Relation entre les actions contenu ou un message qui confirme l ajout de utilisateur et la réponse du l article : l utilisateur sait uniquement qu il a un système non formalisée ; nombre total d articles dans la partie supérieure de la convient peu à des fenêtre ou qu il a tel nombre d articles de la page dans utilisateurs novices. son panier. Contrôle Explicite - Actions explicites Afficher un message de confirmation «article ajouter au panier» ou afficher le panier avec son contenu sur une partie de la page (par exemple partie de droite) Ergonomie analyse d un site / Page 12 sur 16
Pour la page aide, incohérence entre les actions souhaitées Ne propose pas une et les réponses proposées : réponse souhaitée ou Quand l utilisateur sélectionne une question, elle peut satisfaisante pour renvoyer à la FAQ, ou à une page de contact, ou encore à l utilisateur. l ensemble des conditions générales de vente. Contrôle Explicite - Actions explicites Distinguer les questions qui nécessitent de contacter l entreprise, celles qui proposent des solutions concrètes + revoir les réponses qui renvoient vers les 22 articles des CGV et proposer de vrai réponse. Ergonomie analyse d un site / Page 13 sur 16
Contrôle Explicite - Actions explicites L utilisateur peut cliquer sur le moins de l article choisi et croire que l article va être supprimer du panier ce qui n est pas le cas. De plus cette possibilité est incohérente car on ne peut pas ajouter 0 article à un panier. Relation entre les actions utilisateur et les réponses du système peu clair et non possible Supprimer la possibilité de mettre à 0 un article. Ergonomie analyse d un site / Page 14 sur 16
Contrôle Explicite - Contrôle de l utilisateur Il n est pas possible de supprimer totalement son adresse de facturation ou de créer plusieurs adresses pour la livraison ou la facturation. Pas de possibilité d annuler l action. Donner la possibilité de créer plusieurs adresses et de les supprimer. Ergonomie analyse d un site / Page 15 sur 16
Gestion des erreurs Pas d explication sur les erreurs qui sont symbolisés par un point d exclamation) Difficile pour l utilisateur de trouver son erreur Mieux préparer les champs (format spécifique pour téléphone, code postale; etc.). Proposer des aides plus précises. Ergonomie analyse d un site / Page 16 sur 16