em testes de usabilidade, muitas vezes observamos usuários que ignoram uma mudança na tela que os designers pensavam que seria óbvio e altamente perceptível. Como sempre na usabilidade, se você trabalhou em um projeto, então você sabe o que procurar, onde procurá-lo, quando ele vai aparecer, e o que isso significa. Então sim, é óbvio para você e você não perderia a aparência de uma mensagem importante ou objeto de dados quando você revisasse seu próprio projeto. Mas os utilizadores costumam fazê-lo. Por quê?, Por causa da cegueira da mudança, que é um fato de milhões de anos de percepção humana (e proto-humana), e não é provável que vá embora em breve.o que é a cegueira da mudança? No psicopata de Alfred Hitchcock, um dos filmes mais famosos de todos os tempos, o detective Arbogast olha para a casa de Norman Bates projectada num céu nublado. A câmera se move de volta para o rosto do detetive, e segue-o enquanto ele começa a andar em direção à casa. A cena ainda está escura, mas o céu de repente ficou cheio de nuvens.,

Se a mudança na textura do céu foi intencional (talvez o aviso sutil de Hitchock para o que estava para vir) ou um erro de continuidade, as chances são de que a maioria dos telespectadores não vai notar isso. Filmes muitas vezes têm pequenas inconsistências como esta de uma cena para a próxima — mudanças no fundo, na roupa dos atores, maquiagem, ou posições, mas estes são ignorados quando eles são feitos durante os cortes entre as cenas.

Este fenômeno é chamado de cegueira da mudança e vai além dos filmes-ele se aplica a como as pessoas percebem cenas em geral, seja projetada em uma tela ou na vida real., A cegueira da mudança é muito robusta: mesmo quando as pessoas são avisadas de que uma mudança pode acontecer, as mudanças em uma cena podem passar despercebidas.

definição: cegueira da mudança refere-se à tendência das pessoas para ignorar as mudanças em uma cena quando elas ocorrem em uma região que está longe de seu foco de atenção.

em psicologia, a cegueira da mudança é talvez melhor ilustrada por uma série de experimentos realizados em meados da década de 1990., Nestes experimentos, os participantes foram mostrados uma imagem de uma cena complexa por cerca de meio segundo; em seguida, a exibição ficou em branco por uma fração de segundo, e finalmente a mesma imagem foi mostrada novamente. No entanto, a segunda vez que a cena foi mostrada, algum detalhe foi modificado — por exemplo, um objeto mudou de tamanho, cor, ou um elemento foi adicionado ou removido. Os participantes da experiência deveriam identificar as mudanças nas duas imagens. Em alguns desses estudos, as pessoas passeavam pelas duas versões muitas vezes, até serem capazes de detectar a mudança., Para muitos foram precisas 20 ou 40 alternações para poder encontrá-lo.

a qualidade cintilante da tela (uma cena, seguida por uma tela em branco, seguida pelo que parece ser a mesma cena) é um componente essencial da cegueira da mudança. Nos filmes, o corte de cena desempenha o papel de uma tremulação; e, ao interagir com um computador, a tremulação é causada pelo carregamento de uma nova página (ou elemento UI), uma vez que o usuário tenha pressionado um botão., Mas acontece que o flicker não tem que ser literalmente modificações de cena que acontecem quando o usuário está piscando ou durante uma saccade (quando ela está movendo seus olhos para outra região da tela) também são altamente suscetíveis a cegueira de mudança.os mágicos aproveitam-se da propensão humana para mudar a cegueira à medida que os seus olhos se movem: usam um dispositivo que atrai a atenção para causar movimentos oculares a esse ponto, e, ao mesmo tempo, envolvem-se em acções não observáveis que são essenciais para os seus truques.porque é que a cegueira da mudança acontece?,

a razão fundamental pela qual a cegueira da mudança ocorre é uma limitação em nossas capacidades de atenção. Qualquer cena complexa tem uma infinidade de detalhes, e é difícil e ineficiente para as pessoas atenderem a todos eles. O que normalmente fazemos é atalhos.

A mudança é e sempre foi importante para os seres humanos — pode transmitir informações essenciais sobre o nosso ambiente., A maioria das mudanças na natureza são mediadas pelo movimento (com poucas exceções, como camaleões, um objeto físico não pode mudar instantaneamente sem nenhum movimento envolvido), e o movimento é facilmente detectado pela visão periférica humana. Uma vez que os olhos humanos detectam movimento na periferia, eles olham para a fonte de movimento — visão central entra em ação e fornece informações adicionais e detalhadas. Este comportamento é um remanescente da nossa vida na natureza, onde qualquer movimento pode sinalizar um predador à espera de nos caçar.a cegueira de mudança ocorre quando o movimento como um sinal para a mudança é fraco ou completamente ausente., Quando a tela cintila, o movimento é afastado — vemos duas versões estáticas da cena. A única maneira de descobrir o que mudou é inspecionando todos os elementos correspondentes nas versões antes e depois e comparando-os. Esta tarefa é muito difícil, não só é tedioso para inspecionar a miríade de pequenos detalhes na cena, mas a nossa memória da versão anterior da cena é susceptível de ser muito pobre. De fato, as chances são de que não prestamos atenção a muitos dos elementos dessa cena de qualquer maneira.mas a cegueira da mudança também acontece durante um movimento ocular., Em outras palavras, se duas (possivelmente mudanças movidas) competem entre si-como no show de magia, uma mudança geralmente ganha e atrai o olho, mas esse movimento ocular bloqueia a detecção da segunda mudança. Esta causa é particularmente importante no design de interface.

