Human Centered Design: L’A/B Testing

INTRODUCTION

Dans le cadre du cours HCD (Human Centred Design), il nous à été demandé de réaliser un A/B testing sur le site de notre choix.

Le test A/B (ou A/B testing) est une technique de marketing qui consiste à proposer plusieurs variantes d’un même projet. Celles-ci son testées en même temps par des utilisateurs différents, et on observe celui qui a le plus de succès parmi les utilisateurs.


LE SITE CHOISI

Le site que j’ai choisi pour cet exercice est un site que j’utilise moi-même beaucoup, et sur lequel, pourtant, je me perds très facilement: DeviantArt.

DeviantArt est un site de publication d’oeuvre d’art en tout genre (de différents supports)

Analyse

Regardons ensemble ce que nous voyons en arrivant sur Deviant Art..
De haut en bas et de gauche à droite: Nous pouvons d’abord voir la barre de recherche qui vous permet de rechercher des images par mot clés, celle-ci se trouve dans la navigation. Ensuite nous retrouvons une petite navigation contenant “Shop, Mobile, More” et, directement après, nous retrouvons le bouton “Submit” qui nous permet de poster des créations. Suivi de “core membership”, le tout l’un à la suite de l’autre sans réel espacement. On pourrait dire qu’il s’agit d’un bloc entier qui pourtant propose des choses très différentes..

Sur la droite de cette navigation on retrouve le compte utilisateurs et quelques fonctionalités liées aux contacts, aux messages..

Sous cette navigation (à gauche), on retrouve la navigation principale (Browse, Watch, Notification, Notes). Celle-ci regroupe des fonctionnalités de recherche d’images , notifications et notes.

Enfin, sur la gauche, vous avez les filtres et les catégories d’images que vous pouvez rechercher.


MON A/B TESTING

Dans mes deux tests, l’objectif aura été de simplifier le site et de le réorganiser en vue d’avoir une seule navigation, qui contient seulement des éléments de navigation et non plus des fonctionnalités (comme notifications et notes par exemple).

Test A

Dans ce test-ci, la première barre verte sert uniquement pour les éléments liés à votre compte, le “submit” à été placé de façon à ce qu’on comprenne plus facilement qu’il s’agit de poster une image sur votre compte. Les notifications sont maintenant affichées sur votre avatar, et la fonctionnalité “Notes” à été ajoutée après les contacts (car cela vous concerne seulement vous).

Ensuite la navigation simplifiée est détachée, dans le but qu’elle soit évidente à comprendre immédiatement.

Les sortes et les catégories ne sont maintenant plus affichées à gauche, mais comme des menus déroulants au dessus de votre recherche. L’option recherche à été ajoutée dans ce même bloc, pour qu’on comprenne plus rapidement qu’il s’agit une recherche d’image par mots clés.

Test B

Dans ce test-ci le premier élément est la navigation simplifiée, car il s’agit d’un élément important du site , il se doit d’être clair et compréhensible.

Les éléments de recherche sont placés en deuxième position (Sorts, Catégories) toujours sous forme de menu déroulant pour ne pas se perdre visuellement.

L’option de recherche est placée juste au dessus des images recherchées pour qu’elle soit le plus proche des images recherchée (et donc que le lien entre les deux soit plus évident que dans la version originale).

Les options liées au compte sont placées à droite, sur un fond de couleur différent, afin de bien les différencier des options de recherche . (La fonctionnalité “Notes” y à été ajoutée avec la lettre N)

Like what you read? Give Olimax a round of applause.

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