Qual é a diferença entre Modal, Popup, Popover e Lightbox?
diferença Modal Popup Popover Tooltip Lightbox
Veja abaixo a diferença entre elas e mais para que servem, onde se aplicam, onde são usados, suas características.
O que são?
São elementos que se sobrepõe na tela, como se flutuassem em cima do conteúdo. Mas cada um desses tem suas próprias características.
Onde são usadas?
São usadas em sites de diversos seguimentos.
Para que servem?
Servem para transmitir mensagens adicionais, notificações, avisos, confirmações, conteúdos extras, exibir imagens e videos, e muito mais.
Em qual conteúdo se aplicam?
Modal
São usadas com texto, imagens ou vídeos. Pode ser para confirmação, notificação ou conteúdo extra. Também receber conteúdos mais complexos como formulários e tabelas.
Popups
São usadas com pequenas frases de textos, normalmente com uma notificação ou aviso e espera uma ação do usuário.
Lightbox
São usadas normalmente em imagens avulsas, ou em uma galeria e vídeos.
Popover
São usadas com pequenos texto e imagens ou ícones as vezes. São usados em tutoriais com passo a passo normalmente.
Características
Modal
São como uma janela que abre por cima do conteúdo deixando o espaço vazio em volta em um tom mais escuro e quando clicado nele tem a mesma característica do botão de fechar. Normalmente acompanha botões para ações futuras, além de um botão de fechar. Ele é usado normalmente para bloquear a tela até que o usuário faça alguma ação.
Popups
São as janelas nativas dos navegadores de avisos, que podem ser disparadas com javascript. Elas tem botão de ações obrigatórios de alguma ação, que pode ser dar um ok, cancelar ou fechar. Por padrão os popups vem bloqueados nos navegadores modernos, tendo os usuários que liberar.
Lightbox
São usadas para destacar ou aumentar para melhorar a visualização de imagens e vídeos. Normalmente permite a navegação entre o conteúdo sem fechar o light box. Ela na verdade se trata de uma biblioteca javascript com essas funções como existem várias outras, o lightbox foi a primeira por isso é a referência, mas existe o colorbox, darkbox, slimbox, thickbox e muitas outras.
Popover
São pequenas caixas de conteúdo que aparecem ao lado de botões, caixas de textos, campos de input e outros elementos do site e servem para mostrar a funcionalidade de cada um. Normalmente tem um botão para ir ao elemente seguinte do fluxo e outro para fechar ou encerrar a apresentação.
Tooltip
São pequenas caixas que aparecem nos elementos. Normalmente se encontra em um botão com ícone de interrogação e servem como um guia de ajuda sobre um conteúdo específico.
Leia mais em: t.wikipedia.org/wiki/Pop-up
