Trois tendances courantes de l'interface utilisateur que le commerce électronique aime mais devrait détester

Il y a un petit mensonge dangereux que la communauté du design a propagé sur Internet. Comme tout mythe enraciné, il est ancré dans un peu de vérité, ce qui le rend difficile à éliminer.

Malheureusement, il semble que le commerce électronique soit particulièrement vulnérable à l'achat dans le mensonge.

La vérité : "Vous n'avez que quelques secondes pour attirer l'attention d'un acheteur avant qu'il ne rebondisse et ne revienne jamais."

Le mensonge : "Vous devez faire tout ce qu'il faut pour vraiment 'WOW' votre client avant qu'il ne parte."

Voici la chose, votre acheteur ne cherche pas à être "WOW'd". Ils cherchent une solution. Ils recherchent un produit qui résout leur problème, besoin, envie, envie, etc. Le fait est qu'ils recherchent « quelque chose ».

Votre premier objectif est de convaincre vos acheteurs qu'ils sont au bon endroit. Faites en sorte qu'il soit facile de « trouver » ce que vos clients recherchent.

Si l'utilité de votre magasin fait défaut, aucune quantité de design ne convertira vos acheteurs. À moins que vous ne cherchiez à devenir la prochaine meilleure version numérique du MOMA, vos acheteurs sont sur votre site pour acheter.

Bien sûr, le design et l'esthétique sont importants. Avoir un site attrayant avec des fonctionnalités impressionnantes joue un rôle, mais c'est le point de contact final. Ils complètent une expérience intuitive. Ils ne le créent pas.

Alors, quelles sont les façons les plus courantes dont les magasins de commerce électronique se trompent dans leur interface utilisateur ?

Vous utilisez un tueur de conversion avant et au centre

C'est une tendance qui ne mourra pas. Face à toutes les données qui crient : « Ça ne marche pas », elles ne partiront pas. C'est presque une garantie, si vous avez une boutique e-commerce, vous êtes probablement coupable.

Nous parlons de curseurs d'image, de bannières rotatives, de carrousels de transfert automatique. Peu importe comment vous les appelez, ce sont des tueurs de conversion.

Étude après étude a prouvé que les acheteurs les détestent. Au mieux, la première diapositive affiche en moyenne un taux de clics de 1 %. Toutes les diapositives suivantes sont pratiquement et complètement ignorées.

Peut-être pensez-vous, comme tant d'autres propriétaires de commerce électronique, que votre magasin est différent. Mis à part les statistiques de l'industrie, vous êtes l'exception.

D'accord, occupons-nous de cela.

Pouvons-nous admettre que nous sommes tous des créatures d'habitude?

Ce n'est pas une mauvaise chose. Nous devons l'être. Avec la quantité d'informations que nous recevons quotidiennement, si nous ne nous appuyons pas sur les habitudes et les schémas, nous ne pourrions pas fonctionner. Nous serions paralysés par l'indécision.

Pour faire face et fonctionner, nous nous appuyons sur des modèles mentaux pour naviguer dans notre monde. Ce faisant, cela crée des modèles de comportement que nous respectons tous.

L'un de ces modèles a développé un comportement connu sous le nom de « cécité des bannières ». En termes simples, lorsque nous sommes en ligne, nous ignorons tout ce qui ressemble, même de loin, à une publicité.

Même si vous deviez capter l'attention d'un acheteur avec votre curseur, les données montrent que ce ne sera qu'un simple coup d'œil. L'information n'est pas traitée.

Et ce n'est pas nouveau. Notre cécité aux bannières existe et est dénoncée depuis 1997 !

De plus, même si vous êtes particulièrement astucieux et que votre curseur ne ressemble en rien à une publicité, nous sommes tous conditionnés à ignorer le haut de la page. Les concepteurs et les spécialistes du marketing ciblent si souvent au-dessus de la ligne de flottaison que nous faisons maintenant défiler jusqu'au « vrai » contenu, en ignorant le haut. En fait, près de 66 % de notre durée d'attention est passée « sous » le pli.

