Damart - Évaluation heuristique - UX Guidelines - UX Guidelines - Damart.fr - Selon les critères d'évaluation de Bastien & Scapin (1993) - Lucile ...
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
UX Guidelines – Damart.fr
Damart – Évaluation heuristique – UX Guidelines
Version 1.0 • Septembre 2018
Selon les critères d’évaluation de Bastien & Scapin (1993).
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 1
UX Guidelines – Damart.fr
Sommaire
1 Introduction
1.1 Objectifs
1.2 Préambule et méthodologie
1.3 Environnement
1.4 Champs d’action
2 Remarques générales
2.1 Le menu
• Description factuelle et impact du problème
• Recommandations
2.2 Le moteur de recherche
• Description factuelle et impact du problème
• Recommandations
• Exemplese
2.3 Les langues
• Description factuelle et impact du problème
• Recommandations
2.4 Versions mobiles
• Description factuelle et impact du problème
• Recommandations
2.5 Design graphique
• Description factuelle et impact du problème
• Recommandations
2.6 Fonctionnalités
• Description factuelle et impact du problème
• Recommandations
2.7 Zone de réassurance
• Description factuelle et impact du problème
• Recommandations
• Exemple
2.8 Newsletter
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 2
UX Guidelines – Damart.fr
• Description factuelle et impact du problème
• Recommandations
• Exemple
2.9 Damart Sport
• Description factuelle et impact du problème
• Recommandations
1. Introduction
1.1 Objectifs
Les objectifs de cette évaluation de la homepage du site Damart.fr à travers ce
document sont :
• Mettre en évidence les incohérences d'utilisabilité ,
• Respecter les normes en vigueur,
• Établir des règles d’affichage pour le contenu image et texte,
• Apporter des recommandations et « Best practices » pour une future amélioration.
L’étude est un préambule à une audit complère du site page par page.
1.2 Préambule et méthodologie
Il n’existe pas une science précise et définie concernant l’Expérience Utilisateur (UX).
Chaque projet, dans le respect des conventions en vigueur et du bon sens, comprend
ses propres valeurs, ses propres règles. Néanmoins il y a une multitude de
connaissances, d’expertises et de savoir à la disposition du UX Designer pour définir un
ensemble d’actions, de recommandations pour optimiser les projets.
Généralement, toute une série d’outils permettent d’affirmer, consolider ou modifier ces
recommandations. Pour cette étude, je m’appuierais sur les critères d’évaluation de
Bastien & Scapin (1993). Pour chaque incohérence relevée, j’exposerais des solutions ou
celles apportées par les marques concurrentielles.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 3
UX Guidelines – Damart.fr
Lors de la mission, plusieurs facteurs sont à prendre en compte :
• Conventionnel : des habitudes et utilisations définies, en partie, par le
très grand nombre d’utilisateur.
• Psychologique : des lois comme celle de proximité, de similarité
(Gestalt) font parties de la réflexion.
• Design : des couleurs harmonieuses amenées par un sens pratique, une
approche typographique intelligente et une gestion des volumes
optimisent une meilleure expérience.
1.3 Environnement
L’audit a été réalisée dans un cadre de travail de bureau, sur desktop IOS 10.11.6, 15
pouces (Google Chrome, Safari, Firefox) et sur smartphone Androïd.
1.4 Champs d’action
Ce document a plusieurs axes ou champs d’action :
• User Interface (UI) : organisation et optimisation des éléments d’interface
• Visibilité sur les différents supports (desktop, GSM)
• Animations et faisabilité technique
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 4
UX Guidelines – Damart.fr
2. Remarques générales
2.1 Le menu
Priorité
MAJEUR
Charge de travail
Brièveté et concision
Observations :
• Les catégories sont classées par type de produit
• Le menu disparaît au scroll
• L’animation au survol se répète à chaque changement de catégorie.
Recommandations :
• Pour une meilleure hiérarchie des informations, préférer un classement par genre :
Femme, Homme, Enfant, Maison, Thermolactyl, Soldes. Et ainsi éviter la répétition
des sous catégories.
• Un menu sticky aidera l’utilisateur à naviguer plus rapidement
• Supprimer l’effet de slide-up qui fatigue l’œil ou préférer une transition fade pour
plus de douceur.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 5
UX Guidelines – Damart.fr
2.2 Le moteur de recherche
Priorité
MAJEUR
Guidage
Feedback immédiat
Observations :
• Le moteur de recherche ne propose pas d’aide
Recommandations :
• Guider l’utilisateur dans sa recherche pour une auto complétion ou des
propostions au moment de taper son mot clé.
Exemples :
2.3 Les langues
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 6
UX Guidelines – Damart.fr
Priorité
MAJEUR
Adaptabilité
Flexibilité
Observations :
• Le site est uniquement en français. Il propose les sites des autres pays mais
pas une traduction du même site.
Recommandations :
• Le site doit être traduit au minimum en aglais pour pouvoir être accessible au
public étranger présent en France.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 7
UX Guidelines – Damart.fr
2.4 Versions mobiles
Priorité
BLOQUANT
Adaptabilité
Flexibilité
Observations :
• Le site n’est pas responsive
Recommandations :
• Il est necessaire de proposer une site e-commerce mobile même si la cible est
plus âgée. Les seniors sont de plus en plus sur mobile.
Certains utilisateur ne sont désormais que sur mobile. Ils auront beaucoup de mal
à acheter via smartphone et passeront à la concurrence.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 8
UX Guidelines – Damart.fr
2.5 Design graphique
Priorité
COSMÉTIQUE
Observations :
• La structure et le design est trop classique. Peu dynamique.
• Les menus manquent de contraste.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 9
UX Guidelines – Damart.fr
Recommandations :
• Moderniser l’idée veillissante du site à l’image du site C&A. Dynamiser la page.
• Contraster les menus de niveau 1 et 2.
2.6 Fonctionnalités
Priorité
Observations :
MAJEUR
• Le site ne possède pas de zone « coup de cœur »
Adaptatabilité
• L’aide n’est pas directement accessible, Flexibilité
ni le mot « aide » affiché (services).
Recommandations :
• Pouvoir mettre de coté des articles peut être une fonctionnalité intéressante pour
l’utilisateur qui flâne sur le site et note ses préférences.
• L’utilisateur se sent rassuré par un espace d’aide affiché dans le menu secondaire
et utiliser l’intitulé « Aide et services ».
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 10UX Guidelines – Damart.fr
Priorité
MINEUR
Guidage
Feedback immédiat
Observations :
• Bug d’affichage suite à l’inscription à la newsletter.
Recommandations :
• Corriger le bug et pouvoir récupérer le code d’offre des 10€ a tous moment.
2.7 Zone de réassurance
Priorité
MINEUR
Charge de travail
Actions minimales
Observations :
• Zone de réassurance en bas de page. Il faut scroller pour la voir
Recommandations :
• Une petite zone de réassurance pourrait être installée en haut de page également
qui serait un complément discret à la zone déjà existance en bas.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 11UX Guidelines – Damart.fr
Exemples :
2.8 Newsletter
Priorité
Observations :
• Offre Newsletter discrète
COSMÉTIQUE
Guidage
Incitation
Recommandations :
• En plus de la zone en haut à droite, un pop-up qui accroche l’œil et l’interet de
l’utilisateur pour les 10€ qui apparaitrait une seule fois.
Exemple :
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 12UX Guidelines – Damart.fr
2.9 Damart Sport
Priorité
MINEUR
Observations :
Guidage
• Damart Sport en haut à gauche de la page semble peu visible Incitation
Recommandations :
• La zone pourrait ressortir plus. Le test utilisateur nous confirmera si la zone est
visible pour l’utilisateur. Proposer de l’afficher dans un slider également.
Lucile VERRECCHIA – Évaluation – ULB, Bruxelles - Septembre 2018 - in/lverrecchia 13Vous pouvez aussi lire
