Les curseurs et les carrousels sont-ils bons ou mauvais dans la conception Web?

Les curseurs, ou comme j’aime les appeler, les villes fantômes interactables, sont courants dans les sites Web, en particulier ceux construits avec WordPress car il est si facile d’ajouter. Mais s’ils sont si modernes et communs, ils doivent être une bonne chose, n’est-ce pas?

Eh bien, pour aller au but, les curseurs sont de la merde et vous ne devriez pas les utiliser et pour de multiples raisons.

Mais d’abord, pourquoi les gens les utilisent-ils? À quoi servent-ils?

Pourquoi les curseurs sont bons dans la conception Web

J’ai trouvé 2 raisons d’encapsulation pour lesquelles les gens voudraient utiliser un curseur:

La première raison d’encapsulation pour laquelle les gens voudraient utiliser des curseurs et des carrousels sur leur site Web est qu’ils ne connaissent pas les défauts de l’expérience utilisateur ou qu’ils semblent croire que l’interface utilisateur est plus importante que l’UX, ou en d’autres termes, des personnes inexpérimentées mettent des curseurs sur leur site Web parce qu’ils sont jolis, ce qu’ils peuvent être s’ils sont faits correctement.

Une autre raison pour laquelle je pense que les gens utilisent des curseurs est que les gens pensent que le défilement est effrayant, alors ils intègrent le contenu de leur site Web dans un curseur pour prendre moins de place.

Ce qui est bien sûr ironique car les curseurs fonctionnent fondamentalement sur le défilement, ce que vous essayez de réduire.

Je pense que ces 2 raisons encapsulent la plupart des raisons pour lesquelles quelqu’un voudrait utiliser un curseur.

Par exemple, la raison pour laquelle quelqu’un utilise un curseur (selon beaconfire-red.com /) pourrait être de « Promouvoir du contenu et des annonces importants– – eh bien, c’est juste essayer d’économiser de l’espace.

Ou « Montrez des visuels convaincants et liés à la mission » et « Établissez une personnalité ou une esthétique pour le site » – c’est essayer de rendre votre site Web plus joli.

Pourquoi les curseurs sont mauvais dans la conception Web

Tout d’abord, parlons de la théorie sur les raisons pour lesquelles les curseurs ne sont pas bons, puis explorons plus tard les statistiques derrière les curseurs qui prouvent qu’ils font une mauvaise conception Web.

Aussi jolis soient-ils, les curseurs font plus mal qu’ils n’aident un site Web, Et ce serait un plaisir absolu de vous dire pourquoi. Je ne sais pas si tu peux le dire, mais je déteste les curseurs.

La première raison pour laquelle les curseurs sont mauvais est que vous ne pouvez pas compter sur quelqu’un pour faire défiler ou interagir avec votre curseur, les gens ne le font tout simplement pas (ce que nous sauvegarderons plus tard).

Vous devez vous rappeler que le temps est précieux lorsque les gens sont sur un site Web. Les visiteurs rebondissent sur les sites Web à un rythme élevé, ils parcourent généralement le texte au lieu de tout lire, et les 10 premières secondes sont essentielles pour savoir s’ils vont rester ou non.

Et donc, lorsque vous placez votre contenu dans un curseur, c’est un obstacle à l’entrée. C’est vous, ce qui rend plus difficile et plus chronophage pour un utilisateur d’accéder au contenu de votre site Web.

La raison suivante est que les curseurs sont la source de satan, c’est que les gens ont souvent quelque chose appelé « aveuglement de la bannière », en particulier les curseurs d’image.

Avec la cécité des bannières, parce que les gens sont tellement habitués à voir des publicités et de grandes bannières sur des sites Web, les utilisateurs les ignorent et les font défiler. Donc, si votre curseur ressemble à peu près à une bannière, il y a de fortes chances que les gens défilent inconsciemment juste après.

Ensuite, les curseurs prennent souvent le contrôle des utilisateurs. Non seulement les gens utilisent des curseurs pour aggraver leurs sites Web, mais ils vont plus loin en les faisant jouer automatiquement.

Le problème avec les curseurs de lecture automatique est qu’ils sont très ennuyeux. Si la conception Web existait au 15ème siècle, les curseurs de lecture automatique seraient le 8ème péché mortel, tout comme le texte aligné au centre.

Les utilisateurs doivent avoir le contrôle total du site Web. Rien ne devrait bouger ou changer. Les sites Web ne sont pas une présentation de diaporama, alors arrêtez de le traiter comme un.

Une autre raison pour laquelle les curseurs sucent plus que les aspirateurs est qu’ils ont tendance à ralentir les sites Web, en particulier les sites WordPress. Avec les sites Web WordPress, il est si facile d’ajouter des curseurs en un clic avec des plugins.