Cartes thermiques de suivi des yeux. Regardez tout l'amour des utilisateurs pour cet écran de premier ordre ;)

En tenant compte des sombres perspectives de conversion de votre slider, vous ralentissez également la vitesse de votre page. Au lieu d'un panneau efficace, vous exposez la quantité de ressources dont votre page a besoin pour se charger complètement - et tout cela pour rien.

Pire encore, un curseur dit avant tout une chose, que vous ne savez pas quoi dire, alors vous essayez de tout dire.

De plus, le plus souvent, le curseur ne dispose d'aucun type de contrôle éditorial. Ainsi, chaque diapositive est complètement différente de la suivante, sans rime ni raison. Non seulement ils ont l'air différents, mais la stratégie du CTA est souvent décousue, sans ordre hiérarchique ni cohésion.

De plus, d'un point de vue général de la convivialité, les diapositives se déplacent trop rapidement pour être digérées ou trop lentement pour toutes les voir. Ils sont difficiles à naviguer. Ils sont difficiles à utiliser, surtout sur mobile.

Avez-vous besoin d'encore plus de preuves sur la raison pour laquelle vous devriez supprimer ce curseur de votre vitrine ? Voici un fil UX sur les curseurs qui dure depuis 2011 !

La prochaine infraction d'interface utilisateur dont vous êtes probablement coupable est une torsion moderne du curseur, la vidéo d'arrière -plan si populaire !

Êtes-vous ici pour me divertir ?

Cette tendance est énorme aujourd'hui, et il est légèrement controversé de dire que vous devriez l'abandonner, mais me voici.

Nous parlons de cette vidéo de fond super cool que vous avez qui fait dire à tout le monde "Ooooo!"

Tout d'abord, permettez-moi de vous demander. Pourquoi avez-vous une vidéo de fond ?

La raison n'est pas sorcier. Vous les aimez. D'autres personnes les aiment. Vous voyez toutes sortes d'autres sites Web et vitrines le faire. Il raconte votre histoire. Ça met l'ambiance. C'est une évidence. La vidéo d'arrière-plan est là où elle en est !

Cela vous décrit-il ?

La plupart des gens les vomissent sans trop y penser, mais vous êtes-vous arrêté pour penser que vous n'êtes pas seul dans cette approche ? Vous est-il venu à l'esprit que peut-être, juste peut-être, vous copiez d'autres personnes, qui ont copié d'autres personnes, qui ont copié d'autres personnes…

Je déteste annoncer la nouvelle, mais les designers le font. Ils copient ou s'inspirent beaucoup des autres. Les concepteurs utilisent rarement les données pour influencer ce qu'ils font. Si ça a l'air bien, alors ça a l'air bien. C'est une vente facile.

Avez-vous testé pour voir ce que votre vidéo d'arrière-plan a réellement fait pour vos conversions ou d'autres mesures du site ?

Si vous pouvez répondre oui, si tous vos chiffres sont en or, si vous pouvez prouver statistiquement que votre vitrine se porte mieux avec votre vidéo d'arrière-plan que sans, alors vous pouvez passer à autre chose.

Mais, si vous ne pouvez pas, alors vous devriez vous demander - "Qu'est-ce que ma vidéo d'arrière-plan fait réellement pour moi?"

Ouais, ouais, je sais ce que tu dis. Vous avez besoin de la vidéo car elle aide à raconter votre histoire, elle crée l'ambiance de toute l'expérience.

Je comprends. Absolument. Votre vidéo définit une certaine esthétique, mais attrayante ne signifie pas utilisable.

Si vous avez froid et que vous calculez à ce sujet, la plupart du temps, c'est simplement distrayant. Nos yeux sont attirés par le mouvement. À moins que regarder la vidéo ne soit une mesure de conversion pour votre magasin, vous détournez les acheteurs des objectifs visés. Vos acheteurs ne voient plus votre titre et votre CTA principal, ils voient ce qu'il y a derrière. Autrement dit, s'ils peuvent réellement voir la vidéo, nous en reparlerons plus tard.

