Façonner l'expérience utilisateur chez Zivame : une étude de cas sur la gestion des produits

Ceci est un blog invité par Udit Khandelwal.

"Le site Web est incroyable et la session était géniale ! J'adorerais revenir pour un autre tour ! - Deepika a appelé en rentrant chez elle après avoir passé une session de test d'utilisabilité chez Zivame. À partir de ce moment, Zivame allait toujours être le premier choix pour Deepika - une fière femme au foyer et entrepreneure.

Qu'avons-nous fait pour invoquer de telles émotions surréalistes chez les personnes qui magasinent avec nous ?

Eh bien, nous avons impliqué les utilisateurs à chaque étape de la conception du produit. Dans mon article Comment j'ai changé la façon dont les femmes achètent des soutiens-gorge en ligne, j'ai expliqué comment nous avons tiré parti de la recherche d'utilisateurs pour découvrir une nouvelle façon d'acheter des soutiens-gorge. Ici, je vais http://notuser.com/how-i-changed-the-way-women-buy-bras-onlinepour vous guider tout au long du voyage dans lequel nous avons réussi à tester le design avec de vrais utilisateurs, obtenu de vraies idées et mise en œuvre de la correction de cap.

Le plan de jeu

Défi
Les ressources étaient limitées, la portée était énorme et nous devions continuer à développer des conceptions progressivement améliorées.

Effort

L'ensemble du site Web devait être conçu et développé à partir de zéro dans les 5 mois. Le dernier mois était déjà réservé à toutes les activités liées aux tests, au déploiement et à la stabilité. Nous n'avions donc pas plus de 120 jours pour concevoir et développer la nouvelle expérience Zivame. J'avais entendu ce dicton quelque part :

Pas de raccourcis aujourd'hui ; Je suis pressé - proverbe suisse

… et j'ai pensé que c'était juste le bon moment pour le suivre. Nous avions besoin d'un plan de match qui n'impliquait aucun raccourci car nous ne pouvions pas nous permettre de nous tromper de voie. Par conséquent, nous avons décidé de faire ce qui suit après la fin de nos premières recherches :

• Prototypes Lo-Fi : Affiner les croquis jusqu'à ce que nous ayons fini de découvrir les failles et jusqu'à ce que nous ayons corrigé tous les flux interrompus.
• Tests formatifs : utilisez des prototypes papier pour tester avec qui vous le pouvez, chaque fois que vous le pouvez, même si c'est sur la table du déjeuner.
• Prototypes Hi-Fi : Développer un prototype interactif haute fidélité, au plus près du produit final.
• Tests sommatifs : testez-le avec de vrais utilisateurs et obtenez de véritables informations.
• Tests bêta : une dernière série de tests, sur le produit réel, avant de le remettre au monde entier.
• Itérations : chaque test a livré de bonnes et de mauvaises nouvelles (qui étaient de bonnes nouvelles). Nous devions prioriser la correction des bogues et apporter des améliorations à chaque itération.

Cours

Les tests d'utilisabilité sont une activité continue qui nécessite une planification, du temps et des ressources appropriés.

Épreuves formatives

Défi
La conception initiale n'avait absolument pas été testée et les équipes de développement nous attendaient. Il fallait leur donner quelque chose de solide, de très rapide.

Effort

Les prototypes basse fidélité fonctionnent à merveille lorsque vous souhaitez échouer plus rapidement. Ils vous aident à découvrir les défauts de conception à un stade précoce et les concepteurs eux-mêmes sont très ouverts à apporter des modifications à la conception brute. Nous avons fait la même chose à Zivame. Une fois que nous en avons terminé avec le tableau blanc, nous sommes rapidement passés à nos outils pour créer différents écrans sur l'ordinateur et avons pris des impressions pour créer des flux d'écran.

Et puis, nous avons simplement demandé à des personnes du bureau (qui correspondaient étroitement à notre personnage cible Mahi Agarwal) de réaliser certains scénarios. Chaque fois qu'ils étaient bloqués, même un instant, nous savions qu'il y avait un problème. Plus que souvent, ils nous faisaient même des suggestions, dont nous avons pris note. Nous revenions ensuite et discutions de la raison pour laquelle les utilisateurs suggéraient ce qu'ils étaient, recherchions la cause première du problème et cherchions notre propre solution.

