risposta-alla-domanda-sullo-sviluppo-web-bd.com

Un doppio pop-up modale è una preoccupazione?

Quello che voglio dire è che dire che selezioni qualcosa in una pagina web. Ti serve un modulo pop-up modale da completare. In questo modulo è presente un selettore di date che servirebbe un altro pop-up modale a schermo intero (su dispositivo mobile). Sembra un po 'come l'inizio del pop-up. Mi chiedo però se si tratti di un grave problema di usabilità o no?

Le mie mani sono legate perché il modulo pop-up è un modello standard in questo progetto, ma sto cercando di implementare un selettore di date personalizzato che funzionerà su tutti gli scenari.

1
Calum

Sì, questa non è una buona pratica.

Dipende dal tipo di sistema (ad esempio IOS o Android ha altri design e implementazione per le funzionalità temporali)

Se PWA: importante utilizzare un selettore di dati generico, che può essere implementato ovunque nel minor tempo possibile.

La possibilità che vedo è utilizzare il collasso dell'interfaccia utente invece del pop-up . enter image description here

1
Piotr Żak

Calum, vedo due sfide con modali nidificati:

  1. Gli utenti possono perdere la traccia di dove si trovano e
  2. Tornare indietro da più modali è noioso.

Ho visto alcuni progetti che vanno in due, forse tre, dialoghi modali in profondità, e hanno funzionato abbastanza bene, perché quei modali erano altamente focalizzati.

Ad esempio, ecco uno screenshot del macos Siri:

enter image description here

Facendo clic Siri Suggestions & Privacy… apre questo modale:

enter image description here

Facendo clic About Siri & Privacy… all'interno del modale si apre un altro modale che appare sopra il precedente:

enter image description here

Quindi, per tornare al pannello delle preferenze effettive, dovrai eliminare due modali.

Confrontalo con la configurazione DNS in una versione precedente di MS Windows:

enter image description here

Tutte e cinque le finestre le finestre che vedi nello screenshot sono finestre di dialogo modali. Nel caso questo, gli utenti probabilmente non avranno idea di dove si trovino nella catena di finestre di dialogo e per tornare indietro ora è necessario chiudere manualmente tutte e cinque le finestre di dialogo.

I modali nidificati non sono mai ideali, ma in alcuni casi possono essere difficili da evitare. Se ne hai bisogno, assicurati che gli utenti comprendano quale percorso seguono e tengono anche conto con quale frequenza devono seguire quel percorso: se l'attività associata viene eseguita spesso, le modali nidificate potrebbero essere proibitive noioso; se è un'attività rara, gli utenti potrebbero anche non notare consapevolmente che stanno navigando in modalità nidificate.

Detto questo, hai testato il tuo design? In caso contrario, che ne dici di creare un prototipo - un semplice prototipo cartaceo potrebbe già fare il trucco - e fare alcuni semplici "test di corridoio" nella tua azienda per ottenere un feedback di base?

In bocca al lupo! :)

1
JochenW

Sto scrivendo questa opinione considerando che stai parlando solo di dispositivi mobili.

Per i dispositivi mobili, se il popup modale copre lo schermo completo, sarà una nuova schermata per l'utente. Quindi l'interazione sembrerebbe un drill down gerarchico. In questo caso il calendario su popup (per l'utente il suo nuovo sceen) dovrebbe essere ok.

Nel caso del Web, se il selettore di date copre lo schermo intero, mostrarlo sul popup esistente non a schermo intero renderebbe l'utente libero di tracciare dove si trova. Tuttavia, in questo caso potresti pensare di far apparire un piccolo selettore di date sul popup e provare a mostrare la selezione di altri calendari sul primo popup dopo aver mostrato il selettore di date. Onestamente, io stesso non sono convinto di quello che ho appena scritto per il web in questo paragrafo :)

1
Omkar Chogale