Si votre esthétique et votre histoire sont essentielles à votre taux de conversion, une vidéo d'arrière-plan est un moyen inefficace de communiquer ce message.

Instantanément, la vidéo est distrayante. Je ne sais pas où cliquer ni quoi faire. Points bonus supplémentaires pour être un slider

Si c'est un problème esthétique, vous pouvez définir cela avec une image.

“ Non, vous ne pouvez pas ! Une image est loin d'être aussi puissante ou sexy qu'une vidéo », dites-vous ?

À quoi je réponds : « Bien sûr que ça l'est. En fait, une image est facilement 7,12 % plus sexy qu'une vidéo ! » Oui, les images d'arrière-plan peuvent en fait convertir 7% mieux que les vidéos d'arrière-plan.

Peut-être que ce n'est pas une question d'esthétique pour vous, et c'est une question d'histoire.

Si tel est le cas, vous devez plutôt créer une vidéo de produit ou de fonctionnalité. Il est beaucoup plus efficace de raconter votre histoire avec une vidéo qu'un utilisateur peut réellement contrôler et avec laquelle interagir.

De plus, une vidéo de produit ne tuera pas le temps de chargement de votre page. Ils sont accessibles sur tous les appareils. Ils sont intuitifs. Mieux encore, ils peuvent augmenter en moyenne de 144 % vos conversions !

L'exemple parfait de où et comment utiliser la vidéo pour augmenter vos ventes et l'engagement des utilisateurs

Ce qui nous emmène de la frappe une à la frappe deux.

Vous savez qu'une vidéo d'arrière-plan ajoute une quantité incroyable de poids et de temps au chargement de votre page. Même si vous chargez la vidéo de manière asynchrone, elle doit toujours être chargée. Ainsi, vous pouvez soit empêcher le chargement de votre page pendant quelques secondes, soit laisser une grande case vide où votre vidéo doit aller.

Une vidéo prend un certain temps à se charger, et nous savons tous ce que même une seule seconde de retard peut faire pour le taux de conversion de votre boutique.

Besoin de plus de raisonnement ? Penses-y.

