A/B Testing

Dans le cadre du cour de HCD à la Haute Albert Jacquard en section WDM il nous a été demandé de réorganiser un site de deux façons différentes selon la méthode A/B testing.

Le test A/B (ou A/B testing) est une technique de marketing qui consiste à proposer plusieurs variantes d’un même objet qui diffèrent selon un seul critère (par exemple, la couleur d’un emballage) afin de déterminer la version qui donne les meilleurs résultats auprès des consommateurs. C’est une technique particulièrement employée dans la communication en ligne où il est maintenant possible de tester auprès d’un échantillon de personnes plusieurs versions d’une même page web, d’une même application mobile, d’un même e-mail ou d’une bannière publicitaire afin de choisir celle qui est la plus efficace et de l’utiliser à large échelle.
En français, le test A/B est habituellement un terme générique pour qualifier tout type de testing. Par exemple, on englobe sous ce terme les tests A/A, A/Z ainsi que les tests multivariés (ou tests MVT). Plus il y a de trafic sur un site, plus il est possible de tester de versions simultanément.

Mais qui es-tu est une marque qui arrive de plus en plus à s’imposée dans le milieu de la mode. J’ai été étonnée de voir à quel point le site internet n’était pas à la hauteur de ce qu’on peut penser en rentrant dans le beau magasin rue de la croix. 
Pour moi, les plus gros points faibles de leur site est :

  1. Le panier en jaune sur un faune jaune, pas très lisible …
  2. Aucun icon pour représenter le panier
  3. Les réseaux sociaux ne sont pas très lisible non plus à cause de leur couleur blanche
  4. La liste des magasins est trop longue et mal organisée
  5. Footer inexistant
  6. Trop de photos d’habits un peu mal placé
  7. Typographie trop fine et pas très adaptée

Première version

J’ai d’abord voulu changer la typographie du site en lui-même. Ensuite les boutons, plus grand et plus lisible. Je les ai enlevé de la navigation étant donné que ceux-ci n’était que des ancres.
J’ai enlevé le superflu de toute la liste de leurs magasins pour la mettre premièrement dans le footer et deuxièmement dans les icon dans la navigation. Dans cette navigation j’ai également rajouté une catégorie panier, profil, favori et recherche. 
Le footer qui au-paravent était inexistant est cette fois ci bien présent.


Deuxième version

Ma deuxième version est la version améliorée de la première. Le footer est resté le même mais la navigation à diminué, j’ai choisi cette fois-ci de remettre l’essentiel, c’est à dire où les trouver et le panier. 
J’ai rajouté une photo dans le header pour que celui-ci soit moins vide. 
La typographie elle, est la même. 
J’ai également remplacé les boutons “collection femme”, “collection homme” et “collection enfant” par une navigation dans la page elle-même grâce aux deux flèches.

Like what you read? Give Pauline Gheur a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.