7 erreurs de site de commerce électronique à éliminer en 2016

Produits en vedette sur la page d'accueil. Bannières tournantes. Des arrière-plans qui ajoutent de la "personnalité".

La plupart de ceux qui travaillent dans le domaine du marketing en ligne comprennent pourquoi ils sont utilisés par une tonne de sites, et certains d'entre nous savent pourquoi ils ne sont pas utiles lorsque vous mettez vos lunettes de convivialité.

Mais ils sont là, même si vous en voyez un peu moins maintenant.

Voici les 7 choses que nous espérons voir moins dans les sites de commerce électronique en 2016.

Distractions de fond de page

Lors de la conception de votre site Web de commerce électronique, gardez à l'esprit que les visiteurs examineront les zones où il semble y avoir des informations significatives . Nos yeux ne peuvent s'empêcher d'être attirés par :

• texture
• Couleur
• contraste
• détails

Les variations visuelles sur le côté de la page attireront l'œil et, par conséquent, détourneront l'attention du corps de la page.

HorseSupplies.com, par exemple, a raison de rendre la périphérie plus sombre, mais l'image photoréaliste des planches détourne l'attention du milieu de la page.

Horse.com, d'autre part, obtient le bon arrière-plan.

L'intérieur de la page est blanc et très contrasté, tandis que l'extérieur est gris terne. Ainsi, les yeux se dirigent automatiquement vers le corps de la page.

Vous ne voulez pas que l'arrière-plan soit le centre de la vision de vos visiteurs, alors gardez-le ennuyeux . Gardez-le exempt de…

• motifs
• changements de couleur
• photos de personnes ( surtout celle-ci )

Bien sûr, vous recherchez peut-être un look spécifique pour attirer votre public, mais l'endroit à embellir n'est pas en dehors des limites de la page .

Produits sur la page d'accueil

Avoir des produits individuels sur la page d'accueil vous permet de deviner ce que veut le visiteur - avec un peu de chance avec une supposition éclairée basée sur des données.

Cependant, même si ces articles représentent vos best-sellers, ils ne représentent probablement qu'une infime fraction de votre inventaire global. Et les chances qu'ils soient ce que les visiteurs recherchent sont très minces.

N'oubliez pas que votre page d'accueil existe pour 2 raisons (et la vente n'en fait pas partie) :

1. Pour établir la crédibilité et la confiance
2. Pour faire sortir les gens de la page d'accueil et les rapprocher de leur objectif

La fonction de la page d'accueil est d'amener les visiteurs vers l'ensemble des produits qui les intéressent .

Sauf si vous êtes Apple.

Lorsqu'Apple lance un nouvel article, il s'agit probablement d'un lancement d'un milliard de dollars dans le monde entier, il est donc normal que ce produit prenne en charge toute l'expérience.

Ce n'est pas le cas pour la plupart des sites de commerce électronique.

La plupart proposent des gammes de produits plus importantes, n'ont pas cette affinité avec la marque et n'ont généralement pas d'événements de lancement majeurs.

Supprimez donc des produits individuels sur votre page d'accueil. Au lieu de cela, montrez aux visiteurs l'étendue des produits que vous proposez…

• avoir une navigation au niveau de la catégorie au-dessus du pli visuel
• représentant chaque catégorie avec un collage de photos qui montre la gamme d'articles disponibles dans cette catégorie

Assurez-vous que les images de catégorie sont des composites ou qu'elles sont visuellement différentes de la façon dont vous représentez les éléments individuels, afin que les clients ne soient pas confus.

Par exemple, la page d'accueil de B&H Photo Video (bien que loin d'être idéale en raison de la bannière rotative qui pousse les catégories vers le bas) contient les images composites. (Ils trichent en quelque sorte, cependant, en mettant les produits en vedette plus bas.)

Trop de choix

Nous savons, nous savons. Chaque site de commerce électronique rêve de devenir Amazon lorsqu'il sera grand.

Vous suivez peut-être leurs traces en présentant à vos clients des tonnes de choix de produits.

Considérez ceci, cependant:

Dans une étude de l'Université de Columbia, 2 stands de dégustation de confitures ont été installés dans un magasin pour savoir si le nombre de choix a un impact sur la décision d'achat.

Il s'est avéré que c'est le cas :

• 30 % de ceux qui ont visité le stand avec seulement 6 types de confiture ont fini par acheter
• seulement 3% de ceux qui ont visité le stand avec 24 types de confiture ont fait un achat

Donc, ne submergez pas les clients avec trop de choix car cela conduit à éviter de prendre des décisions .

De plus, ne comptez pas sur les visiteurs pour trouver ce qu'ils veulent en utilisant le système de filtrage sur le côté gauche car…

1. Seuls les utilisateurs avancés l'utilisent généralement. La plupart des visiteurs n'investiront pas de temps et d'efforts dans l'apprentissage de l'interface de votre système de filtrage. (Vérifiez vos analyses si le nombre de personnes utilisant votre filtrage vaut l'immobilier que vous lui attribuez.)
2. Même si les clients l'utilisent, il est probable que le filtre affichera encore trop de résultats.

Sur Wayfair.com, par exemple, si vous filtrez pour n'afficher que les tapis "rectangle" "5 X 8", vous obtiendrez plus de 900 pages de résultats de recherche avec 48 produits sur chaque page.

Vous ne pouvez pas vous attendre à ce que les clients parcourent les résultats sans fin jusqu'à ce qu'ils tombent sur l'article qu'ils veulent vraiment.

Le défilement ne fonctionne que pour une analyse visuelle rapide d'éléments physiques sensiblement différents (comme dans Pinterest). Mais dans un environnement de commerce électronique, où vous avez une longue liste d'images visuellement similaires, le défilement n'est pas la solution .

