I dialoghi modali sono una buona pratica per il web? [chiuso]

Question

finestre / finestre di dialogo modali sono considerate una buona pratica per i siti Web? Una delle cose che mi preoccupano dell'utilizzo di una finestra modale è che è molto simile a una finestra pop-up e potrebbe causare frustrazione all'utente o semplicemente chiuderlo perché è invadente. Sei a conoscenza di studi che parlano delle preferenze dell'utente e dei tassi di utilizzo?

Esistono problemi di accessibilità oltre al fatto che il collegamento a una finestra modale carica il contenuto in una nuova pagina quando JavaScript è disattivato? ti piacciono i siti o le app web che usano finestre modali? Perché o perché no? Quali sono le buone e le cattive pratiche per l'implementazione di finestre modali? So che i modali sono probabilmente usati più spesso quando si visualizzano immagini o gallerie, ma quali sono alcuni altri casi d'uso pratici? Li usi sul tuo sito e cosa ti porta alla tua decisione?

Answer 1

Da un punto di vista pratico, esclusa l'accessibilità, le finestre modali offrono un'alternativa che è meno sorprendente come, ad esempio, le finestre di dialogo e si sentono meno invadenti rispetto alle finestre a comparsa. Di solito hanno un aspetto più coeso al sito rispetto a uno dei due metodi sopra menzionati. A parte le immagini o i media, ho usato le finestre di dialogo modali per servire allo stesso scopo delle finestre di dialogo: convincere l'utente a fornire una qualche forma di input richiesto o a riconoscere qualcosa prima di consentire loro di interagire nuovamente con il sito.

Da un punto di vista puramente accessibile, non sono così grandi. In genere richiedono JavaScript e, a causa del modo in cui le modali sono gestite rispetto al DOM, gli screen reader non le interpretano bene. Per combattere questo, è sempre una buona idea degradare con grazia: un suggerimento è quello di prendere il contenuto della finestra di dialogo modale e posizionarlo su una pagina. Ogni volta che appare la finestra di dialogo modale dovrebbe , far reindirizzare la pagina corrente alla "pagina modale", ottenere l'input dell'utente e tornare alla pagina in cui si trovava.

Infine, per quanto riguarda le mie opinioni personali, non mi occupo delle finestre modali. Penso che, se usati correttamente, offrono un'esperienza decente - se qualcosa ha per attirare la mia attenzione, allora preferirei farlo senza reindirizzarmi dalla pagina, mostrando un brutto sistema operativo a tema finestra di dialogo o un pop-up (che probabilmente il mio browser bloccherà comunque). Immagino, per riassumere, se dovessi scegliere come vorrei essere interrotto, quindi sceglierei un dialogo modale.

Answer 2

Sembra che molti confondano la finestra modale con un pannello a strati. Una finestra di dialogo può essere una finestra modale e un pop-up è una finestra modale. Un pannello a strati non è una finestra, ma ha l'aspetto di un pop-up o di una finestra di dialogo. È modale nel senso che gli strati sottostanti non sono disponibili. Le finestre modali sono popolari nei siti Web perché sono immuni ai bloccanti popup.

Le finestre modali sono state progettate per ottenere informazioni o azioni dell'utente che l'applicazione sottostante richiede per continuare. Le finestre non modali consentono all'utente di alternare tra la finestra e l'applicazione sottostante. Un buon uso per una finestra non modale potrebbe essere la guida dello schermo o un tutorial, in cui l'utente necessita di uno strumento di riferimento e di accesso all'applicazione sottostante.

IMHO, le finestre modali sono state progettate per uno scopo specifico ristretto e vengono utilizzate in modo improprio per la maggior parte del tempo. Solo perché puoi fare qualcosa non significa che dovresti! :-)

Answer 3

Uso le finestre modali nelle app Web solo per semplici domande o azioni che richiedono la piena concentrazione dell'utente, ecco a cosa serve Modal, per "dimenticare lo sfondo" e concentrarsi su ciò che le domande chiedono ...

Esempi:

" Il prestito massimo consentito è stato raggiunto ad un limite, sei sicuro di voler inviare questo nuovo prestito al cliente? "

selezionando ad esempio un pre-testo per l'invio di un'e-mail (una finestra modale che può essere utilizzata per correggere l'oggetto e il corpo del testo o selezionare un oggetto / corpo predefinito da inviare a un cliente ...

cose del genere :)

Faccio molte app Web finanziarie che funzionano dal sito Web in cui l'utente inserisce tutti i dati finanziari all'invio dei contratti tramite PDF completato compilando solo alcuni clic, e queste sono le azioni in cui utilizzo le finestre modali.

spero che sia d'aiuto

Answer 4

37Signals ha un interessante post sui modali qui . Parlano dell'uso dei modali per indicare l'importanza attraverso le dimensioni dello schermo, dove l'overlay modale non è abbastanza importante da richiedere la navigazione in una nuova pagina.

Answer 5

Uso abbastanza comunemente finestre modali nelle app Web per le schermate di immissione dei dati. Ad esempio, l'utente avrà un elenco o una schermata dei risultati di ricerca e potrà fare clic su un record per aprirlo in una finestra modale da modificare. Non uso finestre modali tanto nei siti web quanto preferisco un po 'meno' applicazione 'come quella di un sito.

Answer 6

La maggior parte dei problemi delle finestre di dialogo nel centro web su una scarsa implementazione. Alcune considerazioni includono:

• dimensioni dello schermo
• ridimensionamento della finestra del browser
• dove aprire la finestra di dialogo
• invio degli elementi del modulo
• effetto di luce stroboscopica sovrapposizione dura
• degrado aggraziato (come menzionato in precedenza)

Tutti questi possono essere facilmente superati con alcune tecniche previsionali e di programmazione, rendendo molto utili i dialoghi sul web se implementati correttamente.