Comment transformer l'expérience utilisateur en conception UX
Les tests d'utilisation ne doivent pas nécessairement être compliqués. Il existe des dizaines d’options pour une équipe de conception qui souhaite tester à distance ses solutions. Pour le prouver, nous avons repensé Japper , à l’aide de tests d’utilisabilité à distance.
Nous avons effectué des tests d’utilisabilité à distance car ils sont rapides et abordables. Tous ces tests n’ont pas été contrôlés, ce qui signifie que les utilisateurs les ont utilisés dans le confort de leur foyer. Bien que cela nous donne moins de contrôle, cela donne des résultats plus naturels. Parce que leurs réactions ont été enregistrées, nous les avons encouragés à réfléchir à voix haute.
Il est essentiel de comprendre qu'il n'y a pas d'approche magique unique. Il existe un large éventail de tactiques allant des études en laboratoire de convivialité aux simples enquêtes par courrier électronique, et elles ont toutes leur heure et leur lieu. Nous avons effectué un test d’utilisabilité à distance car il établit un bon équilibre entre rapidité, précision et coût.
Dans cet article, nous expliquerons pourquoi la recherche qualitative est importante, expliquons les idées et montrons comment elles ont été intégrées au nouveau design.
Comment aborder l'analyse qualitative
En ce qui concerne l'analyse qualitative, vous ne pouvez pas simplement demander aux utilisateurs de parler de leurs expériences.
Comme Jakob Nielsen, associé du groupe Nielsen Norman, fait remarquer , vous ne devriez jamais écouter que ce que les utilisateurs disent. La mauvaise approche consisterait à créer quelques dessins et à demander aux utilisateurs ce qu’ils aiment le plus - les utilisateurs n’ont pas essayé la conception, ils ne peuvent donc que commenter ce qu’ils voient à la surface.
La bonne approche consiste à regarder ce que font les utilisateurs et à leur demander le strict minimum Question de simplicité , ce qui est la suivante: «La tâche était-elle facile ou difficile?» Cela permet de réduire les biais et d’atteindre les résultats de l’analyse UX: comment les utilisateurs ont-ils accompli leurs tâches? Notre enregistrement d'écran a également capturé l'audio (puisque nous avons encouragé les gens à réfléchir à haute voix), car sinon, il est facile de comprendre pourquoi certains comportements se sont produits.
Comment nous avons analysé les vidéos utilisateur
Des modèles distincts sont apparus dans les vidéos des interactions des utilisateurs avec le site Web Yelp. Sans surprise, nous avons appris que la barre de recherche était l'une des plus essentielles et faciles à utiliser. Bien entendu, cela a du sens, car Yelp est essentiellement un moteur de recherche d'entreprise avec quelques fonctionnalités sociales supplémentaires. Cependant, d'autres fonctionnalités ne sont pas aussi intuitives que vous le verrez ci-dessous.
Leçon 1: La barre de recherche était le point de départ préféré
Les cinq participants au test se sont largement appuyés sur la barre de recherche, même pour les tâches qui pouvaient facilement être effectuées en parcourant les catégories (comme trouver un bon restaurant ou un bar sans avoir de critères spécifiques). En fait, quatre des cinq participants se sont rendus directement dans la barre de recherche pour trouver un restaurant. Un seul utilisateur a commencé à parcourir les catégories et les a rapidement trouvées "accablantes" et ont fini par retomber sur la barre de recherche.
Il est important de mentionner que dans nos instructions de test, nous avons demandé aux utilisateurs de «trouver» un restaurant, et non de «rechercher» un restaurant, car nous voulions observer comment ils accompliraient naturellement cette tâche sans les orienter vers une fonction spécifique.
Il est intéressant de noter que lorsque les utilisateurs ont reçu des paramètres spécifiques (comme le budget, l’ambiance et le type de restaurant ou le nom d’une entreprise individuelle), ils ignorent presque toujours tout sur la page d’accueil, à l’exception de la barre de recherche. Dans notre nouvelle conception, nous nous sommes assurés que la barre de recherche était la caractéristique la plus visible.
Leçon 2: Les événements ne sont pas très visibles
Dans une tâche, nous avons demandé aux deux utilisateurs sans compte Yelp de trouver un événement intéressant dans leur région ce week-end. Nous voulions savoir s'ils utiliseraient l'onglet événements en haut de la page.
Étonnamment, personne n'a utilisé l'onglet Événements . Lorsqu'on leur a demandé de trouver un événement intéressant dans leur région ce week-end, un participant a utilisé la barre de recherche tandis que l'autre naviguait dans la catégorie arts et divertissements dans la meilleure section de Yelp .
Étant donné que la tenue d'événements est une partie importante des activités de Yelp, notre nouvelle conception consiste à extraire la section des événements de la barre latérale et à l'intégrer au parchemin principal.
Leçon 3: Les signets étaient déroutants et personne n'utilisait de listes
Nous étions curieux de voir comment les utilisateurs choisiraient de sauvegarder les emplacements pour référence ultérieure. Dans Yelp, il existe deux manières de procéder: les utilisateurs disposant de comptes existants peuvent soit marquer un emplacement, soit créer une liste. Nous avons simplement demandé au groupe 1 (trois utilisateurs disposant de comptes Yelp) de "sauvegarder" un certain nombre de sites à consulter ultérieurement afin que notre libellé ne mentionne aucune fonctionnalité susceptible de fausser leurs actions.
Parmi les trois utilisateurs qui ont reçu cette tâche:
- On a sauvé les entreprises en utilisant des signets mais s'est plaint que le processus prenait beaucoup de temps
- On a commencé à sauver des entreprises en utilisant des signets mais on a abandonné parce que cela prenait trop de temps
- On n'a pas réussi à savoir comment sauver des entreprises et abandonné la tâche
Les deux utilisateurs qui ont utilisé des signets les deux ont fait remarquer Il serait intéressant de pouvoir créer un signet pour une entreprise à partir de la page de résultats de recherche, plutôt que d’avoir à consulter chaque page séparément.
Il serait intéressant de permettre aux utilisateurs d’avoir une méthode plus simple et plus intuitive d’enregistrer les entreprises pour qu’elles puissent y revenir plus tard. Nous avons donc ajouté une fonctionnalité de sauvegarde en un clic dans la nouvelle conception. Cette nouvelle fonctionnalité vous permet de sauvegarder une entreprise directement depuis la page de résultats sans plonger plus profondément.
Leçon 4: Il est rapide et facile de rechercher un lieu spécifique
Les cinq utilisateurs ont été chargés de trouver une entreprise spécifique et de savoir s’il était ouvert à un moment donné. Ils ont tous réussi cette tâche et ont jugé la tâche «très facile». Comme mentionné précédemment, tous les cinq ont utilisé la barre de recherche pour accomplir cette tâche.
Puisque la recherche d'une entreprise spécifique fonctionne si bien, nous avons décidé que la fonctionnalité ne nécessitait aucune modification.
Leçon 5: Les photos sont le premier choix pour déterminer l'ambiance
Lorsqu'on leur a demandé de trouver un restaurant avec une certaine ambiance, aucun des cinq utilisateurs n'a tenté d'utiliser la barre de recherche. Au lieu de cela, trois les utilisateurs ont regardé à travers des photos du restaurant sur Yelp, l'un a visité le site Web du restaurant et le dernier a déclaré que les symboles de prix ($, $$, $$$, $$$$) étaient suffisants pour indiquer si le restaurant avait la bonne ambiance.
Cela a soulevé deux points de vue:
- Les photos sont une partie essentielle de l'expérience de Yelp et sont essentielles pour que les utilisateurs puissent choisir une entreprise.
- Pour éviter d'encombrer l'interface, la solution pourrait être aussi simple que d'agrandir les photos lorsque vous accédez à la page de résultats de recherche.
Leçon 6: Les utilisateurs ont utilisé des filtres, mais ils doivent être revus
On a demandé aux cinq utilisateurs de trouver un restaurant pour un groupe de 15 personnes, trois des cinq participants ont utilisé le filtre « Bon pour les groupes» , un autre a utilisé la fonction «Créer un dossier» et a trouvé un restaurant.
À un autre moment, un utilisateur a tenté sélectionner deux catégories pour filtrer ses résultats, mais l'un de ses choix a disparu lorsqu'il a cliqué sur l'autre.
Bien que les filtres soient importants, nous avons appris qu'ils pourraient être grandement améliorés. Pour creuser plus profondément, nous avons décidé de lancer un type de carte sur toutes les options de filtrage actuelles de Yelp pour déterminer celles qui sont réellement utiles aux utilisateurs.
Pour la nouvelle conception, nous avons décidé de classer les catégories de filtres en groupes de quatre en fonction de la manière dont les utilisateurs les hiérarchisaient. Par exemple, nous avons appris que «Ouvrir maintenant» et «Accepter les cartes de crédit» faisaient partie des filtres les plus importants, mais qu’il fallait plusieurs clics pour y accéder.
Leçon 7: Les catégories de prix n'étaient pas claires
Lorsque les utilisateurs cherchaient le restaurant avec des paramètres spécifiques, l’une des exigences était de trouver un restaurant avec un budget de 20 $ / personne. Deux des cinq utilisateurs ne savaient pas si leur budget de restaurant de 20 $ tomberait dans la catégorie $, $$ ou $$$. Un utilisateur a déclaré ne pas savoir ce que les symboles signifiaient, et un autre a cliqué sur la mauvaise catégorie. Les trois autres ont correctement choisi la catégorie $$.
La définition des symboles ne s'affiche pas lorsque les utilisateurs sélectionnent des filtres. il ne s'affiche que lorsque l'utilisateur navigue sur la page d'un restaurant particulier. Étant donné que les attentes en matière de prix sont très subjectives, les utilisateurs n’avaient aucune idée de la catégorie qu’ils devaient choisir.
Dans la refonte, nous avons résolu ce problème en plaçant les valeurs exactes entre parenthèses à côté des symboles. Cela est particulièrement utile lorsque vous passez d'une catégorie à une autre, puisque $$ a une signification différente si vous choisissez un joint mécanique ou burger.
Conception pilotée par des idées d'utilisabilité
Une fois le moment venu de concevoir, nous avons suivi une approche basée sur les dernières étapes de Conception de Google Ventures processus. Le PDG d'UXPin, Marcin Treder, a commencé par de nombreuses esquisses informelles avant qu'une décision de l'équipe ne contribue aux 2 à 3 croquis. Pour empêcher la conception par le comité, Marcin avait le dernier mot en ce qui concerne les esquisses qui pourraient évoluer vers le fil de fer et le prototypage.
Nous avons créé une structure filaire pour incorporer la plupart des modifications de conception, puis ajouté des interactions et des animations pour en faire un prototype basse fidélité. Une fois les animations lissées, nous avons ajouté des détails pour un prototype haute fidélité.
Prototypes basse fidélité
Prototypes haute fidélité
Déterminer toutes les dimensions de la facilité d'utilisation
Ce que les utilisateurs disent et ce que font les utilisateurs doivent servir de freins et de contrepoids lors des tests des utilisateurs. Bien que vous n'ayez pas besoin d'être nécessairement présent pendant le test, un enregistrement audiovisuel est obligatoire, sinon vous risquez de manquer le contexte des actions. Lorsque vous combinez l'analyse qualitative avec l'analyse quantitative, vous aurez une idée encore plus claire de la raison et de la manière de résoudre un problème, ainsi que du nombre de problèmes de convivialité que votre conception doit résoudre.