Gardez-les à l'esprit lorsque vous présentez des choix :

• Guidez les clients vers les bons produits (comme vous le feriez dans un magasin physique). Prenez le même filtrage sur le côté gauche et transformez-le en un assistant étape par étape . Mettez les mêmes choix dans une série de questions avec une taxonomie d'intérêt utile dans des fenêtres pop-over.

• Allez en profondeur lors de la création d'une architecture d'informations pour la navigation dans le catalogue. N'ayez que 3 ou 4 catégories de niveau supérieur, chacune ayant 4 à 6 sous-catégories. Afficher un ensemble d'éléments correspondant aux besoins de l'utilisateur uniquement après 3 ou 4 clics.

Choix similaires

Si vous êtes un magasin spécialisé, il y a de fortes chances que vous vendiez beaucoup de produits qui ne sont pas visuellement distincts les uns des autres. «Le problème est que si vous les présentez comme des articles similaires, les clients n'auront rien sur quoi fonder leur décision.

Par exemple, si vous vendez des stylos et que vous les affichez sous forme de minuscules vignettes, comme dans l'image ci-dessous, il est difficile de dire en quoi un article diffère d'un autre.

Cependant, si vous montrez la tête ou la queue d'un stylo, le client verra s'il a un capuchon vissé ou un bouton-poussoir à l'arrière. Ils peuvent dire s'il s'agit d'un stylo plume, ou s'il a une poignée en caoutchouc, ou si la taille du stylo à bille répond à leurs besoins.

Aidez les clients à décider en utilisant des visuels pour clarifier leurs choix.

Concentrez, élargissez ou déformez des distinctions importantes entre des produits apparemment similaires . Avoir un flyout ou une partie de l'image qui montre le caractère unique d'un élément.

Des promotions qui dominent

Tout le monde dans l'entreprise veut un morceau de la page d'accueil. En conséquence, les promotions dominent et la navigation de haut niveau disparaît.

À leur tour, les utilisateurs sont censés comprendre le menu avec des menus déroulants et des survols sur la barre de navigation, car le corps manque de navigation utile.

Mais il ne suffit pas d'avoir les catégories dans la barre de navigation. Si l'information est importante, elle doit également être présentée visuellement dans le corps de la page d'accueil.

N'oubliez pas : les utilisateurs n'utilisent la barre de navigation qu'en cas d'échec du corps de la page d'accueil .

Sur la page d'accueil de J.Crew, par exemple, la promotion de 30 % de réduction prend le relais et la navigation est poussée en haut.

Oui, il est important d'informer les clients des ventes à durée limitée ou de la disponibilité limitée (les éléments de rareté qui persuadent les gens d'acheter ), mais cela ne doit pas se faire au détriment d'une navigation permanente.

Carrousel de la page d'accueil

Au début de 2013, la bannière rotative de la page d'accueil était l'une des tendances de conception Web que nous espérions voir disparaître cette année-là.

Hélas, nous sommes presque en 2016, et les bannières rotatives sont toujours présentes sur les sites de commerce électronique.

"Le fait est que les utilisateurs perçoivent les bannières rotatives comme des publicités.

Et personne n'aime vraiment les publicités (sauf celles du Superbowl, mignonnes et amusantes). Donc, ces bannières sont vouées à être ignorées .

Au cas où un client interagisse avec eux, les bannières rotatives finissent généralement par être une gêne. Ils enlèvent à l'utilisateur le sentiment de contrôle sur la page en passant à la bannière suivante avant même que l'utilisateur n'ait fini de consommer la précédente.

Alors libérez cet espace de bannière rotative géante et utilisez-le pour montrer…

• un titre clair
• catégories de niveau supérieur
• éléments de confiance
• la preuve sociale

Zoom astucieux

Nous comprenons que de nombreux gadgets technologiques sont des fonctions du panier que vous utilisez peut-être. Mais si votre panier a des restrictions qui compromettent la convivialité, il est temps d'envisager de changer de panier.

Regardez comment Forever21.com zoome sur un produit, par exemple.

Quelle que soit la partie survolée par l'utilisateur, elle est mise en surbrillance à gauche, et vous obtenez la zone de zoom à droite où vous voyez un gros plan de cette partie.

Nous y voyons 4 problèmes :

1. Il couvre la zone d'appel à l'action où vous avez généralement le prix, le nombre d'étoiles et le bouton "ajouter au panier".
2. Un client voudra probablement toujours voir la robe entière - juste plus grande.
3. Parfois, l'image du zoom n'est pas beaucoup plus grande. Si le client veut voir le drapé de la robe et l'épaisseur du tissu, il ne le verra pas sur une image 2x.
4. Couvrir des parties de la page avec une zone de zoom est mortel sur mobile.

Pour que les clients apprécient le produit, ayez une image 5X qui occupe tout l'écran . Vous avez besoin d'une photo de 3000 à 5000 pixels de large que les visiteurs peuvent regarder en plein écran.

Une lightbox plein écran permet au client de voir beaucoup plus de détails. De plus, les gens sont habitués à une prise de contrôle d'une page entière sur mobile, comme c'est généralement le cas lorsque nous regardons des vidéos.

H&M, par exemple, propose une option plein écran dont les clients peuvent simplement sortir après avoir vu l'article :

Conclusion

Il faut de la discipline, de la volonté et le soutien de la direction pour se débarrasser de ces erreurs.

Certains d'entre eux, les commerçants ont le contrôle. D'autres seront un peu plus difficiles à accomplir dans de nombreuses entreprises - le soutien de la direction est quelque chose que vous devrez gagner au fil du temps, via des tests fractionnés, des données et des résultats.

Ceux qui sont à la hauteur ont cependant une longueur d'avance sur la concurrence.