Contenu
Cet article a été initialement publié dans le numéro 216 du magazine .net, le magazine le plus vendu au monde pour les concepteurs et les développeurs Web.
Lorsque le site du magazine .net a été relancé, avec un nouveau design et un contenu plus régulièrement mis à jour, une exigence était que le nouveau site présente mieux les articles pour encourager le clic. Mais quel format serait le meilleur?
Une approche typique est le style de blog, où vous avez une liste linéaire des derniers articles. Il peut y avoir une vignette, un titre et une brève description de l'article. Cependant, l'équipe souhaitait utiliser une disposition de grille moins lourde en texte et potentiellement plus facile à numériser.
C’est là que nous sommes intervenus chez Nomensa. Nous avions déjà effectué des tests d’utilisation sur les premiers wireframes de la page d’accueil, et nous pouvions être convaincus que les gens seraient satisfaits de la vue en grille. La mise en page doit encourager la numérisation et faciliter les décisions, avons-nous raisonné. Une disposition en grille occupe moins d'espace vertical et, comme chacun sait, les gens ne lisent pas en ligne de toute façon. La disposition de la grille graphiquement plus riche devrait être un slam dunk, non?
Il y avait un sentiment inquiétant que ce ne serait peut-être pas le cas, nous devions donc trouver une réponse. Demander aux gens n’allait pas vraiment aider ici; ce n’est pas une question de préférence, c’est une question de performances. C'est aussi un cas où demander à quelqu'un de réfléchir à sa préférence pourrait le changer.
Nous avions besoin d'une méthode quantitative qui permettrait de suivre un grand nombre de personnes et d'évaluer leurs décisions pour deux versions différentes. Nous avons donc opté pour le test A / B de deux vues différentes, la liste et la grille.
L'étape suivante consistait à utiliser Google Analytics pour discerner toute différence entre les vues de liste et de grille. Il existe une caractéristique particulière d'Analytics qui en fait un excellent compagnon de GWO: les segments avancés.
L'application d'un segment avancé revient à filtrer les données analytiques sur une variable particulière. Il existe de nombreuses options. Par exemple, vous souhaiterez peut-être afficher uniquement les sessions provenant de Twitter ou uniquement les sessions qui ont duré plus de deux minutes. Vous pouvez ensuite consulter les taux de rebond, le temps passé sur le site, les pages moyennes et toutes les métriques habituelles.
Suivi avec Analytics
Les segments que nous voulions créer étaient basés sur la page de destination que les gens verraient, nous avons donc pu utiliser les mêmes URL que celles que nous avons utilisées pour la configuration de l'optimisation. Un segment a été créé pour la vue par défaut, où l'URL de la page de destination était simplement une barre oblique. Le deuxième segment concernait la vue alternative, située dans / home / list.
Après une journée, nous avions plus de 600 personnes dans chaque condition, et pour chaque mesure numérique dans Google Analytics, il n'y avait pas de différence significative. Après toute cette configuration, il est apparu (à première vue) qu'il n'y avait pas de différence. Ensuite, nous avons examiné les principaux chemins de navigation depuis la page de destination. En regardant la vue en grille, les pages suivantes les plus populaires étaient réparties uniformément entre la navigation principale et la lecture d'un article. Pour la vue de liste, plus de personnes sélectionneraient un article que de regarder la navigation.
Ce n'était pas une énorme différence, mais il y avait 15% plus de chances que les internautes sélectionnent un article dans la liste. À titre de comparaison, tout le monde a reçu la vue de grille par défaut sur la page populaire des didacticiels, et l'effet a disparu.
Intrigant, mais il est difficile de savoir dans quelle mesure il est possible de généraliser cet effet. Il serait utile de savoir pourquoi la vue liste encourageait les vues d'articles, nous nous sommes donc tournés vers une méthode plus qualitative.
Suivi de l'oeil
Le suivi oculaire est populaire dans les recherches sur les utilisateurs, offrant un aperçu direct de l'endroit où les gens regardent. Il y a eu une certaine controverse dans la communauté UX sur l'utilité du suivi oculaire, en particulier lorsqu'il est utilisé par défaut. Dans de nombreux cas, une configuration d’utilisabilité standard fournira la même réponse qu’une configuration avec suivi oculaire, il est donc difficile de justifier le coût supplémentaire de l’équipement.
Pour le site Web .net, cependant, nous essayions de comprendre comment les gens scannaient la conception, de sorte que le suivi oculaire pourrait fournir des indices importants.
La configuration du test était courte et agréable. Chaque participant a été invité à consulter la nouvelle page d’accueil du magazine .net et à sélectionner un article qu’il aimerait lire. La moitié des participants ont d'abord vu la vue de liste, avant de faire la même tâche sur la vue de grille. L'autre groupe de participants a d'abord vu la vue en grille.
L'image de suivi oculaire montrait la vue en grille de la page d'accueil et, au départ, cela ne fournissait pas beaucoup d'indices. Nous pourrions dire que les titres de texte ont attiré la grande majorité du regard, mais c'était la même chose pour les versions de grille et de liste.
La différence n'était apparente que lorsque vous regardiez les traînées de regard s'accumuler. Avec plusieurs participants, il est devenu évident que la numérisation de la liste était plus prévisible, généralement une à la fois.
Lorsque les internautes scannaient la version en grille de la page d’accueil, l’ordre n’était pas le modèle «F» bien connu. Vous pouvez vous attendre à ce que les gens scannent la grille de gauche à droite, ligne par ligne. Le motif réel était beaucoup plus dispersé, allant parfois au milieu et se ramifiant de chaque côté.
Il existe plusieurs explications possibles à ce modèle de regard moins prévisible. Il se pourrait que:
- Les gens sont simplement plus habitués à la version linéaire, ils sont donc plus habitués à numériser cette présentation
- La nature linéaire de la version de liste est considérablement plus facile à analyser
Est-il important que les gens adoptent une approche aléatoire pour analyser la version de la grille? Peut être pas
pour tous les sites, mais les articles sont la principale raison pour laquelle les gens visitent le magazine .net. Si les internautes sont plus susceptibles d'accéder à un article lorsque la vue de liste est disponible, c'est une considération importante pour la page d'accueil et les pages de section.
Avec plus de participants, nous pourrions constater que le contenu guide le regard des gens. Par exemple, des mots clés ou des images particuliers peuvent attirer l'attention d'un plus grand nombre de personnes. Une autre possibilité est qu'il existe des zones à faible trafic du point de vue de la numérisation. Les quatrième et sixième articles (deuxième rangée à gauche et à droite) n'ont pas été examinés autant que le cinquième article.
La réponse
Pour faire une affirmation générale sur l'utilité des mises en page en grille, nous devrons exécuter ce test avec beaucoup plus de participants et utiliser un ordre de contenu aléatoire. Cependant, aux fins du site Web du magazine .net, nous pourrions être assez confiants en disant que le passage à une vue de liste augmenterait le nombre de personnes qui accèdent directement à un article.
Il y a cependant une mise en garde. Une fois qu'un site est en ligne et utilisé régulièrement, les gens développent des habitudes
comment ils l'utilisent. Facebook est probablement l'exemple le plus célèbre, où les modifications apportées à l'interface ont amené les utilisateurs à se plaindre et même à mettre en place des campagnes en ligne à propos du changement. Le site .net est en ligne depuis mars, il se peut donc que les gens se soient habitués à la vue actuelle.
Certains des commentaires des tests d'utilisabilité suggèrent que les gens aimeraient choisir le style de mise en page, de sorte que le nouveau site .net a toujours offert le choix de changer de style de mise en page en un seul clic.
Je ne m'inquiète pas d'un retour de bâton, mais il sera intéressant de voir combien de personnes font une
choix conscient à ce sujet.
Test A / B avec l'Optimiseur de Site
L'Optimiseur de Site de Google (GWO) vous permet de configurer des tests A / B simples ou des tests multivariés plus complexes. Il y a des moments où des tests multivariés sont nécessaires, par exemple pour déterminer l'ordre le plus efficace pour trois éléments ou plus sur une page. Cependant, pour comparer une vue de liste à une vue de grille, le style d'expérience A / B est parfait.
Pour configurer les tests A / B avec GWO, vous avez besoin de trois éléments:
- Une page de démarrage, généralement la page actuelle ou par défaut que vous avez maintenant.
- Une page alternative, qui varie d'une manière qui, selon vous, affectera les utilisateurs.
- Une page de fin, que GWO utilisera pour calculer la conversion.
Lorsque vous avez configuré ou identifié ces pages, vous pouvez les mettre dans GWO et il vous donnera trois blocs de JavaScript à inclure dans chaque page.
Il est essentiel que vous puissiez ajouter le code JavaScript en haut du code source de chaque page, car c'est le mécanisme permettant d'attribuer des personnes aux différentes conditions.
Lorsqu'un utilisateur accède à la page de démarrage, le JavaScript les assigne aléatoirement à l'une des conditions, A ou B.Si l'utilisateur est affecté à B, ils sont immédiatement transmis au
page alternative.
Remarque: si un utilisateur n'a pas activé JavaScript ou s'il est supprimé en cours de route, il ne sera pas pris en compte dans les résultats ou les statistiques. Vous lancez ensuite le test et les utilisateurs commenceront à être affectés à chaque version de la page. Ce que vous êtes censé faire, c'est attendre suffisamment de conversions pour qu'il devienne statistiquement valide. Cependant, dans ce cas, nous n'avons pas de page de fin pour la conversion, car il s'agit d'un site d'article plutôt que d'un parcours défini - tout article est bon! Nous avons dû insérer une page de fin dans GWO, mais nous n'avons pas besoin d'utiliser la statistique de conversion.
