Conception d'expériences
CASTELLO
Équipe
Rosalie Bea : Recherche UX, Design UI, chargée de projet
Marilou Bergeron : Recherche et analyse UX
Mathieu Guimond : Design UI
Année
2020
Chaque conte qui a marqué et qui continue de marquer les enfants est inventé par des adultes qui ont eux aussi toujours leur imaginaire. Nous croyons que tout le monde est toujours habité par sa magie d’enfant, cette magie qui nous permet de nous évader, de jouer, de faire la fête avec les gens qu’on aime. Chez Castello, on laisse la place à cet imaginaire-là.
​
Ce mandat consistait à améliorer l'architecture, la navigation
et le visuel du site web de Castello afin de mieux répondre
aux besoins des utilisateurs.
Restructuration de
l'architecture du site web
et nouvelle conception
Grâce à une analyse concurrentielle, l'équipe a pu déterminé que Castello ressortait du lot grâce à;
​
-
Son expertise
-
Son service très personnalisé et humain, privilégié avec le client
-
L’expérience immersive en magasin
-
La variété des services connexes
-
Le prix abordable de ses produits
Nos méthodes
Par une méthode entonnoir, nous avons débuté nos recherches par le sondage visant la population en générale, pour nous faire une vision d’ensemble des utilisateurs, des habitudes, de leurs motivations et de leurs préférences d’achat de jeux.
Ensuite, nous avons utilisé le Fly on the Wall, directement en boutique, pour se rapprocher des utilisateurs directs de Castello, et de mieux cibler nos profils. Cela nous permettait aussi de pouvoir comprendre l’ambiance et de constater l’expérience utilisateur sur place.
Par la suite, nous voulions comprendre les habitudes des utilisateurs sur le site web, et le pourquoi, les intentions plus profondes de leurs besoins, c’est pourquoi nous avons fait un Shadowing avec narration.
Nos grands constats
Suite à toutes nos recherches, on a vraiment pu établir 6 grands constats qui a donné une ligne directrice pour la suite du travail.
Immersion
L’expérience de Castello en boutique est une expérience immersive. Ce n’est pas le cas sur le site internet, qui fait très entrepôt. On dénote un grand décalage entre l’expérience utilisateur en ligne qui semble froide, terne et corporative, comparé à l’expérience utilisateur en magasin, qui nous emmène réellement dans un autre univers chaleureux.
Tangibilité
Les utilisateurs aiment regarder et manipuler les jeux et jouets qu’ils veulent acheter.
Navigation
La navigation du site internet ne se fait pas de manière fluide et intuitive ce qui peut créer de la frustration chez l’utilisateur et même l’empêcher de terminer sa tâche sur le site.
Services offerts
Les autres services à part la boutique en ligne (comme l’organisation de fête et les services aux écoles) ne sont pas mis en valeur sur le site internet. L’utilisateur peut facilement passer à côté sans même jamais savoir que ces types de services existent.
Accès à l’expertise
Les utilisateurs préfèrent aller en magasin pour avoir accès à l’expertise et au très bon service à la clientèle des commis. Sur la boutique en ligne il est très difficile de parvenir à avoir les renseignements et peut créer de la frustration.
Visibilité de l’entreprise
Malgré son expertise dans le milieu de la vente de jouets et son offre intéressante comparativement aux concurrents en ce qui s’apparente au monde des jeux et des jouets, Castello n’est vraiment pas très connu par rapport à ses compétiteurs.
Compréhension du public
Profil 01
Le parent
25-40 ans - Travailleurs professionnels
-
Trouver des idées cadeaux adaptés à son enfant
-
Se simplifier la vie lors de l'organisation d'un anniversaire
-
Savoir exactement ce qu'il achète
L’Éducatrice/Enseignante
22-65 ans - Travailleurs professionnels
​
-
Recevoir un service fiable d’emprunt de jeux pour assurer une variété à son groupe d’enfant
-
Recevoir des conseils adéquats d’experts
-
Faire vivre une expérience agréable et sécuritaire à son groupe d’enfant
Profil 02
Organisateur
évènementiel
25-65 ans - Travailleurs professionnels
​
-
Avoir un prix intéressant pour l’organisation festive
-
Avoir une garantie de service efficace et professionnel
-
Pouvoir organiser un événement sans problématique ou perte de temps
-
Retrouver toute l'information nécessaire au même endroit de façon rapide
Profil 03
Profil 04
Jeune adulte fan
de jeux de société
19-30 ans - Étudiant ou jeune professionnel
​
-
Passer du bon temps entre amis-es
-
C’est un connaisseur, il veut avoir un bon prix et une sélection variée
-
Trouver et acheter facilement sur le site, avec un délai de livraison rapide
-
Il s’attarde aux avis et aux critiques de jeux par les joueurs
Ce qu’on peut comprendre de ces différents types de profils c’est que :
-
Le client arrive avec une tâche généralement prédéfinie;
-
On ne veut pas perdre notre temps, on veut accomplir la tâche de façon efficace sans avoir à se compliquer la vie;
-
Si le service et l’expérience sont au rendez-vous, l'entreprise voit un engagement accru de l'utilisateur, car ce sont des tâches qui sont récurrente à moyen et à long terme.
Arborescence actuel
du site web
Les problématiques
ciblées
En produisant l'arborescence du site web actuel, l'équipe a noté :
​
-
Une surabondance globale, autant au niveau graphique qu’informatif, avec plusieurs répétitions de pages non nécessaires
​
-
Des services connexes mal présentés et difficiles à atteindre pour avoir toute l’information désirée
​
-
L’organisation des catégories non adéquates créant la confusion chez les différents utilisateurs
Nouvelle arborescence
Nous recommandons
-
Simplification
Il était primordial de faire tout d’abord un travail de simplification générale, en supprimant des accès à des pages en double, et en ne gardant que l’essentiel. Un gros travail à été fait, notamment, en haut et pied de page en allégeant ceux-ci, avec de nouveaux regroupements par exemple.
​​
-
Hiérarchisation
De plus, nous avons classé les informations sous degré d’importance, pour ne garder seulement ce qui semblait essentiel aux besoins de nos utilisateurs. En réduisant les données, cela permet de mettre en valeur davantage celles qui sont les plus utilisées, c’est-à-dire : la boutique en ligne, l’organisation de fêtes, les services aux écoles et garderies, et l’expérience sur place.
​​
-
Meilleure libellisation
Pour pallier à la problématique des catégories et permettre un meilleur référencement, nous avons complètement optimiser les titres des catégories et grâce à un tri de carte, nous avons pu enlever certains nominaux ou en regrouper d’autres, pour arriver à un résultat optimal.
Création de wireframes
Le squelette de notre site internet étant simplifié, il fallait revoir sa navigation en créant un interface simple, ergonomique où nos utilisateurs pourront se concentrer sur leur tâche sans perte de temps. Nous avons opté pour une réflexion de design responsive, en débutant la création par le site mobile et en l’adaptant au site complet. Cela nous a permis de facilement déceler les manières les plus intuitives de présenter les éléments.
​
Sur chaque page, nous avons une hiérarchie d’informations claires
aux emplacements définis, permettant d’avoir un ordre logique dans la lecture des éléments, et redonner le sentiment de contrôle à nos utilisateurs. Nous avons aussi placé la barre de recherche et le “nous joindre” en mode paralax, de manière à être toujours accessible, peu importe la tâche et l’emplacement sur la page. Nous avons créé des commandes et des libellés faciles à localiser, de bonne grandeur avec un espace de dégagement autour, afin de faciliter leur utilisation. Puis, pour aider la compréhension de l’objectif de nos icônes, nous avons ajouté la description de ceux-ci par leur action plutôt que de décrire l’élément comme tel.
Conception finale