Ce que vous devez savoir pour la refonte d'un site Web de commerce électronique dans 2019

Est-ce l'année où vous allez repenser votre site Web de commerce électronique? Si cela fait quelques années que vous avez, alors vous devez savoir que beaucoup a changé.

Il va presque de soi qu'un site de commerce électronique moderne doit d'abord être conçu pour le mobile, car la plupart des gens avec lesquels je travaille maintenant reçoivent 70% ou plus de leur trafic à partir d'appareils mobiles. Toutefois, il ne s'agit que d'un point de départ: vous devez prendre en compte de nombreuses subtilités si vous souhaitez que votre site convertisse les utilisateurs en clients.

J'ai consulté sur le convivialité depuis cinq ans pour un large éventail de sites de commerce électronique et j’ai élaboré les principes que suivent les meilleurs. Je vais vous expliquer huit manières de vous assurer que votre site est à jour pour l'utilisateur d'aujourd'hui, inspiré par les directives de mon livre. Conception de sites Web de commerce électronique.

Évitez les longues vidéos sur la page d'accueil

La page d'accueil est un endroit pour impressionner. De nombreux sites Web investissent dans la photographie haut de gamme, mais vous pouvez envisager d'utiliser la vidéo ici pour montrer des produits ou raconter l'histoire de la marque. Après tout, la vidéo est partout maintenant, en particulier sur les médias sociaux.

Lorsqu'elle est utilisée correctement, la vidéo peut être très utile pour informer et exciter les utilisateurs. Cependant, quelle que soit la pertinence de votre vidéo, si l'utilisateur doit cliquer sur Lecture, préparez-vous à la plupart des gens l'ignorent. Dans les nombreux tests utilisateur que j'ai visionnés, il s'agit du comportement le plus courant avec les vidéos de pages de destination.

Pourquoi? À ce stade du parcours de l'utilisateur, leur capacité d'attention est courte. Les utilisateurs sont plus susceptibles de quitter le site et de rebondir et de ne pas consacrer de temps à regarder quelque chose d'inconnu.

Au début, vous devez aider les utilisateurs à naviguer rapidement, alors restez concentré sur les vidéos courtes, silencieuses, à lecture automatique et en boucle. De cette façon, vous obtenez l'information sans qu'ils aient besoin de s'engager profondément. Des vidéos plus longues peuvent devenir très utiles plus tard dans le voyage pour expliquer des choses telles que les caractéristiques du produit, lorsque l'utilisateur est plus intéressé.

Le site Prynt utilise une courte vidéo à lecture automatique pour montrer le produit en action. Il y a aussi une option pour regarder la chose avec son.

Ne remplissez pas votre page d'accueil avec un contenu excessif

Si vous avez fait le travail de marketing nécessaire pour amener les utilisateurs sur votre page d'accueil et que vous avez créé un argumentaire convaincant pour votre magasin, que faire ensuite? Vous pouvez leur en dire beaucoup sur votre entreprise, quelle est donc votre chance?

Faites attention. Plus votre page de destination est longue, plus vous risquez que l’utilisateur s’éteigne ou devienne perplexe. Bien que les utilisateurs soient à l'aise avec le défilement, ils s'arrêteront bientôt si le contenu n'est pas directement lié à leur tâche.

Chaque fois que vous concevez, respectez la règle deune page, un but'. Le but de cette page est de présenter ce que vous vendez et d’amener l’utilisateur à rechercher ces produits.

Ont-ils vraiment besoin de voir vos cinq derniers articles de blog, vos derniers tweets et un mur d'images Instagram? Les publications sur les réseaux sociaux sont particulièrement inutiles, car vous venez d’inviter des utilisateurs sur votre site. Cliquez sur ces liens pour les en éloigner.

Plus vous mettez de choses sur la page, plus distractions que vous donnez à l'utilisateur de votre action principale et de l’essentiel que vous souhaitez qu’ils fassent. Les utilisateurs mobiles ont généralement des sessions plus courtes et se concentrent sur la réalisation de tâches. Un contenu supplémentaire ne vous aidera pas.

Rendez vos filtres facilement accessibles

