human
Je me suis creusé la tête pour savoir où placer le bouton de soumission, à gauche ou à droite. En faisant des recherches, j'ai remarqué que de nombreux sites placent les boutons en bas à droite dans les boîtes de dialogue, et en bas à gauche dans les formulaires.
Cela a du sens : dans une boîte de dialogue, cela semble indiquer la finalité, étant à l'extrémité de la fenêtre pour les lecteurs de gauche à droite ; dans un formulaire, le bas à droite pourrait être dans une position différente par rapport au reste du formulaire si la fenêtre est redimensionnée.
Cela semble être une convention, mais les boutons OK/Annuler doivent-ils être alignés à droite ou centrés ?
Les boutons OK/Annuler doivent-ils être alignés à droite ou centrés
gpt
Où placer le bouton de soumission doit être décidé afin de répondre aux attentes des utilisateurs, il était préférable de placer le bouton à l'endroit où les utilisateurs s'attendent à le trouver dans le contexte du formulaire ou de la boîte de dialogue qu'ils utilisent et en tenant compte de la taille de la fenêtre.
Les formulaires ont tendance à être justifiés à gauche tandis que la fenêtre du navigateur peut laisser beaucoup d'espace blanc à remplir sur un grand écran (surtout en mode plein écran). Étant donné que les yeux des utilisateurs ne quittent jamais la partie gauche de la fenêtre, nous plaçons le bouton en bas à gauche. Cela est particulièrement important pour les formulaires qui utilisent le nom du champ au-dessus du champ, la plupart des champs étant alignés à gauche sur le formulaire (par opposition aux champs à droite de leurs noms).
Les petites fenêtres de dialogue et les fenêtres modales ont une largeur fixe et sont généralement petites. La plupart contiennent des phrases ou des questions simples, lues de droite à gauche : avoir un bouton en bas à droite donne l'impression d'être à la fois la position la plus progressive et le dernier endroit où se posent les yeux. Si la fenêtre modale était suffisamment grande pour contenir un long formulaire, nous suivrions probablement le premier principe des formulaires.
En fin de compte, la règle heuristique est la suivante :

* Les grandes fenêtres et les formulaires ont le bouton en bas à gauche.
* Les petites fenêtres et les boîtes de dialogue ont le bouton en bas à droite.

Notez les boutons sur les sites de stackexchange :

* Le bouton "Publier votre réponse" en bas à gauche du formulaire plus long.

* Le bouton "Ajouter un commentaire" à droite d'un petit champ.

De plus, avec la nouvelle loi du "mobile-first responsive", l'emplacement du bouton varie encore plus en fonction du contexte et des attentes des utilisateurs. Parfois, il est également au milieu !
Nous commençons maintenant à simplement placer les boutons à gauche même pour les petits formulaires s'ils sont en ligne... et de plus en plus de formulaires apparaissent en ligne grâce à JavaScript.