Avez-vous déjà demandé pourquoi les épiceries placent le lait à l'arrière du magasin et des chocolats près du comptoir de la caisse?
Simple: plaçant l'essentiel à l'arrière du magasin encourage les consommateurs à se promener et voir d'autres produits. Mise en place de petits objets (comme les chocolats) près du comptoir de la caisse favorise les achats impulsifs.
Tout cela est une partie de la science de la conception du magasin. L' right store layout can boost sales, améliorer la fidélité et aider les clients à trouver ce qu'ils veulent plus vite.
Votre boutique en ligne n'est pas différent. L'organisation et la présentation de vos produits ont un grand impact sur ce (et comment) les clients achètent de vous.
Dans cet article, nous allons vous montrer comment vos produits de mise en page pour maximiser les ventes et les conversions.
3 Les choses à prendre en compte lors de la sélection d'une mise en page de produit
mise en page de produit peut paraître comme un simple problème lorsque vous approchez. Cependant, comme la plupart des choses dans le commerce électronique, les complexités apparaissent une fois que vous plonger dans les détails. Il y a trois choses que vous devez considérer lorsque vous choisissez une mise en page produit:
1. Choix
Le choix est une épée à double tranchant pour les magasins de commerce électronique. Le manque de choix signifie que vous limiter les possibilités. Trop de choix, cependant, et vous laisser les visiteurs confus.
mise en page efficace des produits est essentiellement un processus d'équilibre cette dualité. C'est: donnant l'impression de choix abondant, tout en gardant le site facile à utiliser et à naviguer.
La science dit que la prise de décision est éprouvante mentalement. Lorsque vous affrontez les clients avec trop de choix, ils sont susceptibles de ne pas faire un choix du tout.
Alors, comment voulez-vous résoudre ce problème dans votre mise en page du magasin?
Une solution consiste à utiliser des images en vedette qui mènent à d'autres produits. Par exemple, remarquez comment Made.com utilise des images distinctes pour les catégories entières de produits (tels que « meubles de jardin »):
Pensez à cela comme un teaser pour attirer les clients.
Idéalement, vous voulez garder votre best-seller ou de produits les plus désiré avant et au centre.
Donc, avant de commencer le processus de mise en page, liste les opérations suivantes:
- Votre gamme de produits et de leurs catégories et sous-catégories respectives
- catégories fonctionnelles telles que « meilleurs produits de vente », "produits présentés", etc. et les produits en eux.
L'étape suivante consiste à utiliser ces informations pour construire un menu de navigation bien organisé. Remarquez comment Amazon organise les produits dans les catégories dans le menu.
Faire cela aidera les consommateurs à trouver ce qu'ils veulent, sans les accabler avec trop de choix.
Si votre magasin Ecwid est ajouté à un site Web, vous pouvez ajouter un menu de navigation en ajoutant un morceau de code:
- for a horizontal layout
- pour une mise en page verticale.
Here are the instructions for Ecwid stores added on WordPress et Wix sites web, trop. Sur Ecwid Instant Site, le menu horizontal est uniquement disponible.
2. Information produit
Voici un autre jeu d'équilibre à réaliser lors de la sélection d'un agencement de magasin: afficher les informations de produit.
Vous voulez donner aux clients les informations dont ils ont besoin de cliquer et faire un achat. Dans le même temps, vous ne voulez pas les accabler avec trop de détails – du moins pas avant qu'ils ne soient sur la page du produit réel.
Votre modèle mental dans cette situation devrait être de faciliter la prise de décision et susciter l'intérêt des clients. Demandez-vous: ce minimum d'informations mes clients ne doivent cliquer sur un produit?
Vous trouverez que cette réponse varie d'un magasin à un produit à.
Par exemple, remarquez comment Amazon vous donne seulement quatre points d'information sur la page de catégorie: nom du produit, prix (y compris réduction), Évaluation et disponibilité Prime:
Dans Ecwid, vous pouvez ajouter des notes et commentaires à l'aide de l'application Stampled.io.
Bien que cette information est nécessaire pour un grand détaillant comme Amazon, pour les petites entreprises comme Le sable & Bijoux pierre, évaluations ne sont pas aussi importants. Donc, les pages de catégorie ne montrent que le nom et le prix des produits.
Il est facile de tomber dans le piège qui consiste à donner trop peu d'informations dans les pages de catégorie. La meilleure façon d'éviter cela est d'interroger vos clients et leur demander quelles sont les informations qu'ils utilisent pour prendre des décisions d'achat.
3. conception de magasin
Comment avez-vous conçu votre magasin aura un grand impact sur votre mise en page du produit.
Un magasin de commerce électronique aura généralement trois pages clés:
- Page d'accueil
- Catégorie et pages de recherche
- pages produit
Quels sont les produits que vous choisissez de mettre en valeur sur chaque page de type décidera quels produits vos clients finissent par acheter.
Par exemple, noter comment Amazon promouvoir ses propres produits sur sa page d'accueil si vous n'êtes pas connecté:
Il est commun pour les magasins pour promouvoir les dernières offres sur la page d'accueil. Assurez-vous d'aligner ces offres avec votre public cible. BestMadeCo, par exemple, dirige une promo Le jour de père gardant à l'esprit sa clientèle majoritairement masculine.
Se concentrer sur:
- Déterminer quels produits vous voulez que les clients achètent (idéalement votre best-seller, et / ou des produits de marge les plus élevés)
- Le maintien de l'uniformité de la conception à travers différentes pages types.
Si vous décidez de mettre en valeur vos meilleurs vendeurs ou les nouveaux arrivants, Ecwid vous permet de créer une catégorie pour produits en vedette sur la page d'accueil et nommez-le selon vos besoins.
6 Les meilleures pratiques pour le commerce électronique de mise en page produit
Alors que vous pouvez certainement créer un schéma de mise en page unique pour votre boutique e-commerce, il aide à suivre quelques bonnes pratiques.
1. Poussez top produits et des offres au-dessus du pli
Le « au-dessus du pli » zone est l'écran immobilier visible lorsque les clients premier terrain sur votre site. En fait, ce domaine représente 80% de toute l'attention du spectateur sur la plupart des sites.
Compte tenu du genre d'attention cet espace devient, il est une bonne idée de placer vos meilleurs produits au-dessus du pli. Cela peut inclure:
- Dernières offres, et remises
- Meilleures ventes de produits ou catégories de produits
- Les produits lancés récemment (qui fonctionne le mieux au début d'une saison des achats)
Sur Target.com, par exemple, vous verrez les dernières offres en haut de la page:
Si vous avez beaucoup d'offres, envisager d'ajouter un curseur, comme cet exemple de Walmart. Notez également les promotions en cours sous le menu de navigation:
Certains détaillants de mode traditionnels évitent dispositions en faveur de la promotion d'une image de marque. Sur ASOS, par exemple, vous obtenez une image de marque avec une option pour « boutique Homme » ou « Boutique Women ».
Cette tactique fonctionne quand vous essayez de promouvoir une vision de la marque avec un lookbook. La plupart des détaillants, cependant, fera mieux avec un classique produit d'abord au-dessus du pli mise en page.
Suivez la même idée sur les pages de catégorie: pousser votre best-seller et des produits de premier ordre au-dessus du pli. Par exemple, consultez les pages de la catégorie d'Amazon:
2. Mélanger mises en page horizontale et verticale
Il existe essentiellement deux façons la mise en page de vos produits sur une page: horizontalement ou verticalement.
Une disposition horizontale reste statique. Il y a un bouton au bord de la page pour faire défiler les listes plus.
Cet exemple d'Amazon illustre mieux les choses:
Dans Ecwid, Derniers produits consultés sont également représentées horizontalement. Vous pouvez choisir le nombre d'éléments pour les afficher en haut ou en bas de votre devanture de magasin.
Produits connexes Un autre article orienté horizontalement. Les produits de ce groupe sont mis en place individuellement pour chaque page de produit qui permet de cibler vos clients avec des ajouts très pertinents à leurs commandes. Vous pouvez les afficher sur les pages de produits et sur la page du panier.
En revanche, une disposition verticale ne pas ces boutons de défilement. Au lieu de cela, vous voyez de plus en plus de produits dans un alignement de grille que vous faites défiler vers le bas. Comme ça:
Idéalement, vous devez utiliser un mélange de ces deux dispositions:
- disposition horizontale lorsque vous souhaitez montrer quelques produits de beaucoup de catégories, comme dans Produits récemment vus
- mise en page verticale lorsque vous voulez montrer beaucoup de produits de la même catégorie, par exemple une pages de recherche et catégorie
3. Suivez les attentes des congrès et de l'utilisateur
Il y a des situations où vous voulez être non conventionnelle avec votre conception. La mise en page de produit est l'un d'entre eux.
Votre mise en page de produit est destiné aux utilisateurs orienter lorsqu'ils atterrissent sur votre site. Une mise en page classique veille à ce qu'ils trouvent ce qu'ils veulent et ne sont pas désorientés.
Conventions, bien sûr, varient d'un secteur à l'autre. Cependant, il y a quelques choses que vous devez prendre en compte:
Utilisez une mise en page de grille
Dans une présentation de la grille, les produits sont disposés dans des boîtes rectangulaires de taille égale, comme ceci:
Cette disposition a depuis longtemps la convention pour les sites e-commerce. Non seulement vos clients déjà être familier avec elle, il est également bon pour l'affichage des produits. Plus, il adapte bien – vous pouvez afficher une seule boîte sur les petits écrans, ou étendre à plusieurs boîtes sur les plus grands.
Lorsque vous utilisez cette mise en page, assurez-vous de garder les boîtes de taille égale. Comme le montre cette étude de cas, en utilisant des boîtes de taille égale peut augmenter les recettes par visiteur par autant que 17%.
Si vous vendez avec Ecwid, ce n'est pas un problème pour vous - Ecwid a une grille de taille égale qui s'adapte automatiquement aux différents écrans.
Afficher la navigation en haut des listes de produits
Une autre convention que vous devez suivre est de placer vos options de tri en haut de la page.
Les clients sont venus à attendre de ce placement et se tourneront naturellement ici quand ils atterrissent sur une page de catégorie.
clients Orient avec panure
Sont des éléments de navigation Breadcrumbs qui montrent aux utilisateurs leur chemin à partir de la page d'accueil, comme ceci:
les ajouter au en haut de la page permet d'orienter les visiteurs. Il leur dit quelle page ou catégorie ils sont et comment ils peuvent revenir à la page d'accueil.
4. Mettre l'accent sur les visuels, mais ne pas oublier le texte sur les pages produits
En ligne, la seule façon de montrer vos produits est par visuels. Voilà pourquoi les grandes images de produits sont connus pour augmenter les conversions e-commerce.
Cependant, tandis que les visuels sont importants, votre mise en page devrait également avoir de la place pour le texte descriptif. Bonne copie décrit non seulement le produit, mais contribue également à le vendre et votre marque.
Par exemple, examiner comment BestMadeCo utilise une forte copie sur son site pour vendre un produit récemment lancé. La mise en page permet le texte play off contre l'image parfaitement.
copie du produit est particulièrement important sur les pages produits. Votre mise en page doit donner aux clients toutes les informations clés dont ils ont besoin pour prendre une décision juste au-dessus du pli. Cela devrait inclure:
- Prix (y compris réduction, représenté visuellement)
- Evaluation du produit et nombre d'avis
- Les noms de produits et marques
- Si le produit est en stock (et si le stock est faible)
- Les détails d'expédition
- 2-3 détails clés de ce produit
Ceci est un exemple de comment ne pas la mise en page des produits. La page produit n'a pas de copie du tout - il est difficile de prendre une décision.
Comme avec la plupart des choses, La mise en page d'Amazon est parfait ici, donnant clients tout ce dont ils ont besoin pour prendre une décision.
5. Ajouter des recommandations de produits et produits connexes
Sur les pages de ce produit, vous avez deux objectifs:
- Obtenez le client à la page de paiement, ou
- Obtenez le client pour voir un autre produit
Pour le dernier, vous devriez avoir une section recommandée ou produits connexes. Vous pouvez placer ce soit après les informations du produit ou avant d'.
Amazon fait cela particulièrement bien. Notez que les produits connexes et les listes « ont également consulté » en dessous du pli:
Si vous avez plusieurs produits dans la même collection, assurez-vous de les afficher aussi bien. Voici un bon exemple de WorldMarket:
listes de produits connexes ne sont pas toujours visuelle. Vous pouvez également afficher les recherches associées aux clients directs aux articles qu'ils pourraient être intéressés.
Expérimentez avec différentes mises en page pour produits / recommandés. Essayez de les placer au-dessus du bas de page, description du produit ci-dessous, etc.
6. Expérience avec des détails sur les pages Mouseover catégorie
Une façon d'améliorer les taux de clics est d'offrir des détails supplémentaires lorsqu'un client déplace sa souris sur une image de produit sur les pages de catégorie.
Par exemple, ce site montre les détails du produit et un bouton Ajouter au panier sur le vol stationnaire de la souris:
Le but de cette tactique est de donner aux utilisateurs des informations clés à un coup d'oeil. Il fonctionne mieux lorsque vous attendez aux utilisateurs de naviguer à travers un grand nombre de produits rapidement, comme dans les magasins de vêtements. Il pourrait ne pas fonctionner pour d'autres catégories, mais vous pouvez toujours passer quelques tests fractionnés et voir les résultats.
Dans Ecwid, vous pouvez activer « Acheter maintenant » boutons sur les listes de produits pour aider vos clients à parcourir rapidement (et acheter) vos produits.
Lorsqu'un client clique sur un bouton, votre magasin ne sera pas ouvert toute la page produit. Au lieu de cela, votre client verra une fenêtre avec des options de produit:
Si votre produit ne dispose pas d'options, ça va aller tout droit au panier.
Conclusion
En ce qui concerne la mise en page du produit, il est préférable de rester à la convention et suivre ce que les leaders du marché font déjà. Catalogue vos produits en détail, les classer à fond, puis les organiser dans une mise en page de grille standard.
Les meilleures pratiques partagées ci-dessus fonctionnera pour la plupart des magasins dans tous les secteurs. Try them at your own store!
- Comment fixer la navigation de votre magasin
- Tout ce que vous devez savoir sur le marchandisage des produits
- Merchandising en ligne: Comment disposer les produits dans la boutique en ligne
- Qu'est-ce que le marchandisage de mode, et pourquoi est-ce si important?
- 10 Erreurs de conception des boutiques en ligne
- 15 Associations de polices parfaites pour votre site Web de commerce électronique
- Théorie des couleurs: Tout ce que vous devez savoir sur les thèmes de couleurs
- 7 Idées créatives pour votre page produit de commerce électronique
- Le pouvoir d'une image de héros dans la conception Web
- Principes UX incontournables à suivre dans une boutique en ligne
- Audit de conception de site Web
- Libérer la puissance de la conception UX pour le commerce électronique
- What’s the Difference Between UI and UX in Ecommerce?
