Projet : ACTIMAG
Actimag est une service de vente de produits Apple pour les passionnées de technologie. A ses clients Normands Actimag propose aussi cinq magasins stationnaires et trois point SAV agréés Apple. Il permet d’acheter des produits aux meilleurs prix et en cas de besoin de profiter d’un service de réparation de la plus haute qualité garantie. Mon rôle concernait le redesign UX et la co-conception d’un nouvel UI pour le magasin. J’ai réalisé la partie UI de ce projet en binôme avec un graphiste. J’ai aussi collaboré avec un chef de produit et une équipe technique afin de finaliser ce projet
Par des raisons de confidentialité je ne peux pas dévoiler d’information concernant les modes de travail d’Actimag et les problématiques de ce projet.
AVANT
après
MON RÔLE
Mon rôle concernait le redesign UX et la co-conception d’un nouvel UI pour le magasin. J’ai réalisé la partie UI de ce projet en binôme avec un graphiste.
J’ai aussi collaboré avec un chef de produit et une équipe technique afin de finaliser ce projet.
Phase de recherche
User research et Personas
Avant de commencer le processus de design je veux toujours bien connaître mon client, son produit, ses attentes et buts, ainsi que le groupe cible. Pour ce projet j’ai reçu une bonne documentation, mais afin d’encore élargir ma connaissance des clients d’Actimag, j’ai amplement recherché sur Internet et dans des groupes thématiques sur Facebook. J’ai ainsi identifié certains types de clients Apple, avec leurs doutes, leurs problèmes et besoins.
J’ai également visité un des magasins stationnaires afin de découvrir qui sont les principaux acheteurs de produits Apple à Caen. Cette visite m’a aussi permis de vérifier en personne l’identité visuelle de Actimag.
Sur la base de mes découvertes j’ai créé ensuite quelques personas de base :
(exemple d’une persona crée pour ce projet)
Recherche
Après la création des personas je suis passé au benchmark de la source – la page web d’Apple. Je l’ai regardé avec mon partenaire graphiste et ai très rapidement constaté, que j’avais beaucoup à apprendre – il se déplaçait sur le site avec beaucoup plus d’aisance que moi. La raison était clair et simple – il était fan des Mac et iPhone, alors que moi j’ai toujours été une utilisatrice de PC et Android. J’ai donc consacré un peu de temps à me familiariser avec les produits Apple, afin d’identifier les règles d’utilisation d’un produit basé sur Mac Os et iOs. J’ai ensuite très vite compris la logique du site apple.com.
Audit
Quand j’étais satisfaite de l’ensemble de mes observations, j’ai utilisé mes études pour auditer l’ancienne boutique en ligne d’Actimac (à côté des heuristiques de Nielsen). J’ai retenu beaucoup de mes découvertes.
Benchmark concurrentielle
J’ai ensuite comparé plusieurs sites d’autres revendeurs Apple populaires afin de tirer de l’inspiration et des conclusions.
User Testing (phase 1)
Afin de confirmer et approfondir mes recherches j’ai demandé à quelques uns de mes amis (fanatiques d’Apple) de me donner leur opinion et de faire quelques manipulations simples sur site officiel d’Apple, l’ancienne boutique et sur un site de la concurrence. J’ai compilé toutes mes analyses sous la forme d’une liste des bonnes pratiques et des erreurs fréquentes.
Phase de design
Brainstorming, atelier de co-conception et wireframes
Muni de toutes mes observations j’ai commencé un atelier de co-conception avec mon binôme pour ce projet – un graphiste. Je lui ai présenté mes découvertes et nous avons, en utilisant plusieurs techniques de brainstorming, créé une liste des solutions possibles aux problèmes définis.
Au cours de notre atelier, j’ai produit de nombreuses esquisses de wireframes de basse qualité qui nous ont permis de visualiser nos idées plus facilement et ainsi de mieux planifier le layout des pages. Vu que ce projet était conçu sous CMS Prestashop, nous avons rencontré plusieurs contraintes techniques, mais avons réussi à designer la version finale qui était conforme à toutes les exigences du client et garantissait une navigation fluide et intuitive.
Nous avons décidé de garder une palette des couleurs simple et un layout épuré au maximum afin de s’approcher de l’esthétique Apple et celle des magasins Actimag stationnaires.
Maquettes
Après notre session de co-conception le graphiste a créé une maquette graphique de la page d’accueil avec Photoshop, afin de la présenter au client.
User Testing (phase 2)
J’ai vérifié les maquettes et, avant de les envoyer au client, je les ai montrées à quelques collègues de bureau. Afin d’obtenir l’effet le plus proche de la version finale possible j’ai utilisé InVision pour visualiser la maquette sur portable. Cela m’a permis d’identifier quelques axes de correction et de donner plus de fluidité à mon projet.
REMARQUES FINALES
Challenges
En tant qu’utilisatrice PC/Android j’ai eu l’occasion d’apprendre beaucoup sur le design et l’UX flow d’Apple. C’était une expérience très enrichissante !
Le plus grande défi a été de s’approcher au maximum du design Apple, de sa simplicité et de sa pureté, mais en même temps d’y mettre beaucoup d’informations. Le site Actimag devait avoir beaucoup plus d’éléments que le site officiel Apple (sélection des produits, destockage et promotions, information sur les magasins stationnaires, SAV, comparateur, etc).
Tout le projet a été une grande expérience d’apprentissage. J’ai particulièrement aimé les sessions de brainstorming et de co-conception avec notre graphiste. Les wireframes fait à la main nous ont permis de changer rapidement entre les conceptions et idées pour créer le meilleur produit final possible.
surprises
J’ai été surprise de découvrir que les utilisateurs attendaient une certaine logique des sites de reseller. Ils s’irritent très vite s’ils ne trouvent pas certains éléments tout de suite. Nous avons vite identifié que, afin de combler ses attentes, nous devions proposer un produit facilement identifiable en tant que reseller, mais avec une experience UX similaire à celle d’Apple.
Résultats
La nouvelle version du magasin a été lancé au début du mois d’avril. Au moment de création de ce portfolio, il n’est en ligne que depuis un mois. Les résultats ne sont donc pour l’instant pas concluant. Les tests utilisateurs ont cependant montré que la nouvelle version parait beaucoup plus intuitive, élégante et digne de confiance aux utilisateurs du plus grand groupe cible. Le magasin a aussi noté que plus de visites proviennent d’utilisateurs hors de Normandie (environ 39%) et que plus d’utilisateurs reviennent sur le site afin de finaliser leur achat.
Pendant le premier mois de fonctionnement du site, le magasin a enregistré environ 7% d’augmentation des visites récurrentes.