Parfois, les tests vous indiquent non seulement ce qui ne va pas avec la conception, mais ils révèlent également de nouvelles opportunités. Par exemple, c'est lors des tests formatifs que nous avons découvert que les utilisateurs étaient capables de comprendre et d'interagir avec les notifications. Nous avons pris cela comme un signal vert et une conception pour une intégration plus forte et plus profonde des notifications.

Cours

Pour les tests, n'attendez pas le produit final ; allez-y avec n'importe quel prototype que vous pouvez vous permettre et testez avec qui vous pouvez trouver. Échouez plus vite.

Prototypes haute fidélité

Défi
Le site Web comportait plus de 300 écrans et états d'écran uniques. Mettre en place un click-through était une tâche colossale.

Effort

Nous avons d'abord défini nos objectifs et nos non-objectifs avant de construire le prototype. Cela nous a permis de réduire la portée du prototypage. par exemple. Nous voulions tester la nouvelle fonctionnalité d'achat par expérience, mais nous étions à peu près sûrs d'avoir suivi les meilleures pratiques pour le paiement, nous avons donc décidé de ne pas nous concentrer sur ce flux.

Ensuite, nous avons évalué 3 options pour construire le prototype :

1. Flash – mon préféré, je sais que j'ai l'air old-school !
2. Marvel App – parce que tout le monde va dans cette direction.
3. Invision App - concurrent de Marvel.

Maintenant, Flash a été rapidement exclu en raison des frais généraux impliqués. Marvel a en quelque sorte fonctionné, mais avait un support limité pour les superpositions, et toute ma conception était basée sur des surfaces et des superpositions. Invision m'offrait une meilleure flexibilité, j'ai donc opté pour Invision.

Cours

La portée est essentielle ; même pour un prototype.

Tests sommatifs

Défi
Le test a dû être optimisé pour échouer la conception.

Effort

Nous avons décidé d'écrire le script que nous allions utiliser lors des sessions de test d'utilisabilité. L'élément critique ici était de déterminer exactement ce qu'il fallait tester et comment. J'ai donc répertorié mes objectifs et mes non-objectifs, sur la base desquels j'ai globalement compris ce que j'allais tester.

1. Modèle mental initial - Test d'espérance
2. Utilisation réelle - Test d'exploration gratuit
3. Navigation – Test de performances
4. Affordance - Test visuel d'affordance
5. Flux de tâches – Test de performances
6. Sentiment – ​​Processus différentiel sémantique

Une fois cela fait, j'ai rapidement cartographié une technique par rapport à chaque élément de ligne, puis je suis passé aux modules sur lesquels je voulais me concentrer. Après cela, je suis passé à la définition du flux de tâches des scénarios individuels. Je n'ai pas écrit le langage des scénarios car je ne voulais pas avoir l'air raide. J'ai partagé le script ci-dessous sur Slideshare.

Cours

Utilisez un marteau pour les clous, mais un tournevis pour les vis.

Recrutement

Défi
Trouver des femmes (en Inde) qui accepteraient de participer au test d'un site de lingerie.

Effort

Nous voulions des femmes qui ressemblaient étroitement au personnage cible de Zivame, Mahi Agarwal. Nous nous sommes tournés vers les réseaux sociaux et avons fait une annonce. Nous avons demandé aux femmes d'aider Zivame à créer une expérience de magasinage exceptionnelle pour les femmes ! Beaucoup de femmes se sont manifestées et nous avons reçu un bon nombre de réponses. Non seulement cela, ils ont également invité leurs amis à participer. Et bravo aux femmes avant-gardistes comme Deepika, Subha et Aastha, qui sont allées plus loin et ont accepté de mettre un visage sur nos participantes.

Nous étions bien placés pour filtrer et recruter nos participants. Les femmes qui ont manifesté leur intérêt devaient remplir le formulaire de recrutement des participantes. Après une rapide sélection, nous avons présélectionné les participants et les avons appelés pour programmer la session avec eux.

Cours

Trouver de vrais utilisateurs n'est pas si difficile. Il suffit de le faire de la bonne manière !

Lecture suggérée

Effet libellule, Jennifer Aaker et Andy Smith

Séances de test d'utilisabilité

Défi
Parler aux femmes d'un site Web qui vend des soutiens-gorge.

