web-dev-qa-db-fra.com

Choix de fenêtres contextuelles

Si vous aviez un pop-up avec juste quelques informations pour l'utilisateur. Ils n'ont pas à faire de choix. Est-il sage de donner à l'utilisateur deux options pour fermer ce pop-up (voir capture d'écran) ou donneriez-vous à l'utilisateur une seule de ces deux options pour fermer ce pop-up.

Et comment serait-il si c'était un bouton "Annuler" au lieu d'un bouton "OK".

pop-up

1
Jo-

Il n'y a aucun mal à avoir plus d'une action à fermer, tant qu'ils ne déroutent pas l'utilisateur. Je considérerais aussi quelques alternatives:

  • Cliquer en dehors de la boîte pour fermer (ceci est assez étendu avec l'utilisation des lighboxs d'image)
  • Avoir un bouton "Ignorer" ou similaire. "Ok" est ambigu, je ne saurais pas quelle est l'action en question et je doute de cliquer ou non. "Annuler" serait également déroutant, qu'est-ce que j'annule? Ma bonne réponse? Ça peut être un problème.
  • Croix sur le côté droit

Vous pouvez également envisager de supprimer le message après quelques secondes (je pense que Facebook le fait avec certaines notifications).

3
Yisela

Dans ce cas, je ne pense pas que ce soit important si vous donnez à l'utilisateur 2 façons de fermer la fenêtre pop-up ou 1. Habituellement, je m'en tiens à la règle générale selon laquelle les actions devraient être possibles de plusieurs façons afin d'accueillir différents utilisateurs et ce qu'ils attendent de voir. Cependant, je pense que le modèle pop-up est si fréquemment utilisé qu'un simple bouton "OK" suffirait. Le "X" ne fait aucun mal si vous souhaitez le garder là, car il est également généralement utilisé et n'attire pas l'attention. Parce qu'il n'attire pas l'attention, cependant, vous ne devriez probablement pas avoir juste un "X" car certains utilisateurs peuvent ne pas le remarquer et être confus sur la façon de fermer la boîte de dialogue. Cela s'applique à ce que je considère comme une boîte de dialogue typique - l'exemple de lightbox de yisela repose sur un "X" dans le coin supérieur droit, mais il permet également de cliquer à l'extérieur de la boîte pour la fermer.

En ce qui concerne la langue, les boutons disponibles devraient dépendre de ce qu'ils peuvent faire et du but de la boîte de dialogue. Pour un simple message de confirmation, utilisez "OK" ou "Fermer". "Annuler" ne doit être utilisé que dans le cas où un clic sur "OK" soumettrait quelque chose, de sorte qu'ils souhaitent pouvoir annuler sans terminer l'action.

1
sacohe

J'irai pour avoir deux bouton de fermeture comme attaché dans votre capture d'écran lorsque vous donnez un message à l'utilisateur.

Dans ce cas, l'utilisateur se concentrera principalement sur votre message que vous transmettez à l'utilisateur. Donc, après le message, il est bon (bien sûr à mon avis) d'afficher le bouton à côté de lui, de toute autre action.

Prenons un cas où le message à afficher à l'utilisateur est un peu volumineux. Dans ce cas, l'utilisateur peut avoir du mal à trouver le bouton de fermeture après avoir lu un long message, car il doit changer son orientation.

Je voudrais également avoir une icône en croix dans le coin supérieur droit de la fenêtre contextuelle.

En ce qui concerne le texte du bouton, cela dépend du contexte du message que vous montrez à l'utilisateur et des actions ultérieures qui se produiront après avoir cliqué sur le bouton.

0
Kalpesh Patel

Si la fenêtre contextuelle est réelle, et non un div dans la page, le navigateur/système fournira le "X" pour fermer la fenêtre, vous ne devez donc fournir que celui du code, qui doit être aussi compréhensible que possible.

Si vous générez l'effet popup avec un div, alors vous pouvez fournir le bouton vous-même, selon votre capture d'écran.

Mais, puisque votre intention est d'être sûr que l'utilisateur a lu le texte que vous lui avez présenté, je dirais que vous devriez essayer d'éviter toute façon de fermer la fenêtre qui n'est pas liée pour accuser réception du message réel, alors, don 't fournir un "X".

Nous sommes habitués à interagir avec de nombreux types de boîtes de confirmation, de fenêtres contextuelles et d'interfaces connexes, donc lorsque nous scannons l'écran et que nous voyons une boîte avec une seule option, nous savons que peu importe ce que nous faisons, la seule option est de fermez-le, donc le cerveau et l'attitude sont dédaigneux; de nombreux problèmes se produisent à cause de cela, mais c'est un autre sujet. Donc, faites attention au bouton auquel l'utilisateur doit faire attention, comme "J'ai lu et compris le texte", ou "Je suis d'accord avec ...", quelque chose qui oblige l'utilisateur à s'arrêter un instant et à vraiment interagir avec votre boîte ou lire le texte s'il ne l'a pas encore fait.

0
PatomaS

Un ajout: je le vois écrit dans la barre de titre: "Correct!"

Je suppose que c'est un test ou un jeu de puzzle.

C'est généralement une bonne pratique de "ne pas interrompre le flux", c'est-à-dire que si l'application concerne le remplissage des réponses, ne faites pas cliquer l'utilisateur sur les notifications.

Au lieu de cela, utilisez une animation, comme une grosse coche verte qui s'agrandit et disparaît, et peut-être un effet sonore.

quiz animation sequence with sound effect

0
Aadaam