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

Qual è la differenza tra Modale, Popup, Popover e Lightbox?

Ho visto molti termini usati per descrivere finestre di messaggio che avvisano e avvisano gli utenti o visualizzano informazioni come modale, popup, popover e lightbox.

Qual è la differenza tra questi componenti?

Quando e per quale tipo di testo utilizzare ciascuno di questi componenti?

96
Tot Zam

Tutti questi componenti dell'interfaccia utente sono contenitori/finestre che vengono visualizzati in cima al contenuto che si sta attualmente visualizzando/interagendo. I diversi nomi si basano sull'attenzione che meritano, sul contesto in cui ti trovi e su come interagire con loro.

Avviso - Questi messaggi richiedono attenzione immediata. La finestra/contenitore è generalmente bloccata, il che significa che non è possibile chiudere la finestra o continuare con ciò che si desidera fare fino a quando non si riconosce esplicitamente il contenuto, in genere facendo clic su un pulsante all'interno del contenitore. I pulsanti in questa finestra sono generalmente "OK" o "Annulla". (Se stai mostrando molti di questi è di solito un errore di progettazione perché le aspettative dell'utente non corrispondono alle aspettative dell'interfaccia utente.)

enter image description here

Modale/Finestra di dialogo : servono per svolgere il lavoro. (Esempio: un pulsante che dice "Invita amici" aprirà un tale contenitore con un elenco di amici che puoi quindi invitare). Ti consentono di lavorare di più senza dover mostrare tutte le informazioni sulla schermata principale. Questi messaggi non sono bloccati e puoi fare clic ovunque per chiudere il contenitore.
enter image description here

Popup - Non è necessario gestire immediatamente questi messaggi, ma a un certo punto dovrai agire poiché questi non spariranno fino a quando dici esplicitamente di dire che non li vuoi più in giro.
enter image description here

Avviso flash/Notifica ringhio - A queste notifiche è associato un tempo. Puoi scegliere di gestirli immediatamente o, se non fai nulla, dopo un certo periodo si licenzieranno.
enter image description here

Lightbox/Teatri : vengono utilizzati per ingrandire e mettere a fuoco una parte dello schermo. Questi contenitori sono più comunemente usati per visualizzare le immagini. Di solito puoi quindi navigare attraverso contenuti simili (la foto successiva nella galleria) senza chiudere e fare clic su un'altra miniatura. Questi possono essere bloccati o meno. Dipende se si desidera che le persone restituiscano il contesto in cui si trovavano o che continuino su un nuovo thread di contesto.
enter image description here

Popover/Tooltip/Hovercard - Questi sono approcci passivi per mostrare più informazioni. Vengono utilizzati per aggiungere semplici istruzioni o spiegazioni o prefigurare cosa accadrà facendo clic su un collegamento.
enter image description hereenter image description here

Fonte: https://www.quora.com/Whats-the-difference-between-a-modal-a-popover-and-a-popup

93
Tot Zam

I popover sono un'estensione dei suggerimenti che includono più contenuti oltre al semplice testo. Spesso hanno un titolo e possono includere immagini ecc.

Una descrizione comandi è semplicemente testo.

2
doublejosh