Refonte de la page de catalogue détaillée
Groupe Park Avenue, 2019
Résumé
Vision du produit
En tant que consortium automobile multimarque, GPA souhaite rendre disponible un outil comparant les variantes d’un même modèle ou de plusieurs modèles tout en fournissant des estimations de paiement réalistes, connectées en temps réel avec les offres mensuelles des manufacturiers.
Problème des utilisateurs
Les consommateurs près d’acquérir un véhicule neuf savent quelles marques ou quels modèles les intéressent et cherchent à comparer les offres des concessionnaires afin d’identifier la variante de produit qui correspond le mieux à leurs critères.
Résultat
Nous avons proposé une refonte qui simplifie le processus de comparaison tout en offrant plus de transparence et d’options de personnalisation autour des estimations de paiement.
Équipe
Designer UX/UI (moi)
Agence de développement web
Directrice marketing
Mes tâches
Coordination de projet
Recherche
Idéation
Prototypage
Plan du projet
Deux jours pour la recherche et l'idéation
Deux jours pour la conception d'un prototype
Recherche
Personas
Test utilisateur
Plusieurs sujets ont démontré des difficultés à accomplir les tâches qu’ils désiraient compléter.
- les outils de GPA ont été peu utiles dans le cadre de leurs démarches visant à comparer les produits offerts;
- les prix et estimations de paiement manquaient de clarté par rapport aux charges incluses dans le prix final.
Évaluation heuristique
L’exercice nous a permis de relever plusieurs embûches dans le parcours des utilisateurs.
Idéation
Esquisses
Un tableau de données comparant toutes les variantes d’un même modèle fournirait un point de départ pour choisir un produit.
Comment pouvions-nous rendre le tableau déjà existant plus efficace tout en composant avec l’ensemble du contenu intéractif déjà offert ?
-
Les données sont facilement comparables grâce au tableau
-
Agrandissement de l’espace accordé à l’imagerie et au contenu intéractif
-
Intégration d’un bouton Calculatrice près de chaque paiement
-
Tableau difficilement adaptable sur mobile si le nombre de variantes excède l’espace alloué
-
Ne permet pas d’identifier les différences entre chaque produit d’un coup-d’oeil
-
Imagerie pas assez vivante
-
Meilleure expérience du produit étant donné l’image du modèle en action
-
Ajout de faits saillants pour mieux distinguer les avantages de chaque variante
-
Appels à l’action visibles et multiples
-
L’ajout d’une barre de personnalisation de paiement décourage l’utilisation de la calculatrice
-
Tableau toujours difficilement adaptable si le nombre de variantes excède l’espace alloué
-
Tableau affiche trop d’informations impertinentes au processus d’achat
(concept choisi)
-
Affichage des variantes sous forme de cartes : un format compact et versatile, peu importe le nombre de cartes et le type d’écran
-
Les cartes mettent en valeur les faits saillants et caractéristiques qui permettent de choisir un produit
-
Ajout du positionnement du produit sur le marché pour indiquer à qui il s’adresse
-
Selon la quantité de données, les cartes pourraient être longues à dérouler sur mobile étant donné que l’affichage par colonnes deviendrait impossible
Prototype
Maquettes + Parcours des utilisateurs
Résultats
Comparaison de produits
La somme des changements fournit aux utilisateurs les outils nécessaires pour distinguer les variantes de chaque modèle et choisir celle qui correspond le mieux à leurs critères.
-
L’affichage des variantes sous forme de cartes permet aux utilisateurs de visualiser chaque produit et d’en distinguer les particularités tout en allouant la flexibilité nécessaire à l’affichage sur tout format d’écran.
-
Le déplacement des spécifications vers une fenêtre modale a allégé la mise en page et mis en valeur le contenu significatif.
-
L’imagerie insuffle de la vie au contenu alors que les photos agrandies ramènent les utilisateurs plus près du produit.
-
Selon la quantité de données, les cartes pourraient être longues à dérouler sur mobile puisque l’affichage par colonnes deviendrait impossible.
-
La comparaison avec un autre modèle demeure possible mais passe en second plan.
Information sur les prix et paiements
Les changements proposés fournissent des informations supplémentaires aux utilisateurs afin qu’ils puissent mieux s’informer sur les prix et montants affichés.
-
L’ajout d’un tableau détaillant les charges incluses dans le prix final du produit fournit plus de clarté et de transparence.
-
L’ajout des boutons Calculatrice près des paiements incite les utilisateurs à intéragir avec la calculatrice de paiements.
-
L’ajout du prix de chaque couleur permet de bien comprendre l’impact du choix de la couleur sur le prix final.
-
Sur un véhicule, beaucoup plus d’options influencent son prix final et, généralement, de manière plus significative. Les changements nécessaires pour intégrer ce contenu dépassent la portée du projet mais offrent une perspective de développement.
Impacts estimés
La pandémie de COVID-19 a forcé l’entreprise à revoir ses priorités et a mis fin au projet. Cependant, il nous est permis de fournir une estimation de l’impact des changements proposés.
-
Augmentation de l’engagement des utilisateurs
-
Plus de facilité à choisir un produit qui répond à tous les critères de sélection
-
Meilleure compréhension des charges incluses dans le prix final des produits
-
Plus d’interactions avec l’estimateur de paiements
-
Augmentation du sentiment de confiance envers l’entreprise