Lorsque vous avez beaucoup de produits, les filtres sont essentiels pour aider les utilisateurs à trouver ce dont ils ont besoin. La grande majorité des sites de commerce électronique (environ 90% de ceux que j'ai étudiés) ont leurs filtres dans une superposition sur mobile. Cela est logique lorsqu'il n'y a pas beaucoup d'espace disponible, mais cela signifie que les utilisateurs ne sont pas susceptibles de les voir réellement.

Comme règle 95% des utilisateurs ne changent pas les valeurs par défaut et cela s'applique à l'ouverture d'un menu de filtres pour sélectionner des options spécifiques. C'est quelque chose qui a été confirmé par les tests des utilisateurs de commerce électronique que j'ai également visionnés. La recherche de produits sur les pages d’annonces est un domaine dans lequel la navigation sur le commerce électronique est supérieure à celle sur ordinateur.

Si vos utilisateurs filtrent, ils sont plus susceptibles de trouver le produit qu'ils souhaitent réellement. Votre défi sur mobile consiste à trouver des moyens de gagner de la place. Une méthode montre la catégorie de filtre la plus pertinente de la page avec des boutons pour les options (voir Macy ci-dessous). Si vous appuyez sur l’une des listes, le filtre appliqué est appliqué, le filtre le plus pertinent suivant apparaît.

refonte du commerce électronique - options de filtrage de macy
Le site de Macy apporte des options de filtrage dans la page sous forme de boutons. Burberry rend les catégories de filtres visibles sur la page.

Au minimum, assurez-vous que votre bouton pour atteindre le menu de filtrage complet est évident. Il doit également indiquer clairement quand un filtre est appliqué pour que les utilisateurs sachent quand ils voient un ensemble limité de résultats.

Refonte de vos annonces pour des images plus grandes

La plupart des pages de listes de commerce électronique essaient de montrer plusieurs produits à la fois. En conséquence le produit les images ont tendance à être assez petites (C'est pourquoi ils sont traditionnellement connus comme des images miniatures).

Pourtant, l’image est un élément clé pour aider l’utilisateur à choisir le produit à choisir. Dans de nombreux cas, cela vous dit beaucoup plus que n'importe quel texte. Les produits comme les vêtements et les meubles exigent que l'utilisateur fasse une distinction subjective entre les différentes choses proposées.

Vous pouvez même avoir de grandes images sur mobile. Des applications comme Instagram ont conduit les utilisateurs à s'attendre à une qualité élevée où qu'ils soient et j'ai souvent vu des utilisateurs l'apprécier. Peu importe où ils se trouvent sur le site, la bonne photographie est toujours appréciée.

Airbnb a de grandes images que vous pouvez faire défiler (à gauche). Zara (à droite) a des images en plein écran sur leurs listes.

Bien sûr, si vous pensez que quelque chose peut être mieux vendu en quelques images, faites-le. Les sites de voyage comportent souvent plusieurs photos dans les miniatures des annonces, avec une flèche subtile pour les faire défiler. De nombreux sites de vêtements offrent la possibilité de montrer le produit seul et d'être porté par un modèle.

Afficher les options du produit sous forme de boutons

Vous saurez que de nombreux produits sont disponibles dans des variantes telles que la couleur, la taille, le matériau ou autre chose. La page de détails du produit est l'endroit où les utilisateurs font finalement ce choix. Pour faciliter le choix, évitez de vider ces options dans les menus déroulants.

Ils devraient être boutons visuels pour aider l'utilisateur à voir toutes les options et ils devraient préciser quand une variation signifie un changement de prix. Si la variante change l'apparence du produit (telle que la couleur), sa sélection doit mettre à jour l'image principale du produit. Cela ne laisse aucun doute à l'utilisateur sur ce qui sera commandé.

refonte du commerce électronique - options de taille nike
John Lewis (à gauche) utilise les couleurs du produit comme boutons avec indicateurs visuels. Nike (à droite) expose toutes les options de taille et désactive les tailles qui ne sont pas disponibles.

Un autre avantage est qu'en désactivant certains boutons, l'utilisateur peut voir en un coup d'œil quelles variantes sont en rupture de stock. Encore une fois, cela évite de faire défiler une liste d’options.

En matière de sélection de la taille, il est préférable de ne pas définir de taille par défaut. S'il y a des utilisateurs, ils pourraient éventuellement ajouter le paramètre par défaut plutôt que celui qu'ils souhaitent. Cela pourrait vous amener à avoir beaucoup de retours et des clients frustrés.

Laisser les boutons de partage

Facebook, Twitter, Pinterest, Instagram, LinkedIn, Snapchat. Vos utilisateurs traînent probablement à un ou plusieurs de ces les réseaux sociaux. Alors, devriez-vous leur donner des boutons de partage sur les pages de détails de votre produit?

De nombreux sites de commerce électronique présentent encore ces petites icônes dans l’espoir d’encourager les gens à promouvoir leurs produits sur le Web. Malheureusement, ils sont presque certainement une perte de temps.

Personne ne clique dessus. En fait, 0.2% des gens le font, selon une étude. En outre, cela peut sembler un extrait de code, mais il contient de nombreux éléments supplémentaires qui ralentissent la vitesse de votre page.

La montée des "influenceurs" rémunérés signifie que l'utilisateur moderne ne veut plus aller à la radiodiffusion pour des marques sans quelque chose pour eux. Plus de gens seront disposés à partager en privé avec un ami ou un membre de la famille. Les liens permettant le partage par courrier électronique ou un service de messagerie instantanée tel que WhatsApp fonctionneront probablement mieux.

Intégrer les portefeuilles de paiement

Services de portefeuille de paiement tels que PayPalApple Pay et Android Pay sont à la hausse. Il est de plus en plus courant de les voir comme des options sur les flux de paiement en ligne. En fait, ils peuvent tuer la caisse standard et éventuellement l'utilisation de cartes de crédit et d'argent tout à fait.

refonte du commerce électronique - intégration amazon pay
Tamara Mellon (à gauche) a l'option Apple Pay, PayPal et Amazon Pay dans son panier et à la caisse. Gucci offre la possibilité de passer à PayPal à partir de la notification "ajouter au panier".

Entrer un mot de passe, une empreinte digitale ou un scan du visage, puis terminer le paiement immédiatement, est beaucoup plus pratique que de remplir des formulaires. Le commerce électronique étant dominé par le mobile, il est essentiel d’offrir un paiement facile, qui ne nécessite pas un remplissage de formulaire fastidieux.

La simplicité d'utilisation devrait inciter plus d'utilisateurs à compléter la commande avec vous. Il existe également un avantage en matière de sécurité, car les utilisateurs se sentiront probablement plus en sécurité si leur portefeuille leur sert d’intermédiaire s'ils n’ont jamais entendu parler de votre marque.

Parmi les tests que j'ai effectués sur les flux de paiement, j'entends régulièrement des commentaires tels que «Je préfère de loin l'option d'utiliser PayPal» et «Je suis très soucieux de la sécurité et ne paierai que via PayPal». PayPal est actuellement bien connu, mais vous devez choisir les pays et les appareils les plus populaires de votre site.

Autoriser les utilisateurs à collecter

Un nombre croissant de sites de commerce électronique offrent aux utilisateurs la possibilité de récupérer leur commande plutôt que de la faire livrer. C'est bon pour les utilisateurs qui ne sont pas souvent à la maison et qui ne peuvent pas être livrés à leur lieu de travail. Donner cette option ne fera qu'augmenter le nombre d'utilisateurs pouvant acheter chez vous.

La méthode la plus simple (et souvent la meilleure) consiste à ajouter la collecte au lieu de la livraison dans la caisse. Demandez à l'utilisateur de saisir son emplacement et montrez-lui les options lui permettant de récupérer sa commande. Il est également important d'indiquer les heures d'ouverture du lieu de prise en charge. Ces données proviennent souvent de l'intégration à une entreprise de livraison.

Une fenêtre de clic et de récupération à la caisse d'ASOS, permettant à l'utilisateur de choisir le dépanneur auquel envoyer sa livraison.

L’approche la plus complexe consiste à intégrer l’option de collecte dans chaque page de détails du produit sur le site. Cela a du sens si vous avez magasins de briques et de mortier car il permet la vérification des stocks dans des magasins spécifiques.

Toutefois, des problèmes peuvent survenir lorsque les utilisateurs ont plusieurs produits dans leur commande. S'ils ne sont pas prudents, ils peuvent se retrouver avec certains produits à livrer et d'autres à récupérer (un panier 'mixte'). Pour éviter cela, je recommande au plus tôt de laisser l’utilisateur spécifier le ramassage ou la livraison au stade du panier afin que cela s’applique à l’ensemble de la commande.

Plus de conseils sur le commerce électronique

C’est huit façons de s’assurer que votre site de commerce électronique est repensé pour être adapté à 2019 et aux systèmes ultérieurs. Bien sûr, il y a plus que cela à considérer lors de la refonte d'un site Web de commerce électronique complet. En fait, j'ai écrit un livre contenant les directives 66 pour la conception de magasins en ligne convertis, sur la base des années d'expérience de la conception UX dans 10.

Le livre s’appelle Designing Ecommerce Websites, c’est disponible sur Amazon dans une variété de formats, y compris broché et Kindle. Ou vous pouvez obtenir le version PDF numérique sur mon site, qui inclut toutes les illustrations du livre imprimé. Vous pouvez aussi obtenir 15% de réduction la version numérique pour un temps limité avec le code promo PLATFORMS.