Les savons d'Alem

Benchmark

Une fois la cliente « étudiée », il était temps d’analyser la concurrence, directe et indirecte. Pour cela, nous avons travaillé avec l’un de nos meilleurs « amis »… Dr Google !

Il y avait beaucoup de choix : les sites dans ce secteur sont nombreux. Nous avons donc gardé seulement sept concurrents directs et sept indirects, de tailles et profils variés.

Nous avons aussi sélectionné un « jumeau » en termes de taille et de positionnement pour une comparaison directe. Cela nous a permis de créer une carte de positionnement.

Analyse Heuristique & Sitemap

Ce terme, qui peut sembler intimidant, signifie simplement analyser un produit (ici le site web) selon les dix règles d’utilisabilité pour le design d’interface, publiées par Jakob Nielsen en 1994.

Nous avons aussi comparé le plan de site du client avec celui d'un concurrent pour comprendre la sensation de navigation sur son site. Nous avions l'impression de tourner en rond.

Comme vous pouvez le constater, la navigation sur le site de notre cliente est un véritable parcours du combattant par rapport à celui du concurrent.

Notre première tâche a été de simplifier la navigation générale en recréant un plan de site plus clair.

Problèmatique

Maintenant que nous avions toutes les informations nécessaires, il était temps de définir clairement le problème que nous essayions de résoudre.

La responsable des savons d'Alem souhaite établir une relation de confiance avec ses clients via son site web, car elle veut vendre ses produits en plus des salons artisanaux.

Idéation

Lors d'une séance de brainstorming, une phrase a résonné dans nos esprits :

« Le meilleur produit, le produit phare, c'est l'artisane elle-même ! »

C'est ainsi que nous avons trouvé notre solution : mettre l'artisane en avant. Nous avons cherché à recréer autant que possible l'expérience des clients lorsqu'ils achètent ses produits directement sur le stand.

Mid-Fi Wireframe

Avec cette idée en tête, nous avons commencé par des croquis rapides, puis nous avons rapidement élaboré un wireframe...

Test d'utilisabilité

Nous avons d'abord rédigé un guide de test avec différentes tâches à réaliser, ainsi qu'un questionnaire avec des notes de 1 à 4 pour évaluer les éléments testés.

Ensuite, nous avons demandé à trois testeurs de réaliser ces tâches.

Grâce aux retours des testeurs, nous avons pu obtenir une vision plus "net" de ce qui fonctionnait et de ce qui ne fonctionnait pas.

Points positifs : la navigation, l'option de commande en tant qu'invité, la mise en avant artisanale.

Points négatifs : difficulté à identifier les valeurs au premier coup d'œil, section FAQ et informations de livraison manquantes.

Hi-Fi Wireframe

Ce que j'ai appris

L'organisation de l'équipe pour ce projet était différente de la précédente. Nous devions mieux prendre en compte les compétences de chacun et bien répartir les tâches.

Nous avons en partie échoué à ce niveau.

Un collègue s'est occupé de l'organisation générale avec une liste de tâches, un autre a géré le benchmark et les interviews des testeurs, tandis que je voulais me concentrer sur l'UI.

Cependant, cela ne s'est pas passé comme prévu. Mes collègues et moi avions nos domaines d'expertise, mais l’un d’eux n'a pas vraiment trouvé sa place dans l'équipe.

De plus, le fait d'être trois n'était pas idéal, car il y avait toujours une personne dont les idées n'étaient pas écoutées lors des séances de brainstorming.

Cette personne, c'était moi. J'ai donc fini par ne pas donner mon avis et me concentrer uniquement sur l'aspect technique du projet.

Ce sont des erreurs que je ne reproduirai pas. Si je sens que je ne suis pas écouté, j'essaierai de m'affirmer davantage !