Janela modal - Modal window
No design de interface do usuário para aplicativos de computador, uma janela modal é um elemento de controle gráfico subordinado à janela principal de um aplicativo .
Uma janela modal cria um modo que desabilita a janela principal, mas a mantém visível, com a janela modal como uma janela filha na frente dela. Os usuários devem interagir com a janela modal antes que possam retornar ao aplicativo pai . Isso evita interromper o fluxo de trabalho na janela principal. As janelas modais às vezes são chamadas de janelas pesadas ou diálogos modais porque frequentemente exibem uma caixa de diálogo .
As interfaces de usuário geralmente usam janelas modais para comandar a conscientização do usuário e exibir estados de emergência, embora os designers de interação argumentem que elas são ineficazes para esse uso. As janelas modais estão sujeitas a erros de modo .
Na web, eles geralmente mostram imagens em detalhes, como aquelas implementadas pela biblioteca Lightbox , ou são usados para anúncios hover .
O oposto de modal é não modal . As janelas sem janela restrita não bloqueiam a janela principal, então o usuário pode alternar o foco entre elas, tratando-as como janelas de paleta .
Relevância e uso
Casos de uso
Os usos freqüentes de janelas modais incluem:
- Chamando a atenção para informações vitais. Esse uso foi criticado como ineficaz porque os usuários são bombardeados com muitas caixas de diálogo e se habituam a simplesmente clicar em "Fechar", "Cancelar" ou "OK" sem ler ou entender a mensagem.
- Bloquear o fluxo do aplicativo até que as informações necessárias para continuar sejam inseridas, como por exemplo uma senha em um processo de login . Outro exemplo são as caixas de diálogo de arquivo para abrir e salvar arquivos em um aplicativo.
- Coletando opções de configuração do aplicativo em uma caixa de diálogo centralizada. Nesses casos, normalmente as alterações são aplicadas ao fechar a caixa de diálogo e o acesso ao aplicativo é desabilitado enquanto as edições estão sendo feitas.
- Advertindo que os efeitos da ação atual não são reversíveis. Este é um padrão de interação frequente para diálogos modais, mas alguns especialistas em usabilidade o criticam como ineficaz para o uso pretendido (proteção contra erros em ações destrutivas) devido à habituação . Eles recomendam tornar a ação reversível (fornecendo uma opção "desfazer").
Folhas modais no Mac OS X
Muitos recursos que normalmente seriam representados por janelas modais são implementados como painéis transitórios modais chamados "Folhas" no Mac OS X. As janelas temporárias se comportam de maneira semelhante às janelas modais - elas estão sempre no topo da janela principal e não são mostradas na lista de janelas , mas eles não desabilitam o uso de outras janelas no aplicativo. As folhas deslizam para fora da barra de título da janela e geralmente devem ser descartadas antes que o usuário possa continuar a trabalhar na janela, mas o resto do aplicativo permanece utilizável. Assim, eles criam um modo dentro da janela que os contém, mas não têm modo em relação ao resto do aplicativo.
Controle do fluxo de interação
As janelas modais são comuns em kits de ferramentas GUI para orientar o fluxo de trabalho do usuário. Alan Cooper afirma que a importância de exigir que o usuário atenda a questões importantes justifica restringir a liberdade do usuário e que a alternativa aumentaria a frustração do usuário.
Interrupções inesperadas
Diálogos de alerta inesperados são culpados específicos de erros de modo com consequências potencialmente graves. Os profissionais de usabilidade prescrevem que ações perigosas devem ser anuladas sempre que possível; uma caixa de alerta que aparece inesperadamente ou é descartada por habituação não protege contra a ação perigosa. Uma barra de informações sem janela restrita é cada vez mais vista como preferível a uma caixa de diálogo porque não interrompe as atividades do usuário, mas permite que o usuário leia informações extras em seu próprio tempo.
Uma abordagem proposta é projetar cada elemento de entrada como uma interação autocontida e orientada a tarefas , guiada por seus próprios requisitos específicos em vez do estado global de todo o aplicativo. Por exemplo, os elementos obrigatórios podem ser precedidos de um asterisco , os elementos com dados inválidos podem adquirir uma borda vermelha e assim por diante. Com essa abordagem, os usuários realmente se beneficiam de ver muitos elementos de entrada de uma vez - eles podem inserir dados de uma maneira que faça sentido para eles, em vez de ter todos os outros elementos não relacionados bloqueados até que uma sequência de entrada de dados predefinida seja concluída.
Problemas
Uma janela modal bloqueia todos os outros fluxos de trabalho no programa de nível superior até que a janela modal seja fechada, ao contrário dos diálogos sem janela restrita que permitem aos usuários operar com outras janelas. As janelas modais têm o objetivo de atrair a atenção do usuário. Os usuários podem não reconhecer que uma janela modal requer sua atenção, levando a confusão sobre a janela principal não estar respondendo ou causando perda de entrada de dados do usuário para a janela principal (consulte Erro de modo ). Em casos graves, a janela modal aparece atrás de outra janela controlada pelo mesmo programa, potencialmente tornando o programa inteiro sem resposta até que a janela modal possa ser localizada manualmente.
No entanto, muitos designers de interface recentemente tomaram medidas para tornar as janelas modais mais óbvias e fáceis de usar, escurecendo o fundo atrás da janela ou permitindo que qualquer clique do mouse fora da janela modal para forçar o fechamento da janela - um design chamado Lightbox - aliviando assim esses problemas. Jakob Nielsen afirma como uma vantagem dos diálogos modais que melhora a consciência do usuário: "Quando algo precisa ser consertado, é melhor garantir que o usuário saiba disso." Para esse objetivo, o design do Lightbox fornece forte contraste visual do diálogo em relação ao restante dos visuais. A técnica Lightbox agora é uma ferramenta comum no design de sites.
As janelas modais são comumente implementadas de maneiras que bloqueiam a possibilidade de mover, minimizar, iconificar ou empurrar essa janela para trás e pegam o foco de entrada, o que geralmente impede o uso dos recursos de recortar, copiar e colar de um sistema . Isso pode interferir no uso de seus aplicativos pai, bloqueando o acesso a outras janelas e dados dentro do mesmo aplicativo, particularmente nos casos em que a janela modal exige que o usuário insira informações disponíveis apenas em uma das janelas que está cobrindo.
Para usuários que usam áreas de trabalho virtuais maiores do que suas telas reais, as janelas modais podem causar outros comportamentos indesejáveis, incluindo a criação do modal em uma parte da tela virtual que não está no monitor ou alternando abruptamente a exibição em que o usuário estava trabalhando uma seção totalmente diferente.
As janelas modais tendem a criar um desvio abrupto da entrada de texto, especialmente a entrada digitada destinada a outros programas, para dentro delas mesmas. Além disso, os modais geralmente interpretam a atuação da tecla Enter (ou em casos raros a presença de uma nova linha na entrada colada) como uma dica para aceitar a entrada e processá-la - ou, em casos raros, podem interceptar um clique do mouse destinado a um diferente aplicativo que foi coberto repentinamente. Essa interceptação, chamada de roubo de foco (ou roubo de foco), pode comprometer a privacidade e as práticas de segurança, bem como capturar entradas inadequadas e fora do contexto que podem causar resultados indefinidos e arbitrários no programa que gerou a janela modal.
Dependendo das especificações da implementação, as janelas modais podem violar o princípio da menor surpresa .
Recomendações
Os diálogos modais são parte de um fluxo de tarefas e recomendações são fornecidas para colocá-los onde o foco está nesse fluxo. Por exemplo, a janela pode ser colocada perto do elemento de controle gráfico que dispara sua ativação.
Usar um fundo escuro semitransparente pode obscurecer as informações na janela principal, portanto, é melhor usá-lo apenas quando essas informações forem uma distração. Um fundo semitransparente pode ser menos intrusivo ao fazer com que toda a área de fundo funcione como um botão Fechar: isso é padrão na maioria dos sistemas operacionais móveis, evita que o usuário se sinta preso e faz as janelas modais parecerem menos pop-ups maliciosos.
O design deve seguir as práticas comuns na plataforma em que o programa está sendo executado. O Microsoft Windows usa controles padrão para diálogos de janela modais , com botões de ação afirmativa no canto inferior direito do painel. O Mac OS X usa folhas modais com botões de ação afirmativa sendo o comando mais à direita.