Selon les données d'Akamai et Gomez.com, 79 % des acheteurs ne reviendront pas dans un magasin en raison d'une expérience de site Web lente (c'est-à-dire mauvaise), et 44 % des acheteurs parleront à un ami de leur mauvaise expérience.

C'est beaucoup si de la mauvaise volonté à cause d'une vitesse de chargement lente des pages.

Autrement dit, hypothétiquement, "si votre boutique en ligne gagne 100 000 dollars par jour, vous pourriez perdre jusqu'à 2,5 millions de dollars de ventes chaque année pour un délai de page d'une seconde seulement".

Maintenant, à moins que vous ne puissiez PROUVER que votre vidéo d'arrière-plan augmente réellement vos conversions, vaut-il autant le risque de la maintenir parce qu'elle a l'air soignée ?

La prochaine tendance de l'interface utilisateur qui tue vos conversions est le meilleur ami d'un designer et le pire ennemi de votre client !

Vous parlez une langue ancienne

Nous parlons de la simplification excessive de votre navigation avec d'anciens hiéroglyphes, alias icônes.

Bien sûr, le look minimaliste est élégant. C'est un aspect professionnel. C'est avant-gardiste. C'est un gain de place. Mais si les acheteurs ne savent pas instantanément comment se rendre là où ils veulent aller, ils seront frustrés, partiront et ne reviendront jamais. Un esprit confus n'achète jamais.

[Source] L'icône d'argent signifie-t-elle des remboursements, des cartes-cadeaux, des meilleures ventes ou des promotions spéciales ? Hum…

Entre autres problèmes, les icônes ont des significations différentes selon les cultures et les données démographiques. Ce qui est intuitif pour votre designer millénaire peut être complètement époustouflant pour un grand pourcentage de votre clientèle. En dehors des icônes d'accueil, d'impression et de recherche, vous auriez du mal à trouver une icône universellement reconnue.

L'argument le plus courant contre l'inclusion d'étiquettes de texte est que les utilisateurs peuvent le comprendre. Les gens savent ce que sont le panier et les trois icônes de la barre. Ils savent sur quoi cliquer s'ils veulent voir un produit ou acheter.

Est-ce un argument que vous êtes prêt à soutenir ? Même si c'était vrai, s'il était possible d'augmenter l'engagement et les conversions de 1 %, ne serait-il pas utile d'explorer l'ajout de ces libellés de texte "moches" (c'est-à-dire utiles) ?

Par exemple, l'icône de recherche est reconnue par presque tout le monde, mais une approche uniquement par icône peut vous laisser avec un taux d'engagement lamentable de 6 %. L'ajout d'une étiquette de texte à l'icône de recherche peut l'augmenter de 16,17 %.

Bon, oublions votre produit et les icônes secondaires. Parlons de votre navigation globale. Utilisez-vous un menu hamburger pour masquer votre navigation ?

Bien sûr, vous êtes. C'est un économiseur d'espace, et il est largement reconnaissable sur mobile. À tel point qu'il s'est même glissé dans les vitrines des ordinateurs de bureau.

Saviez-vous qu'il peut falloir 5 à 7 secondes de PLUS aux acheteurs de votre ordinateur pour utiliser votre navigation lorsqu'elle est masquée. Pire, seuls 27 % des acheteurs utiliseront la navigation masquée ?

Microsoft a reconnu qu'il avait des problèmes avec sa barre d'outils à icônes uniquement. Ils ont essayé de changer les icônes et leur positionnement, mais cela n'a pas beaucoup aidé. Ce qui a aidé, c'est l'introduction d'étiquettes de texte à côté des icônes. Il a immédiatement résolu les problèmes d'utilisation et les gens ont commencé à utiliser davantage la barre d'outils.

Ils ont également découvert que les utilisateurs ne pouvaient reconnaître que 6 icônes sans étiquette de texte - c'est-à-dire les utilisateurs qui utilisaient leur logiciel depuis plus de 2 ans !

La compréhension d'une icône par un utilisateur est basée sur son expérience passée. Lorsqu'il n'y a pas d'acceptation et d'utilisation universelles standard pour une icône, une étiquette de texte devient alors une nécessité.

Faut-il utiliser des icônes ? Bien sûr, mais incluez une étiquette de texte. Pour le bien de vos acheteurs "lents", aidez-les à acheter chez vous un peu plus facilement.

Utilisez la règle des 5 secondes. S'il vous faut plus de 5 secondes pour penser à une icône appropriée pour quelque chose, il y a de fortes chances que ce soit un choix de communication inefficace. Garanti, vos acheteurs n'auront aucune idée de ce que cela signifie !

Pour le dire franchement, si un acheteur ne trouve pas ce qu'il cherche, il ne peut pas l'acheter. S'appuyer sur la patience et la curiosité de votre client n'est pas la meilleure stratégie d'optimisation des conversions.

Il s'agit de conversions. Il s'agit de votre expérience d'achat.

Il ne devrait jamais s'agir de vos goûts personnels, de ce que vous aimez ou de votre propre vanité.

C'est une approche idiote de penser que vous êtes l'exception et d'ignorer ce que les données vous disent. Ne pariez pas sur votre conception pour surmonter les obstacles de l'expérience utilisateur. C'est un jeu dangereux à jouer en ce qui concerne le taux de conversion de votre magasin.

En fin de compte, vous faites plus que perdre des ventes. Vous perdez tout ce qu'il a fallu pour faire passer vos acheteurs par votre porte d'entrée numérique - vous agacez vos acheteurs et payez pour le faire, littéralement.

Imaginez si chaque escalator, interrupteur d'éclairage ou vélo fonctionnait différemment, le tout au nom de "l'esthétique".

Quand c'est votre magasin, c'est excitant. Il est facile de se laisser emporter par la « nouveauté » et d'oublier ce que c'est que d'être un acheteur moyen.

Lorsque vous vous trompez avec les attentes des utilisateurs, vous courez le risque de confondre et d'ennuyer vos acheteurs.

Ne perdez pas vos acheteurs pour quelque chose d'aussi stupide qu'une tendance en matière de design.