web-dev-qa-db-fra.com

Les utilisateurs remarquent-ils les cases à cocher "Ne plus afficher cela"?

Dans un panier, les articles peuvent avoir une remise, mais si un utilisateur demande une livraison express pour un article spécifique, la remise changera. Je dois les en informer.

1 article = 1 ligne. La promotion est affichée sur la ligne et l'utilisateur peut utiliser une case à cocher à la fin de la ligne pour indiquer s'il souhaite une livraison express sur l'article (voir la maquette ci-dessous).

cart mockup

La solution à laquelle j'ai pensé serait d'afficher une fenêtre pop-up lorsque l'utilisateur coche la case "express" pour lui dire que la promotion va changer. Pour éviter d'avoir un pop-up tout le temps, une case à cocher "Ne plus me montrer ceci" serait disponible mais sera-t-elle cliquée?

7
Edouard

Je pense que ce que nous pouvons d'abord examiner ici, c'est d'autres options en plus de votre popup. Un couple qui jaillit rapidement est le mien:

1 - Un avertissement licenciable au-dessus du panier - offrant une portée complète du panier - "Les articles promotionnels ne sont plus réduits lorsque la livraison urgente est sélectionnée". Si ce n'est pas assez important, un rejetable (ou, je suppose, chronométré, mais personnellement je n'aime pas tellement ça) dans un endroit plus évident - c'est-à-dire un contexte de ligne unique et placé au-dessus de la ligne. Ceux-ci doivent être mis en évidence en utilisant une couleur ou un type. (c'est-à-dire le rendre ambre, ou gras, ou quelque chose)

2 - si cela ne peut pas être fait, ou si vous préférez, pourquoi ne pas utiliser un peu d'iconographie dans la colonne où va le% promo? Vous pourriez faire quelque chose comme ci-dessous que j'ai très rapidement mais ensemble et ce n'est pas très bon! Si cela ne suffit pas, une explication pourrait être disponible via une info-bulle/un lien comme bon vous semble.

No product discount available

Aussi, si je peux être effronté, et ce n'est qu'une préférence personnelle; Je pense que "N/A" ou mieux "None" est plus descriptif qu'un "-" dans les lignes non actualisées. Ou même une cellule vide. Mais c'est juste moi!

7
TJH

En plus de les suggestions offertes par TJH , je suggérerais une autre approche: clignote le "discount" cell background dans un autre couleur lorsque la valeur change en raison d'une autre action (sans lien intuitif) prise par l'utilisateur, telle que la sélection de la livraison express, pour attirer son attention sur celle-ci de manière non intrusive.

Vous pouvez également ajouter une barre de message quelque part expliquant ce qui s'est passé, mais veillez à ce que la page ne se déplace pas à cause de cela. Il y a peu de choses plus ennuyeuses que de perdre votre objectif avec la souris parce que la page entière change quand vous faites quelque chose, et au moins je me demande toujours si j'ai fini par cliquer au bon endroit.

J'irais même jusqu'à dire que le fonctionnement modal devrait généralement être évité dans la mesure du possible.

3
a CVn

Je vous suggère d'utiliser la rétroaction non modale, telle que définie par Alan Cooper dans son livre About Face 2.0:

La rétroaction est non modale chaque fois que les informations pour l'utilisateur sont intégrées dans l'interface principale et n'arrête pas le flux normal des activités et des interactions du système.

Il existe déjà quelques suggestions de rétroaction non modale, par exemple @HEM, mais je vous donnerai aussi ma suggestion.

Placez "urgent" et "promotion" aussi près que possible. Lorsque l'urgence est modifiée, faites clignoter ou clignoter le champ de promotion, modifiez la couleur et la valeur du champ de promotion et affichez une zone de texte jaune juste au-dessus des étiquettes (ne masquez pas les éléments de conception) avec le message approprié, par ex. "Urgent n'a pas de promotion". Gardez la boîte jaune pendant quelques secondes, puis effacez-la progressivement. Vous ne pouvez afficher ce message que pour les un ou deux premiers clics "urgents" de la commande.

Des messages similaires sont donnés sur gmail:

gmail message

2
DesignerAnalyst