Alterar Cegueira em Design de Interface

Em interações normais com uma INTERFACE de usuário, altere a cegueira, muitas vezes, ocorre quando um novo elemento (como uma imagem diferente em um produto-carrossel de imagens, ou o conteúdo de um menu suspenso) aparece na tela como um resultado da ação do usuário e outras áreas da tela também muda., O locus da mudança é esperado para ser o elemento de design visível que responde diretamente à ação do Usuário e o usuário move os olhos nessa direção — no entanto, na verdade, a mudança é espalhada por várias regiões da tela.

por exemplo, quando os usuários tocam no menu hamburger no aplicativo Android de Aldiko, eles esperam que as mudanças na tela estejam relacionadas a essa ação — ou seja, que os novos elementos serão localizados na área que envolve o conteúdo do menu., Seus olhos permanecerão em torno dessa área e será improvável que notem que o botão de ação-overflow no canto superior direito da tela foi substituído por um ícone de busca.

Aldiko para Android: Quando o menu é aberto, os controles no canto superior direito da tela substituído por uma lente de aumento., A ferramenta de pesquisa não será notada porque (1) as pessoas vão olhar para o menu expandido, que será um resultado direto de sua ação; (2) eles vão esperar que os outros elementos da tela para permanecer inalterado (como eles normalmente fazem em interações com a maioria dos UIs).

em outro lugar, discutimos como a caixa de pesquisa não deve ser substituído por um ícone de pesquisa no ambiente de trabalho; em uma tela de celular, no entanto, o padrão é mais utilizável do que no ambiente de trabalho, como a nossa pesquisa mostra que a ferramenta lente de aumento é bastante perceptível, mesmo quando a caixa de pesquisa é ausente., No entanto, se a caixa de pesquisa não for visível por padrão, quando os usuários clicar no ícone de pesquisa, o campo de texto deve aparecer ao lado dele (em vez de mais distante na tela) para garantir que as pessoas não vão perder.

Não somente do Texas & M University substituir o campo de pesquisa com um ícone de pesquisa, mas também apresentada a caixa de texto de pesquisa longe o ícone de pesquisa. A animação da imagem de herói estava competindo com a exibição da caixa de pesquisa.,
John Hopkins University, também utilizado um animado do herói e se escondeu de pesquisa em um ícone. Mas, pelo menos, ele exibiu a caixa de pesquisa perto do ícone de pesquisa e diminuiu o fundo em movimento, para reduzir algumas das animações concorrentes.

barras de navegação Semi-existentes ou botões flutuantes que aparecem no topo da página também estão em risco de não serem detectados, porque muitas vezes o deslocamento da página os mascara., Por exemplo, barras de navegação semipersistentes aparecem no topo da tela quando o usuário estrela rolando para cima. A esperança é que as pessoas vão notar essas barras e selecionar uma das opções dentro deles, em vez de passar o seu caminho até o topo da página. Infelizmente, o movimento da página, pode facilmente bloquear o movimento causado pela aparição do bar, especialmente quando a cor da barra combina com a cor da página, como no New York Times exemplo abaixo.,

NYTimes para o iPhone: Como eles começam a deslocar-se para cima, as pessoas podem perder o semipersistent barra de navegação que aparece no topo da tela, porque eles estão focados na rolagem da página. Um fator agravante é o fato de que os visuais da barra de navegação não são suficientemente distintivos do conteúdo da página.,
Chicago Tribune mobile site também utiliza um semipersistent barra de navegação que aparece no topo da página, quando as pessoas começam a rolar. No entanto, neste caso, o design visual da barra torna-o mais saliente.

(a nossa visão periférica é responsável por detectar movimentos e também sombras., Quando o perfil” sombra ” de uma página muda, por exemplo, porque um grande bloco de cores contrastantes apareceu em um canto, é mais fácil para nós detectar sua aparência do que quando o mesmo bloco sutilmente se mistura com o resto da página e não altera significativamente o perfil de sombra da página.)

Existem muitos outros aspectos do projeto que podem ser afetados pela cegueira da mudança — mensagens de erro ou outras notificações, resultados que aparecem muito rapidamente, ou alterar barras de navegação também podem permanecer ignorados devido a este fenômeno, como discutido em nosso artigo companheiro sobre o mesmo tópico.,

como prevenir a cegueira da mudança no design da Interface

para evitar a cegueira da mudança, analise o seu design para quaisquer alterações concorrentes que possam acontecer ao mesmo tempo e que possam desviar a atenção um do outro. Aqui estão algumas técnicas para fazê-lo:

  • Faça uma mudança de cada vez. No exemplo de Aldiko acima, a pesquisa pode ser colocada no canto superior direito e ser sempre visível.
  • agrupar todos os elementos que irão mudar simultaneamente na mesma região da tela, para se certificar de que o movimento irá chamar a atenção para todos eles., Por exemplo, outra correção fácil para o projeto de Aldiko é mover a pesquisa dentro do menu. (Note no entanto que esconder a pesquisa sob um menu irá afetar seriamente a sua descoberta e só pode ser aceitável em sites pesados de navegação.)
  • Use animação para sinalizar a mudança, mas evite ter muitas animações concorrentes na tela para evitar uma diluição da atenção.escureça as áreas da tela que não mudam, a fim de atrair a atenção para as mudanças.,
  • Se estiver a adicionar elementos flutuantes à página enquanto o utilizador se desloca, mostre-os ao lado do foco de atenção do utilizador (por exemplo, na parte inferior da página para voltar aos botões superiores) e use cores que contrastem com o resto da página.

Articles

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *