web-dev-qa-db-fra.com

Meilleure méthode pour avertir l'utilisateur lorsqu'il ajoute des articles à son panier / panier

Je fais des recherches sur les méthodes permettant aux divers sites Web de commerce électronique d'aviser leurs utilisateurs lorsqu'ils ont ajouté des articles à leur panier.

D'après ce que j'ai vu (je fais encore des recherches) jusqu'à présent, presque tous mettent à jour le `` nombre '' d'articles et/ou additionnent les valeurs totales des articles, par ex.

http://www.debenhams.com/

Mais sur le site Web de John Lewis, ( http://www.johnlewis.com/ ), ils informent l'utilisateur avec la même méthode mais changent également la couleur d'arrière-plan de la section `` panier '' du blanc en une nuance de vert.

Quelqu'un est-il d'accord avec cette méthode de notification à l'utilisateur ou connaît-il d'autres sites Web qui mettent en œuvre une meilleure façon de notifier l'utilisateur?

1
Enor

L'approche la plus populaire est celle que vous avez décrite, lorsque seuls les chiffres changent à côté du panier. Je suis totalement d'accord que ce n'est pas très informatif. Découvrez ASOS.COM Je pense qu'ils ont repensé un panier il n'y a pas longtemps et j'adore la façon dont ils affichent les informations. 1er lorsque l'utilisateur clique sur "ajouter au panier" l'article et le prix sont affichés à côté du panier, puis il disparaît. Lorsque l'utilisateur survole le panier, il affiche les articles dans le panier, de sorte que l'utilisateur n'a pas à passer à la caisse ni à voir le panier pour voir ce qu'il contient.

2
Igor-G

Je ne suis pas d'accord pour dire que l'approche la plus populaire est celle décrite dans la question.
Il y a quelques mois, j'ai sondé 30 grands sites de commerce électronique tirés du haut de cette liste.
http://www.internetretailer.com/top500/list/
J'ai trouvé 3 modèles d'interaction pour l'action "ajouter au panier":

  • Cliquer sur Ajouter au panier (ou son équivalent) a ajouté l'article au panier et remplacé la page du produit par la page du panier.
  • Cliquer sur Ajouter au panier affiche temporairement une petite version du panier sur la page du produit. La petite version du panier apparaît généralement dans le coin supérieur droit de la page.
  • Cliquez sur Ajouter au panier pour afficher un message texte (par exemple, `` Vous l'avez acheté! '') Quelque part dans la page.

Bien que tous les sites contiennent une icône de panier dans l'en-tête de la page et que l'icône contienne un nombre indiquant le nombre d'articles dans le panier, je n'ai pas vu l'interaction décrite dans la question. Basé sur le principe newtonien de l'interaction homme-machine - "chaque action de l'utilisateur devrait avoir une réaction système perceptible et compréhensible" - l'interaction décrite dans la question semble la moins susceptible de bien fonctionner.

Bien que vous n'ayez pas posé de questions sur le paiement, je m'attends à ce que vous disposiez d'un ensemble de pages de paiement. Voici une enquête sur 100 séquences de paiement de sites de commerce électronique.
http://baymard.com/checkout-usability/benchmark

1
ux se name

Bien que cela ne soit pas si courant, j'aime l'approche consistant à afficher une liste des articles placés dans le panier, ainsi que la vignette de l'article et un total cumulé. Cela donne une indication claire de ce qui a été placé là-bas, bien que cela dépende, certes, de la quantité de biens immobiliers dont vous disposez/que vous êtes prêt à abandonner pour accueillir le système.

Voici une maquette très grossière , mais elle devrait vous donner une idée.

enter image description here

Bien sûr, avec cette méthode, vous avez également la possibilité d'inclure la fonctionnalité "Glisser vers le panier". Quelque chose que j'ai vu fonctionne assez bien.

1
Daniel Meade