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

È accettabile aprire un popup modale sopra un altro popup modale?

Sul web, è saggio consentire l'apertura di un popup modale (B) da un altro popup modale (A)?

Se il popup modale B dovesse essere chiuso, l'utente visualizzerebbe nuovamente il popup modale A.

Sto chiedendo come posso prevedere alcuni problemi ad es. eliminando il secondo popup, se si fa clic sull'overlay si chiudono entrambi i modali o solo il secondo? L'utente potrebbe pensare che il primo modale è andato o saprebbe che può tornare ad esso chiudendo il secondo modale? eccetera.

Esempio di mockup:

  1. Modale A. enter image description here

  2. Modale B. Si apre quando si fa clic su "pulsante" in Modale A enter image description here

23
Dave Haigh

In generale, utilizzo le seguenti linee guida per l'utilizzo dei modali:

È focalizzato? Ogni volta che lanci un modale davanti a un utente, interrompi il suo flusso di lavoro. L'interruzione non è sempre negativa. A volte è quello che vuoi. Ma devi capire che lo stai facendo e usarlo a tuo vantaggio. Gli articoli all'interno di un modale devono essere autonomi. Una buona regola empirica è che un modale dovrebbe essere usato solo quando il suo contenuto è focalizzato o può essere mostrato sulla sua stessa pagina. Esempi di questo sono Pinterest carte, Trello pin o Behance post. Si noti che sono tutti post indipendenti, che possono essere collegati in profondità, ma tutti usano modali in linea per focalizzare l'attenzione dell'utente su un elemento specifico. L'utente non deve ricordare altri elementi per interagire con esso.

È coerente? Senza linee guida chiare su quando e come gli oggetti come i modali possono essere utilizzati, possono perdere la loro efficacia perché verranno utilizzati ovunque. Purtroppo un cattivo esempio di questo è proprio qui su Stack Exchange. Sul tuo profilo utente, il tuo menu di livello superiore contiene collegamenti a "Modifica • Privilegi • Preferenze • Flair • App", che ti portano tutti altre pagine. L'ultimo elemento dell'elenco, "I miei accessi", si apre in modalità modale. Ciò non è coerente con il modo in cui i modali vengono utilizzati altrove per avvisare l'utente o aiutarlo a concentrarsi su un'attività.

È eccessivamente complesso? L'uso di un modale sopra un altro modale è una grande bandiera rossa che qualcosa si è interrotta nel tuo flusso di lavoro. Se il tuo flusso di lavoro richiede un secondo modale, probabilmente hai alcuni problemi più grandi con complessità all'interno del tuo modale. Ricorda: alcuni dei migliori casi d'uso per modali sono focalizzati, contenuti semplici. Squarespace usa più modali per quando aggiungi determinati contenuti. E mentre adoro il prodotto, questo è l'oggetto che odio di più nel prodotto. È confuso e noioso.

I modali sono un ottimo strumento. Il loro uso eccessivo può tuttavia sminuire la loro efficacia nel flusso di lavoro.

24
Hynes

No mai. L'aggiunta di una seconda finestra di dialogo modale sopra la prima equivale all'utilizzo della finestra pop-up sulla finestra pop-up (e c'è una buona ragione per cui sono stati bloccati nel browser e presto deprecati nel web design). Cerca invece di guidare i tuoi utenti attraverso una procedura guidata di dialogo modale con un'interfaccia chiara su cosa aspettarsi dopo. L'utente si sente a suo agio e si fida dell'applicazione quando sa cosa aspettarsi dopo. Come nell'esempio seguente:

enter image description here

Che cosa

Guida l'utente attraverso l'interfaccia passo dopo passo per eseguire le attività in un ordine prestabilito.

Utilizzare quando

Stai progettando un'interfaccia utente per un'attività che è lunga o complicata e che di solito sarà una novità per gli utenti, non qualcosa che fanno spesso o che richiedono un controllo molto preciso (come l'installazione di un pacchetto software). Sei ragionevolmente certo che il progettista dell'interfaccia utente saprà più di quanto l'utente non sappia come svolgere al meglio l'attività.

Riferimento: Designing Interfaces: Wizard

enter image description here

8
Benny Skogberg

Le finestre modali vengono utilizzate quando si desidera creare una qualche forma di dipendenza, ovvero impedire all'utente di svolgere altre attività fino a quando ciò che è richiesto nel modale non è completo. Se il modale 2 potesse aprirsi dal modale 1, non sarebbe diverso dalle finestre pop-up. Quindi, a mio avviso, la chiusura di un modale per visualizzarne un altro dovrebbe essere evitata in primo luogo. Per qualsiasi motivo tecnico, se le sovrapposizioni modali 2 sulla modale 1, dovrebbe essere uniforme, ovvero l'utente non dovrebbe vedere due diverse modali. La chiusura del modale 2 dovrebbe chiudere il modale 1 ... imho.

Dovrebbe essere un design diverso nel caso in cui desideri un qualche tipo di confronto/riferimento tra più finestre.

2
user35509

Una finestra modale è un ulteriore livello di complessità, distillato dal livello sottostante. Se aggiungi un altro livello, aggiungi un altro livello di complessità (indipendentemente dal contenuto del tuo livello).

Quello che stai facendo qui è forzare l'utente a costruire il tuo modello mentale e non lei proprio.

1
uxfelix