2 plugins en particulier, Slider revolution et Smart Slider 3 ont de gros impacts négatifs sur la vitesse de votre site web:

  • J’ai effectué un test sur un site Web WordPress et effectué un audit de vitesse Google du score de vitesse avant et après d’avoir et de ne pas avoir activé la révolution du curseur. Après avoir activé la révolution du curseur, le score d’audit a bondi de 10 points et a augmenté l’indice de vitesse de 1,7 seconde.
  • L’activation du curseur intelligent n’a eu aucun impact, mais lorsque vous placez un curseur sur la page, cela a eu un impact sur le score d’audit de 20 sur mobile et de 3 sur ordinateur et a augmenté l’indice de vitesse de 1,4 seconde.

Ce sont donc 2 bonnes et 4 mauvaises raisons pour un curseur, mais quelles sont les données derrière cela?

Les données derrière les curseurs

J’ai 7 études pour sauvegarder à quel point les curseurs sont vraiment inefficaces. Je parlerai de 3 d’entre eux mais tous les 7 seront référencés.

La première étude a été réalisée par Erik Runyon à l’Université Notre Dame. Ce test consistait à mesurer la distribution des clics des différentes diapositives dans un curseur. Il a montré que la première diapositive avait la grande majorité des clics et des conversions. Il a examiné 5 sites; le premier site avait 84% des clics avec la diapositive 1 et les autres diapositives avaient environ 4% des clics. Ses 4 autres sites ont montré que 48% à 62% du total des clics dans les curseurs provenaient de la première diapositive, et le reste des clics se répartissait uniformément entre le reste des autres diapositives.

La deuxième étude a été réalisée par Conversionista, une entreprise suédoise d’optimisation du taux de conversion. Ce test visait à mesurer la différence de clics pour un carrousel d’image par rapport à une image statique. Ils ont effectué des tests de carte thermique utilisant une technologie de suivi oculaire et ont également mesuré les clics pour chaque type de curseur. Les résultats ont montré que les utilisateurs « semblaient éviter le curseur et ne cliquaient pas dessus. », ce qui était probablement dû à la cécité des bannières. Il a également montré que l’image statique était cliquée 40% du temps, tandis que le curseur d’image n’était cliqué que 2% du temps.

La dernière étude que je mentionnerai est de Blair Keen, un gestionnaire d’optimisation Adobe. Son étude visait à montrer la différence de conversions entre avoir un curseur et ne pas en avoir du tout. Il a constaté que lorsqu’il a retiré le curseur placé au-dessus du pli, cela entraînait une augmentation de 23% des ventes.

Alors, qu’est-ce que tout cela signifie?

Cela signifie 3 choses:

  • En ce qui concerne les curseurs, la première diapositive surpassera toujours les autres diapositives. Les autres diapositives ont généralement environ un CTR égal.
  • Les images statiques surpasseront toujours les curseurs. Et les curseurs sont parfois considérés comme des bannières, ce qui peut provoquer la cécité des bannières.
  • Même le simple fait d’avoir le curseur sur votre site Web dans la section de pliage ci-dessus diminue les conversions et les ventes. Bien que vous puissiez prédire le même effet s’il est placé ailleurs sur le site Web.

Comment rendre un curseur plus efficace

Mais il y a de bonnes nouvelles! Je peux vous montrer étape par étape comment rendre un curseur plus efficace:

  1. Tout d’abord, vous devez vous assurer qu’il ne se joue pas automatiquement. Parce que la lecture automatique prend le contrôle des utilisateurs et c’est vraiment frustrant.
  2. Ensuite, retirez toutes les diapositives sauf la première. Il ne sert à rien d’en avoir plus d’un parce que les gens ne vont pas les regarder.
  3. Ensuite, vous voudrez supprimer les flèches de navigation, nous n’avons qu’une diapositive donc nous n’en aurons pas besoin.
  4. Enfin, supprimez simplement les puces de navigation.

En conclusion, les curseurs ne doivent pas être utilisés. La seule fois où ils doivent être utilisés est pour les images de produits sur une page de produit. En dehors de cela, les curseurs ne sont statistiquement pas interagis avec. Peu de gens se soucient assez de passer du temps à cliquer sur votre jolie présentation PowerPoint. Si la conception de votre site Web vous oblige à utiliser un curseur, votre conception a échoué.

Désactivez vos 18 plugins slider, dissociez votre owl.fichier js, et ARRÊTEZ D’UTILISER DES CURSEURS.

https://beaconfire-red.com/insights/do-slideshows-work
https://cxl.com/guides/bounce-rate/benchmarks/
https://www.nngroup.com/articles/how-users-read-on-the-web/
https://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/
https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/
https://erikrunyon.com/2013/01/carousel-interaction-stats/
https://angner.com/blog/will-front-page-carousels-improve-your-conversion-rate/
https://econsultancy.com/three-ideas-that-convert-better-than-a-standard-carousel/
https://www.orbitmedia.com/blog/rotating-sliders-hurt-website/

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.