Effort

Le jour J, nous étions bien préparés avec des systèmes mis en place, des copies imprimées du scénario, l'équipe était prête à jouer son rôle et les participants devaient être accueillis chaleureusement.
Nous avons commencé les séances en mettant les participants à l'aise. Nous avons commencé par quelques bavardages et de brèves présentations. Nous avons souligné l'importance de leur contribution et leur avons demandé de ne pas s'inquiéter de blesser nos sentiments et de donner des commentaires honnêtes. Afin d'éviter qu'ils ne partagent les détails de leur taille de soutien-gorge avec nous, nous nous sommes assurés de leur dire de supposer que leur taille était de 34C. Je pense que l'idée leur a plu. Nous nous sommes assurés qu'ils croyaient :

Vous n'êtes pas testé, nous le sommes !
Invariablement, chaque utilisateur souriait à ce moment-là, et nous savions que nous avions réussi à les mettre à l'aise. Tout au long de la session, nous nous sommes assurés que l' accent était mis sur les tâches (et donc sur la conception) et non sur les produits. C'est à ce moment-là que nous commencerions le flux (comme mentionné dans le PPT).

Nous avons découvert des choses assez intéressantes lors de ces tests. À notre grande surprise, aucun des utilisateurs n'a eu de difficulté à comprendre le menu "boutique" , ce qui était un grand changement par rapport à notre conception précédente. Cependant, les utilisateurs étaient confus lorsqu'ils atteignaient le sous-menu et nous savions qu'il devait être simplifié (ce que nous avons fait plus tard).
Nous avons également découvert un problème de base avec les barres de titre de nos surfaces. Les utilisateurs rencontraient des difficultés pour revenir en arrière et fermer les surfaces. Encore une fois, nous avons résolu ce problème dans notre prochaine itération.

L'une des principales découvertes concernait les boutons collants au bas des surfaces. Nous avons réalisé que parfois le bouton interrompait le flux d'utilisateurs car les utilisateurs cliquaient dessus sans lire les étiquettes ou interprétaient mal les étiquettes. Nous avons trouvé des alternatives à de telles situations.
Dans l'ensemble, les utilisateurs se sont avérés très utiles !

Cours

Les utilisateurs sont des humains, si vous les traitez bien, ils seront très utiles.

La chasse aux insectes

Défi
Nous devions nous assurer que le produit final se comportait comme prévu et prévu, et nous manquions de temps !

Effort

Il y a toujours un bon degré de différence entre le produit réel et la mise en œuvre.
Lorsque le site Web du produit bêta Zivame était prêt, nous voulions nous assurer que le produit se comportait comme prévu. Nous voulions voir si les utilisateurs étaient à l'aise d'interagir avec les contrôles de l'interface utilisateur que nous avions implémentés et nous voulions le voir fonctionner dans le monde réel.

Nous l'avons donc ouvert à tous les employés de Zivame et avons organisé un marathon d'enregistrement de bogues de 3 heures, que nous avons appelé Bug Bash. Nous avons émis un coupon qui ne fonctionnerait que sur le site Web bêta pendant 3 heures et avons demandé à tous les employés d'utiliser le coupon et de consigner tout bogue auquel ils étaient confrontés dans le formulaire Bug Bash.
Nous les avons divisés en différentes équipes et avons annoncé des prix pour les 3 meilleures équipes. Le plan a fonctionné et nous avons reçu 223 réponses de différentes équipes. Il nous a fallu 2 jours pour parcourir toute la liste et déterminer lesquels étaient authentiques. La plupart des bogues signalés étaient des doublons ou des problèmes connus, mais nous avons découvert 12 nouveaux bogues (dont 3 étaient liés à l'interface utilisateur).

Cela nous a donné un degré élevé de confiance pour publier la version bêta en externe !

Cours

Les tests ne font jamais de mal et peuvent être effectués à n'importe quelle étape.
Félicitations aux femmes, qui nous ont aidées tout au long du processus à créer une expérience de magasinage aussi fantastique chez Zivame !

Étudiez les cours de gestion de produits en ligne dans les meilleures universités du monde. Gagnez des programmes de maîtrise, Executive PGP ou Advanced Certificate pour accélérer votre carrière.

Programme en vedette pour vous : programme de certification Design Thinking de Duke CE