O Efeito Stroop e suas Implicações no UX Design

O que acontece quando seu cérebro está tentando processar fluxos conflitantes de informações? Vamos descobrir.

Leia esta lista de cores para si mesmo:

Vermelho

Green

Blue

Purple

Black

Brown

Yellow

Vermelho

Blue

Pink

Laranja
Pedaço de bolo, certo? Você está se concentrando apenas em fazer uma única tarefa e uma tarefa fácil. Vamos tentar de uma maneira diferente; Diga os nomes das cores que você vê aqui:

Isso também não foi muito difícil. Seu cérebro teve que trabalhar um pouco mais para lembrar o nome de cada cor, mas ainda é uma tarefa bastante simples.

Agora tente o seguinte: Diga a COR em que as palavras estão impressas abaixo.

Yellow

Vermelho

Blue

Pink

Orange

Vermelho

Green

Blue

Purple

Black

Brown

Isso foi muito desafiador, não foi? Quando você dá ao seu cérebro dois problemas conflitantes para resolver ao mesmo tempo, as coisas podem ficar confusas muito rapidamente. Esse fenômeno, conhecido como efeito Stroop, foi descrito pela primeira vez em 1935 pelo psicólogo experimental John Ridley Stroop. O efeito Stroop mostra que quando uma palavra colorida é impressa na mesma cor da palavra, as pessoas podem nomear a cor da tinta mais rapidamente em comparação com quando uma palavra colorida é impressa com uma cor de tinta diferente da palavra.

Uma explicação para isso é a interferência. Desde a pré-escola, a leitura é uma tarefa que as pessoas praticam todos os dias. Nós nos tornamos tão bons nisso que lemos palavras automaticamente. Quando nos pedem para nomear a cor da palavra em vez de ler a palavra, a leitura automática da palavra interfere na nomeação da cor da palavra. Claro, você ainda pode fazer isso, mas o tempo de reação é significativamente mais lento quando você tem que ignorar propositalmente os sinais do seu cérebro.

Implicações no UX Design

Então, o que isso significa para o design de UX, você pergunta? Bem, é simples – não interfira no processo de pensamento natural do usuário. Se você quer que alguém navegue pela sua interface com facilidade, você precisa projetar as coisas de forma a aproveitar os processos cognitivos humanos que ocorrem naturalmente... e mantenha as mensagens confusas ao mínimo.

Tomemos, por exemplo, o paradigma 'OK – Cancelar', muito comumente mal administrado.

Essa interface é confusa para os usuários de duas maneiras diferentes:

1. Ambos os botões parecem exatamente iguais
2. O botão 'redefinir' está à direita do botão 'enviar'

Não só é difícil diferenciar entre as duas ações por causa de sua aparência idêntica, mas sua colocação também é enganosa. Enviar é uma ação de avanço e redefinir equivale a voltar.

Você apresentaria isso aos seus usuários?

Claro que não. É tão complicado de processar mentalmente quanto isso:

RED       BLUE

O que podemos mudar nesses botões de ação para torná-los intuitivos? Em primeiro lugar, vamos colocá-los em posições que façam sentido.

Podemos ver como isso se aplica ao nosso exemplo 'Cancelar – OK'.

Estamos chegando lá, mas ainda há mais algumas melhorias que podemos fazer. Uma das chaves para limpar a diferenciação de ações é usar um conjunto de estilos de botão primário e secundário. Eles podem utilizar diferenças de cor, sombra e/ou tratamento de texto.

Ao tornar o botão 'principal' ou, neste caso, o botão 'enviar' mais dominante, protegemos os usuários de selecionar acidentalmente 'redefinir'. Há sempre uma ação que é mais comumente tomada (ou mais intensamente desejada pelo designer) em um determinado ponto de uma interação e é aquela que assume o papel 'principal'.

Esse design garante que todos, exceto o usuário mais distraído (ou contrário), selecionem a ação que pretendem executar.

Não se aproxime do nível deles

Portanto, embora possa ser divertido nomear seu Dogue Alemão como 'Tiny', o design de UX não é uma forma de arte irônica. Seus usuários sempre preferirão uma experiência transparente e intuitiva. Você não quer tornar as coisas mais difíceis do que precisam ser e certamente não quer ser enganoso.

Se você está procurando algo divertido para fazer neste fim de semana, experimente o teste Stroop em seus amigos e familiares online: http://s3.mirror.co.uk/click-the-colour-and-not-the-word/index.html.