Utilisabilité du bruit visuel dans le commerce électronique et pourquoi cela fonctionne.

Je trouve souvent des conflits de marketing et d'utilisabilité. Les règles de marketing utilisées pour concevoir des promotions ou des publicités causent souvent de la confusion parmi les concepteurs et des discussions mécontentes sur le fait que ce n'est pas correct et que nous pouvons nuire à la convivialité. Cependant, travaillant chez Ecom et dans une entreprise qui lance la plupart de ses solutions via des tests a/b, j'ai été confronté à de nombreuses reprises à des situations où, en tant que designer, j'ai dit — vous ne pouvez pas faire ça, ça nuit à l'utilisabilité ! Et lors d'un test a/b, la nouvelle version donne une augmentation tangible des indicateurs économiques — conversion/facture moyenne, etc. Où est la vérité ? Peut-être que personne ne veut de la facilité cognitive et de toute cette commodité qui est la vôtre ?

Parlez du bruit visuel.

Je tombe souvent sur l'erreur suivante dans les audits et analyses de sites e-commerce : l'auteur pointe un bloc de catégories ou de bannières (éléments de même nature, sans rapport avec la navigation principale) et dit : « il y a trop de catégories /banners, nous devrions réduire leur nombre, sinon ils créent du bruit visuel et augmentent la charge cognitive de l'utilisateur » et à chaque fois cette phrase sonne comme quelque chose d'axiomatiquement mauvais. Cependant, cela fonctionne souvent. Pourquoi?

Prenez votre site e-commerce. Vous avez 3 groupes de clients qui viennent vers vous :
1. Les utilisateurs qui savent ce qu'ils recherchent (recherche d'un article familier)
2. Les utilisateurs qui ne savent pas ce qu'ils recherchent et ne font qu'explorer le site (rechercher un élément inconnu)
3. Autres scénarios — utilisation des favoris, support, comparaison, etc.
Le premier et le troisième savent quoi faire, même si pour la première fois sur le site, ils vont dans le champ ou le répertoire de recherche, ou le section, généralement ils sont situés de manière plus ou moins typique. Le bruit visuel qui les rencontre sur la page le plus souvent ne les dérange pas. Leur cécité de bannière interne le bloque.

Mais le deuxième groupe n'est que celui qui nous intéresse. Parlant des méfaits du bruit visuel, nous parlons principalement d'eux.
Il est absolument vrai que la règle selon laquelle plus de 6 à 7 éléments dans la tête d'une personne sont inconfortables à tenir, mais les dispositions/catégories de bannières et les étagères de produits ne visent pas toujours à "donner une image complète de la structure et permettre à l'utilisateur de sélectionnez facilement 1 élément de l'ensemble "souvent ils visent à" attirer l'attention d'un élément aléatoire et s'engager ". Il y a un simple entonnoir marketing à l'œuvre ici : plus les gens cliquent sur un article qui les intéresse, plus ils sont susceptibles d'acheter quelque chose chez vous et de devenir vos clients satisfaits.

Et il faut une impulsion très forte pour déclencher un utilisateur à l'ère de l'économie de l'attention. Imaginez si chacun de vos utilisateurs a au moins 1 intérêt fort quelconque. Par exemple, Greg est fou des tortues à oreilles rouges et ne se soucie pas vraiment d'autre chose. Alors Greg va sur le site d'une nouvelle animalerie pour voir ce qu'ils ont à lui proposer, il y a 4 belles bannières grandes et claires : chats, chiens, amphibiens et poissons. La cécité des bannières aide Greg à sauter ce bloc comme quelque chose dont il n'a pas besoin et à passer à autre chose. À ce stade, la structure de la page pour lui est la suivante : navigation->publicité->un tas de choses inutiles.

Cependant, si au lieu de 4 grandes et belles, nous fabriquons 10 bannières plus petites, dont l'une sera la tortue à oreilles rouges, à cause du grand amour, Greg ne le manquera pas. À ce stade, la structure de la page ressemblera à "navigation->publicité->un tas de choses inutiles-> !tortue ! -> un tas de trucs inutiles. C'est le même phénomène que lorsque de jeunes parents partout remarquent que des personnes avec des enfants du même âge ou des fans d'un certain modèle de voiture commencent à rencontrer plus souvent cette marque dans la rue.

De plus, si nous montrons trop peu d'articles aux utilisateurs, ils peuvent penser que vous avez un mauvais assortiment et s'en aller.
En général, cela ressemble à une courbe « mauvais choix -> abondance -> bruit visuel ». En général, comme ailleurs, cela vaut la peine de chercher le juste milieu. Souvent, le secteur « abondance » contient beaucoup plus d'éléments que ce que les concepteurs souhaitent. Cependant, pour chaque produit, ce nombre doit être déterminé indépendamment, en fonction de sa marque, de son contenu et de sa stratégie marketing. Comme point de référence, vous pouvez prendre une analogie avec le monde réel : vous vous attendez à ne voir que trois voitures chez un concessionnaire automobile et c'est l'abondance. De même, vous vous attendez à voir des étagères sans fin remplies de produits dans un centre commercial et c'est l'abondance.

Remarques importantes :

Les nouveaux utilisateurs sont plus sensibles au bruit visuel que les utilisateurs plus âgés. Ils ne vous connaissent pas et leur bannière aveugle à votre égard n'est peut-être pas encore mise en place, il est plus facile de les étourdir et alors ce qui sera une abondance pour l'ancien deviendra un bruit visuel pour le nouveau. Pour ces cas, vous pouvez penser à différents affichages pour les nouveaux/anciens utilisateurs.

Ici, ces «étagères d'abondance» ne devraient pas couper le contenu, ce serait juste ennuyeux et déroutant, mais elles peuvent être dans des pauses logiques entre des blocs de contenu significatifs.

Rien de tout cela ne s'applique au texte et probablement pas à toutes les icônes, car les icônes peuvent sembler uniformes et ne pas coller à l'œil s'il y en a beaucoup les unes à côté des autres.

Si vous connaissez d'autres paradoxes mystérieux, écrivez-moi et je me ferai un plaisir d'essayer de vous expliquer pourquoi quelque chose qui devrait fonctionner ne fonctionne pas et pourquoi quelque chose qui ne devrait pas fonctionner fonctionne.