São diálogos modais uma boa prática para a web? [fechadas]

Question

modais janelas / diálogos considerada uma boa prática para sites? Uma das coisas que me preocupa sobre o uso de uma janela modal é que é tanto como uma janela pop-up e pode causar frustração do usuário ou usuários causam simplesmente fechá-lo porque é intrusiva. Você sabe de quaisquer estudos que falam sobre as preferências do usuário e as taxas de uso?

Existem quaisquer problemas de acessibilidade além de ter a um link de janela modal carregar o conteúdo em uma nova página quando o JavaScript está desativado? Você como sites ou aplicativos Web que usam janelas modais? Por que ou por que não? O que são boas e más práticas para a implementação de janelas modais? Eu sei modais são provavelmente mais frequentemente usado ao exibir imagens ou galerias, mas o que são alguns outros casos de uso prático? Você usá-los em seu site e que você levar a sua decisão?

Answer 1

Do ponto de vista prática - excluindo a acessibilidade - janelas modais fornecer uma alternativa que são menos surpreendente como, por exemplo, caixas de diálogo e sentir menos intrusivo do que janelas pop-up. Eles geralmente têm uma sensação mais coesa para o site do que qualquer um dos dois método acima mencionado. Além de imagens ou mídia, eu usei diálogos modais para servir o mesmo propósito que as caixas de diálogo -. Para obter o usuário para dar alguma forma de entrada necessária, ou para reconhecer algo antes de deixá-los interagir com o site novamente

Do ponto de vista puramente acessíveis, eles não são tão grandes. Eles normalmente requerem JavaScript, e, por causa da maneira que modais são geridos em relação ao DOM, leitores de tela não vai interpretá-los bem. Para combater isso, é sempre uma boa idéia para degradar graciosamente - uma sugestão é levar o conteúdo do diálogo modal e colocá-lo em uma página. Sempre que o modal de diálogo deve aparecer, tem o redirecionamento de páginas atual para a 'página modal', obter a entrada do usuário, e regresso à página foi.

Finalmente, na medida em que minhas opiniões pessoais estão em causa, eu não me importo janelas modais. Eu acho que, quando usado corretamente, eles fornecem uma experiência decente - se algo tem para chamar minha atenção, então eu prefiro que fazê-lo sem me redirecionando a partir da página, mostrando um sistema operacional feio temático diálogo ou uma janela pop-up (que meu navegador provavelmente irá bloquear, pelo menos). Eu acho que, para resumir, se eu tivesse que escolher como eu gostaria de ser interrompido, então eu escolheria um diálogo modal.

Answer 2

Parece que muitos confundem janela modal com um painel em camadas. Uma caixa de diálogo pode ser uma janela modal e um pop-up é uma janela modal. Um painel em camadas não é uma janela, mas tem a aparência de uma caixa de pop-up ou caixa de diálogo. É modal no sentido de que as camadas subjacentes não estão disponíveis. janela modal são populares na web sites, porque eles são imunes a pop-up bloqueadores.

janelas modais foram concebidos para obter informações ou ação do usuário que a aplicação subjacente requer para continuar. janelas não-modais permitem ao usuário alternar entre a janela ea aplicação subjacente. Um bom uso para uma janela não-modal pode ser ajuda tela ou um tutorial, onde o usuário precisa de uma ferramenta de referência e acesso ao aplicativo subjacente.

IMHO, janelas modais foram projetados para uma finalidade específica estreito e são usados ??de forma inadequada um monte de tempo. Só porque você pode fazer algo não significa que você deve: -)

Answer 3

Eu só uso janelas modais em aplicações web para dúvidas ou ações que exigem o máximo de concentração de usuário, que é o que Modal é para simples, a "esquecer o fundo" e concentrado em quais aplicações está pedindo ...

exemplos:

"O empréstimo máximo permitido foi atingido um limite, você tem certeza que você deseja enviar este novo empréstimo para o cliente?"

selecionar um pré-texto para enviar um e-mail, por exemplo, (a janelas modais que podem ser usados ??para assunto e corpo de texto direita ou selecione um sujeito / corpo pré definido para enviar a um cliente ...

coisas assim:)

Eu faço um monte de aplicativos Web da finança que funciona a partir do site onde o usuário entra todos os dados financeiros para o envio dos contratos por PDF devidamente preenchida apenas alguns cliques, e essas são as ações que eu uso janelas modais.

Espero que ajude

Answer 4

37Signals tem um interessante post sobre modais aqui . Eles falam sobre o uso de modais para indicar importância através de tamanho de tela, onde a sobreposição modal não é importante o suficiente para navegar necessitate para uma nova página.

Answer 5

I muito comumente usar janelas modais na web apps para telas de entrada de dados. Por exemplo, o usuário terá uma lista ou resultados de pesquisa da tela e pode clicar em um registro para abri-lo em uma janela modal para editar. Não uso janelas modais, tanto em sites como eu prefiro um pouco menos 'aplicação' como a sensação de um site.

Answer 6

A maioria dos problemas de diálogos sobre o centro da web sobre a implementação pobres. Algumas considerações incluem:

• tamanho da tela
• janela do navegador redimensionamento
• onde abrir diálogo
• submeter elementos de formulário
• dura sobreposição strobe efeito de luz
• degradação suave (como mencionado anteriormente)

Todos estes podem ser facilmente superados com um pouco de reflexão e programação técnicas, tornando diálogos na web muito útil quando implementado corretamente.