Meilleures pratiques position du bouton d'annulation dans les modaux

1. Où devraient être placés sur les boutons modaux?
2. Devrait annuler à gauche ou à droite?
3. Les modaux ont-ils besoin d'un bouton d'annuler?

Où devraient être placés sur les boutons modaux?

Dans les modaux et les boîtes de dialogue, alignez les boutons à droite, ou envisagez peut-être un alignement central. Justification: Toutes les principales plateformes (Windows & macOS) Alignez à droite les boutons d'action de terminaison dans les modales / boîtes de dialogue, les utilisateurs scannent les modaux dans un modèle «Z» (consultez le «diagramme Gutenberg»).

Devrait annuler à gauche ou à droite?

Dans la plupart des langues, les gens sont habitués à lire du côté gauche au côté droit, donc cela s'accorde avec nos habitudes de discours pour mettre OK-Key sur le côté gauche de Cancel-Key. 2. Le type «OK / Cancel» facilite la voir et la sélection d'Ok-Key.

Les modaux ont-ils besoin d'un bouton d'annuler?

Votre fenêtre modale aura besoin d'un bouton «Annuler» si l'utilisateur fait une tâche où il entre dans les informations. S'il y a un formulaire dans votre modal, il est important que l'utilisateur ne clique pas en dehors de la fenêtre pour le fermer. Pour éviter cela, offrez aux utilisateurs un bouton «Annuler» comme la seule façon dont l'utilisateur peut fermer la fenêtre.