web-dev-qa-db-fra.com

Bouton Échap vs [x] fermer en popup

Dans une fenêtre contextuelle modale, pour la fermer, nous pouvons avoir trois options - Soit un message en haut Esc to close ou [x] ou les deux. (Ou selon le message dans le popup modal un ok ou cancel.)

De mes recherches, j'ai découvert ce qui suit.

  • Les utilisateurs d'ordinateurs portables n'utilisent généralement pas de souris et ont tendance à utiliser des raccourcis clavier pour presque tout, et ces personnes peuvent utiliser le bouton Esc.
  • Les personnes qui utilisent fréquemment la souris y adhèrent et préfèrent cliquer sur le bouton de fermeture pour fermer la fenêtre contextuelle modale

En dehors de ceux-ci, y a-t-il des points qui favorisent la sélection des deux options?

Est-ce une bonne idée d'utiliser les deux en même temps? Existe-t-il des études ou des lignes directrices à ce sujet?

2
Sooraj

Je pense que la meilleure solution est de laisser les deux (esc et cliquez sur le bouton Fermer)

  • Les raccourcis sont bons pour les utilisateurs d’ordinateurs portables, puis Esc
  • Les utilisateurs novices préfèrent cliquer sur le bouton de fermeture car ils ne connaissent pas les raccourcis.

En cas de popup modal, vous pouvez ajouter un autre problème pour quitter le modal: Cliquez en dehors du modal.

Un exemple (boîte de dialogue personnalisée) https://material.angularjs.org/latest/#/demo/material.components.dialog

4
Leaf

Je suis d'accord qu'il est important d'avoir les deux options et aussi le "clic à l'extérieur" du modal. Mais gardez à l'esprit que lorsque l'utilisateur termine une tâche, il est préférable d'offrir un bouton ANNULER et de supprimer le clic à l'extérieur afin d'éviter de l'oublier.

1
litagandara