it-swarm.it

Chiusura delle finestre di dialogo modali

Mi imbatto in dialoghi modali ogni giorno e vedo diverse implementazioni in ogni momento.

La maggior parte delle finestre di dialogo modali ha una [X] nell'angolo in alto a destra della finestra di dialogo insieme a un pulsante Annulla/Chiudi.

Ci sono così tante opzioni, qual è la migliore pratica per chiudere i dialoghi modali? Inoltre, ci sono studi di riferimento che mostrano ciò che è preferito?

Implementazioni che ho visto:

  • Pulsante Annulla/Chiudi con [X] nell'angolo (in alto a destra/a sinistra, in basso a destra/a sinistra?)

  • Fare clic in un punto qualsiasi del modale per chiudere

  • Solo una [X] nell'angolo (in alto a destra/a sinistra, in basso a destra/a sinistra?)

  • Solo un pulsante Annulla/Chiudi

  • Fai clic ovunque al di fuori del modale

  • Tasto Esc con o senza [X]/Annulla/Chiudi

23
rick schott

Penso che la migliore implementazione dipenda dal tipo di dialogo e dalla modalità di interazione desiderata.

Le finestre di dialogo che richiedono un'azione non dovrebbero avere una [X] per chiuderle, secondo me (né essere chiuse facendo clic in un punto diverso dai pulsanti di azione.
La maggior parte di questi ha un set di pulsanti "Salva" e "Annulla", quindi lascia pensare agli utenti (anche se per una frazione di secondo) se "chiudere" significa "annulla" o meno.

Dialoghi informativi dovrebbe avere sia un pulsante "chiudi" che una [X], secondo me.
Se l'informazione è qualcosa che l'utente potrebbe voler interagire con (ad esempio, il testo deve essere selezionato e copiato), ovviamente non è possibile consentire un clic all'interno per chiudere la finestra di dialogo.
Se desideri che l'utente presta attenzione le informazioni, non consentirei di fare clic all'esterno per chiudere, poiché aumenta la possibilità che l'utente debba concentrarsi sulla finestra di dialogo per chiuderla (e spero di leggere qualcosa lì).

16
Dan Barak

Dimentichi ESCAPE (Tasto Esc) per chiuderne alcuni ( Annulla (OK/Annulla) o [~ # ~] ok [~ # ~] per singolo OK ) finestre modali

6
igor

I mai faccio clic sulla croce nell'angolo. Se i pulsanti vengono lasciati fuori, di solito sono confuso finché non ricordo che è ancora una finestra. Vorrei andare con i pulsanti OK/Annulla (a meno che le altre parole non siano più adatte, ad esempio "sì/no" "salva/non salvare") e una croce nell'angolo che faccia lo stesso del pulsante Annulla. Nessun'altra azione "nascosta", come la chiusura se si fa clic in un punto qualsiasi.

4

Il pulsante di uscita è sempre necessario, indipendentemente dal fatto che gli utenti lo facciano o meno, perché la sua assenza è fonte di confusione. I link Chiudi aiutano, ma devono essere accompagnati dalla "X". Ti suggerisco di fornire sempre tutte le opzioni di uscita ('x', collega e fai clic ovunque per chiudere).

Al momento non sono a conoscenza di uno studio che si riferisce a questo argomento, ma c'è un articolo interessante con Smashing Magazine sull'uso corretto di Windows modale che potrebbe interessarti: http://www.smashingmagazine.com/2009/ 05/27/modali-windows-in-moderno-web-design /

4
Pam Rdz

Anche i pulsanti di dialogo esplicito si rivelano un'importante funzione di accessibilità. Ho lavorato sul GNOME Human Interface Guidelines per molti anni, e ogni volta che li aggiorniamo ci sono chiamate per "ridurre il disordine" rimuovendo "pulsanti di chiusura ridondanti" nella finestra di dialogo, per quelle finestre di dialogo che può essere chiuso in modo inequivocabile usando il controllo del frame della finestra e la relativa scorciatoia da tastiera (Alt-F4, come in MS Windows).

Ogni volta che lo consigliamo alla comunità dell'accessibilità di GNOME, tuttavia, riaffermano la loro preferenza per il mantenimento dei pulsanti tangibili all'interno della finestra stessa.

2
calum_b

Probabilmente andrei con entrambi i controlli:

(X) - angolo in alto a destra

Razionale: molto comune per il web e penso che anche gli utenti Mac siano abituati. [X] è un simbolo che gli utenti riconoscono bene e che ha (Chiudi) sembra ridondante.

[OK/Chiudi] - nel contenuto

Razionale: se l'utente ha sfogliato il testo, gli occhi potrebbero benissimo atterrare sotto il testo e il cursore potrebbe avvicinarsi al pulsante di chiusura, quindi potrebbe essere più veloce premere il pulsante, soprattutto perché è anche più grande. Puoi anche mettere a fuoco il pulsante Chiudi in modo che l'utente possa semplicemente premere Invio per chiudere la finestra di dialogo.

0
Anna Rouben