Position des boutons négatifs / positifs
Considérez deux boutons:
- D'ACCORD
- Annuler
Le bouton positif "OK" doit-il être placé à droite ou à gauche? Y a-t-il une règle ou une convention qui doit être suivie dans ce cas. Considérez l'image suivante. Il y a un bouton Approuver et un lien Refuser.
- Le bouton Approuver doit-il être à gauche ou à droite de Refuser?
- L'option "Refuser" devrait-elle également être un bouton ou un lien?
Un problème commun, où nous avons la réponse à l'article du groupe Norman Nielsen OK-Annuler ou Annuler-OK? :
TL; DR
Résumé: le bouton OK doit-il venir avant ou après le bouton Annuler? Suivre les conventions de plate-forme est plus important que de sous-optimiser une boîte de dialogue individuelle.
La longue histoire
Nous recevons d'innombrables questions sur les petits détails de la conception de l'interface utilisateur qui importent peu à l'expérience utilisateur globale. Un classique est l'ordre des boutons dans les boîtes de dialogue:
OK/Annuler
Annuler/OK
Les deux sont des choix raisonnables et les gens peuvent discuter pendant des heures de leurs préférences:
La liste OK prend d'abord en charge l'ordre de lecture naturel en anglais et dans d'autres langues qui se lisent de gauche à droite. De nombreux autres ensembles de boutons ont une progression naturelle (par exemple, Oui/Non ou Précédent/Suivant). Vous devez toujours les répertorier afin que l'ordre de lecture corresponde à l'ordre logique - dans ce cas, OK/Annuler. De plus, en supposant que les utilisateurs ont besoin de OK beaucoup plus fréquemment qu'Annuler, il est préférable de placer cette option en premier afin que les utilisateurs pilotés par clavier qui tabulent les boutons puissent accéder à leur choix préféré avec une frappe de moins. La liste OK améliore le flux en dernier, car la boîte de dialogue "se termine" avec sa conclusion. En outre, comme pour Précédent/Suivant, vous pouvez faire valoir que OK est le choix qui fait avancer l'utilisateur, tandis que Annuler recule l'utilisateur. Ainsi, OK devrait être au même endroit que Suivant: à droite.
Je pense que placer des boutons "positifs" sur le côté droit est un meilleur choix car cela vous donne:
- flux visuel plus rapide
- la numérisation est plus facile
Très important est également le poids visuel des boutons "positifs" et "négatifs".
Compte tenu de votre capture d'écran, tant que les boutons de toutes les lignes sont alignés et que tous les boutons positifs apparaissent ensemble dans une colonne, les boutons positifs fonctionnent d'abord mieux en anglais et dans d'autres langues lues de gauche à droite.
Une raison logique à cela serait la conformité à la loi de Fitt en gardant les actions positives en premier et plus près du reste des éléments de la page, ce qui faciliterait l'accès à ces actions cibles.
Dans votre exemple, vous devez d'abord réfléchir à la manière dont vos utilisateurs interagiront le plus souvent avec ces boutons.
Un utilisateur qui interagit avec une souris voudra probablement le bouton "Approuver" à gauche, où il est plus proche du contenu.
En revanche, si tous vos utilisateurs interagissent avec votre formulaire via l'écran tactile mobile, le fait de placer le bouton "Approuver" à droite le placera à l'emplacement le plus facilement accessible.
Si vos utilisateurs interagissent régulièrement via plusieurs interfaces, vous ne devez pas modifier la position des boutons en fonction de la machine utilisateur, car cette incohérence est plus susceptible de dérouter ou de frustrer les utilisateurs qui utilisent les deux. Vous devez choisir un ordre de bouton et l'utiliser pour toutes les interfaces.
Si vos boutons étaient des boutons de navigation dans une boîte de dialogue, ce serait une préoccupation différente. En tant que boutons de navigation, où "OK" et "Annuler" sont équivalents à "Suivant" et "Précédent", respectivement, le bouton "OK" doit être à droite, car la plupart des interfaces existantes utilisent l'ordre de lecture de gauche étant "Précédent" et droit d'être "Suivant".