web-dev-qa-db-fra.com

Comment puis-je améliorer cette expérience Ajouter au panier?

Nous avons une plate-forme simple où les lecteurs peuvent acheter des ebooks. Auparavant, les lecteurs ne pouvaient acheter qu'un seul livre électronique à la fois et nous avons finalement ajouté une fonction de panier, mais je pense que nous ruinons notre processus d'achat auparavant simple.

Voici à quoi ressemble une page d'achat:

enter image description here

Lorsque vous ajoutez un ebook au panier, vous obtenez cette vue:

enter image description here

Le problème ici est que le lien "Ajouter au panier" est très petit et peut être ignoré. De plus, cette zone semble assez occupée même avec ce petit lien.

Nous prévoyons de lancer cela et d'obtenir des commentaires, mais j'apprécierais vraiment vos pensées et vos idées ou conseils pour améliorer cela?

9
Abs

Je ne pense pas qu'il y ait un grand avantage à avoir à la fois les options "Acheter maintenant" et "Ajouter au panier", si la seule différence est que l'on emmène le client directement à la caisse. Je pense que c'est une complication inutile qui oblige le client à réfléchir à la route à suivre. Le paradigme traditionnel consistant à ajouter des produits à un panier puis à passer à la caisse est si bien compris qu'il ne vaut probablement pas la peine de s'écarter à moins qu'il y ait un avantage clair.

Au lieu de deux boutons sur la page du produit, j'aurais une seule incitation à l'action "Ajouter au panier" (comme le gros bouton vert "Acheter maintenant" dans votre capture d'écran) qui ajoute le produit au panier, affiche une confirmation en ligne , et inclure une invite pour passer à la caisse à partir de ce point.

9
Matt Obee

En général, le bouton add to cart Est destiné à permettre aux utilisateurs d'acheter plusieurs articles en une seule opération de paiement. Lorsque vous avez activé l'achat d'un ebook à la fois, cette option était redondante, mais elle permet désormais:

  • acheter plusieurs articles en utilisant le même moyen de paiement et la même adresse de livraison (ou la même adresse e-mail pour les liens de téléchargement)
  • réduire les frais de port en expédiant des articles ensemble (ne concerne pas les livres électroniques)
  • changer les articles si vous trouvez quelque chose que vous préférez, par exemple un paquet d'une série de livres au lieu de deux livres séparés

Vous pouvez souligner l'option add to cart En lui donnant un bouton au lieu d'un lien et en soulignant la différence entre les deux avec des icônes différentes (par exemple, panier complet + coche pour buy now Vs article unique dans le panier pour add to cart), La question est de savoir à quelle fréquence les gens veulent add to cart Par rapport à buy now.

En comparant avec d'autres sites que vous pouvez voir sur eBay :

Buy It Now, Add to cart

et le Amazon :

Add to Cart, Buy now

Il est donc clair que les deux sites traitent add to cart Et buy now Comme des options d'égale importance.

Vous pouvez aller avec deux boutons l'un en dessous de l'autre comme le font les autres sites:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Ou côte à côte:

mockup

télécharger la source bmml

La deuxième option, cependant, fait que l'action share for discount Semble trop dominante à mon avis.

La vue du panier est une bonne expérience, cependant, vous devez vous assurer qu'elle dispose d'une option d'édition (par exemple pour supprimer des articles, changer la quantité) et qu'elle peut être actualisée (idéalement automatiquement) si le panier est stocké sur le serveur (donc si un utilisateur ajoute un élément via un onglet différent, l'onglet actuel reflétera le changement). Vous pouvez le faire en changeant le titre du panier en lien et/ou en y ajoutant un bouton/lien d'édition.

Vous devriez également envisager de lancer quelques options et de les tester A-B pour voir laquelle est préférable pour vos utilisateurs.

2
Danny Varod

Actuellement, de nombreux sites proposent cette fonctionnalité. Et c'est utile non pas parce que c'est une tendance mais les gens pensent que cela leur fait gagner du temps car cela évite un minimum de 2 rechargements de page.

Mais l'idée d'avoir à ajouter à la carte en tant que très petit texte est mauvaise.

Il serait préférable que les deux soient des boutons. 1. Ajouter au panier peut être plus grand et l'option principale 2. En dessous de cela peut être le bouton acheter maintenant dans une couleur contrastée. (la taille peut être la même dans certains cas selon l'interface utilisateur)

Par exemple, consultez cette fonctionnalité sur flipkart.com le meilleur site en ligne en Inde.

http://www.flipkart.com/smashing-ux-design-foundations-designing-online-user-experiences-smashing-magazine-book-series-english/p/itmczz9qhz8tqua6?pid=9780470666852&otracker=from- recherche & srno = t_1 & query = ux & ref = 558784f1-4d6e-4f30-841f-dbb0b39be6c9

J'espère que cela pourra aider!!

ÉDITER:

Voir cet exemple d'Amazon.in Example for share, buy now and add to cart Dans cet exemple, les options de partage et les deux autres boutons (acheter maintenant et ajouter au panier) sont ci-dessous.

Dans votre cas, vous pouvez avoir votre bouton de partage sur une ligne (car il a un texte long) ajouter un séparateur en dessous et dans la ligne suivante avoir les deux Achetez maintenant et ajoutez au panier des boutons occupant la moitié de l'espace sur la même ligne.

2
Siva-Dev-Wizard

Ajouter au panier est une bonne option si vous souhaitez vendre plusieurs articles en un seul achat. Cette stratégie fonctionne bien avec les biens physiques afin d'augmenter le montant total de l'acquisition et de réduire le prix des frais de livraison pour l'entreprise.

Je pense que si l'utilisateur clique sur ajouter au panier, la page devrait fournir des livres supplémentaires similaires aux livres achetés. Vous pouvez rendre leur prix un peu différent, comme le deuxième livre est devenu moins cher ... Cela aura une meilleure influence plutôt que de montrer que le livre est ajouté au panier.

Si vous cliquez simplement sur le bouton Acheter maintenant, la page devrait être directement dirigée vers l'action d'achat - qui peut probablement être connectée au bouton de paiement.Rendez-la aussi vite que possible ...

Juste une idée que vous pouvez rendre le bouton de partage un peu plus petit que l'autre bouton d'action. Certaines études prouvent que la taille est également une variable importante.

Les boutons de partage social peuvent être perçus comme partageant la page principale ou le produit en raison de sa place. Je pense que le partage social peut également être utilisé pour terminer une action d'achat comme "Veuillez garder le silence, je vais lire mon nouveau livre - [titre du livre]".

1
Abektes