web-dev-qa-db-fra.com

Un bouton "Fermer" d'un modal de message de dialogue doit-il toujours être dans la même position et le même style?

Voici deux exemples d'une boîte de dialogue de message actuelle que nous avons dans l'application sur laquelle je travaille. Le bouton de fermeture est le bouton principal et unique dans la boîte de dialogue de gauche. C'est l'une des deux options dans la boîte de dialogue de droite, donc on lui donne la position/le style du bouton secondaire. Cela semble un peu gênant. Est-il préférable de toujours le garder au même endroit et dans le même style? Ou pour le traiter différemment quand d'autres options sont disponibles?

Nous avons également des messages qui ont "Annuler" qui se trouve toujours en bas à gauche avec le style du bouton secondaire. Je ne sais pas si cela a un impact sur la réponse à cela. enter image description here

2
MRL

En règle générale, nous mettons la séparation/distance entre deux boutons (dans votre exemple à droite) lorsque l'un des boutons fait quelque chose de destructeur (comme la suppression) et nous ne voulons pas que l'utilisateur tape accidentellement dessus lorsqu'il essaie d'effectuer l'action non destructive . Dans ce cas, il est probablement correct de déplacer le bouton "Fermer" à côté du bouton "Afficher l'historique des commandes".

Si vos clients choisissent bien plus "Fermer" que "Afficher l'historique des commandes" (que vous pouvez suivre via des analyses), il serait préférable de faire de "Fermer" le bouton principal; envisagez de supprimer "Afficher l'historique des commandes" car il existe déjà un lien vers celui-ci dans le texte de la boîte de dialogue.

1
Stacy H

Pour chaque application que je conçois, dans chaque boîte de dialogue, je garde le bouton le plus important du même côté avec le même design dans chaque popup. Parfois, cela signifie placer un bouton qui porte le même nom et fait la même chose à différents endroits dans différentes boîtes de dialogue contextuelles. Dans votre cas, ce serait "Fermer", car il porte le même nom et effectue la même action sur les deux boîtes de dialogue.

Dans votre cas, "Fermer" est le plus important dans la première boîte de dialogue et "Afficher l'historique des commandes" dans la deuxième boîte de dialogue. Vous avez utilisé le thème le plus important sur le bouton le plus important et vous avez également conservé ce bouton sur le côté droit les deux fois.

Donc, je crois que vos deux popups sont corrects tels quels. Vous n'avez pas besoin de les changer.

Il n'y a pas de science exacte ou de bonne réponse concernant le placement, car chaque plate-forme ou application est différente. Il y a quelques éléments à considérer qui peuvent guider votre décision.

1. Cohérence - Penser à la plate-forme dans son ensemble par rapport à regarder uniquement les cas d'utilisation de ces éléments solitaires augmentera l'utilisabilité. CANCEL est-il toujours à la position la plus à droite, ou l'action LA PLUS IMPORTANTE (appel à l'action) est-elle toujours à droite?

2. Style visuel - S'il y a deux boutons - l'un est le cas d'utilisation prévu, l'autre est un repli - vous pouvez faire exactement ce que vous avez fait et rendre l'action secondaire moins audacieuse et attirante via un traitement de l'AVC. Cela se sépare visuellement en "FAITES CECI" et "c'est ici si vous avez besoin".

. Évolutivité - Si vous avez toujours un seul bouton à droite, que se passe-t-il lorsque vous ajoutez un ou deux autres boutons? C'est l'évolutivité et s'applique bien au-delà des boutons. Je déconseille d'utiliser une justification à gauche et à droite. Je recommanderais plutôt de rester avec un (gauche/centre/ou droite), dans votre cas à droite, et d'utiliser un style visuel pour différencier.

De plus, pas besoin de réinventer la roue. Les utilisateurs apprennent à s'attendre à ce que les choses se trouvent à certains endroits pour certaines utilisations. Faites quelques recherches sur ce que font les autres, en particulier les gros chiens (Google/Facebook/Apple/etc.) Car ils sont les plus utilisés. Pour les boutons sur les modaux, la norme est généralement centrée ou justifiée à gauche en bas.

0
MicahMPC