web-dev-qa-db-fra.com

Position des boutons Plus et Moins pour sélectionner le nombre de passagers?

Nous discutons en studio de la position des boutons plus et moins dans cet élément d'interface utilisateur. Je sens que vous regardez naturellement vers la droite pour 'augmenter' ou 'aller de l'avant', bien que j'aie vu plus positionné à gauche dans d'autres cas.

Que pensez-vous de ceci?

Plus/Minus UI

8
Olly Sorsby

Dans ce contexte, le '+' sur le à droite est plus naturel, en raison de la direction que nous écrivons. Cependant, si le "-" et le "+" étaient présentés verticalement, l'intuition aurait le "+" en haut, contrairement à la direction d'écriture.

5
Alex P

le [+] semble plus naturel à droite. Je suppose que cela pourrait être dû aux lignes de nombres dans la classe de mathématiques. Cela pourrait être la base de notre modèle mental.

<--------------------------------->
 -2     -1     0     1     2     3
3
Adam Scroggin

La réponse est: cela n'a pas d'importance.

Le NNGroup a fait une étude sur OK-Annuler ou Annuler-OK .

Ils ont constaté que la chose la plus importante est la cohérence dans la façon dont le design est présenté (donc, quelle que soit la décision que vous décidiez, vous devez la conserver de cette manière sur tout le site).

ÉDITER ---

Permettez-moi de créer un scénario beaucoup plus réaliste. Les sites sur lesquels j'ai travaillé qui ont ce type de fonctionnalité ont dû être conçus pour répondre à un public plus large et plus mondial. La cohérence est beaucoup plus importante que l'arrangement parce que si vous approvisionniez une langue qui n'était pas seulement l'anglais? L'arabe est de droite à gauche par opposition à gauche à droite en anglais. Si tel était le cas, comment organiseriez-vous les boutons dans ce cas si vous répondiez aux deux? Par conséquent: la cohérence est plus importante que la disposition des boutons. Si vous créez un langage visuel, assurez-vous de le suivre, sinon c'est ce qui cause de la confusion.

3
Majo0od

Je préfère les mettre tous les deux du même côté, [+] en haut. De cette façon, ils sont juste à côté les uns des autres, donc lorsque je clique sur [+] trop de fois, je peux rapidement corriger mon erreur en quelques pixels seulement.

(Ceci est une loi de Fitts , pas une question OK/Annuler.)

2
Ken Mohnkern

Les boutons +/- sont préférés uniquement si le nombre maximum de passagers autorisés est petit, disons 3. N'importe quel nombre de plus que cela, j'irais avec une liste déroulante de 1 à 10 chiffres. Pour toute valeur supérieure à 10 serait un texte modifiable.

Arrivé au point où le bouton + peut être placé, je pense (personnellement, je préfère) La bonne position est idéale.

2
Manjunath Hegde

Je les utilise, mais j'ai le numéro dans un champ de texte, donc l'utilisateur peut également entrer le numéro s'il le souhaite. Donc, si quelqu'un en a 1 ou 2, il suffit de cliquer une fois.

Mais c'est pour mon panier, donc le visiteur occasionnel peut commander 5, 10 ou même 20 d'un produit, mais la plupart du temps c'est juste un ou deux.

1
Source

Je dirais que l'étude "Annuler-OK vs" OK-Annuler "car certaines réponses mentionnent ne s'y rapporte pas du tout." Annuler "et" OK "sont des actions qui ne correspondent pas à un ajustement linéaire d'une valeur, alors que" - "et" + "font.

Pour illustrer ce point, pensez à une droite numérique. L'arrangement enseigné dans les écoles et le plus souvent visualisé est:

... 0 1 2 3 4 5 6 7 8 9 ...

Par conséquent, il est très naturel que le moins se déplace vers la gauche et le plus se déplace vers la droite.

Remarque: pour aborder la mise en œuvre de cet élément, je voudrais permettre à l'utilisateur d'utiliser le plus et le moins pour ajuster leur valeur, mais aussi permettre à l'utilisateur de saisir l'entrée. J'éviterais les listes déroulantes, car elles sont maladroites à utiliser sur un appareil mobile.

1
maxathousand

Je suis d'accord avec les autres réponses, Plus semble correct à droite. Si ça va, je voulais donner quelques réflexions sur le design que vous avez posté et le positionnement des éléments.

À mon avis, comme les champs (adulte, nourrisson, etc.) sont assez proches les uns des autres, il pourrait y avoir une "confusion" minimale avec les signes plus moins. Je suggère de centrer le texte avec le nombre entré pour renforcer sa relation (comme cela se fait déjà avec la couleur blanche).

De plus, si le bouton est désactivé, j'afficherais le signe avec moins d'opacité, de la même manière que pour la couleur d'arrière-plan.

Juste un dernier commentaire, je suppose que la distribution des entrées suit un certain ordre, sinon je pourrais m'attendre à ce qu'elle soit de moins à plus d'âge, ce qui pourrait aider à comprendre rapidement, avant de regarder les âges, la différence entre le nourrisson et les enfants (je Je ne suis pas natif anglais et ce n'est pas aussi évident pour moi).

flight

0
Alvaro