Teste de design visual: 5 segundos, clique e preferência

Teste de design visual mede impressão, facilidade de encontrar (findability) e preferência com métodos curtos, antes de um estudo de usabilidade completo. O teste de 5 segundos captura a reação estética. O de primeiro clique mostra se a pessoa acha o caminho certo na primeira tentativa. O de preferência compara duas ou três versões bem diferentes. Nenhum deles substitui tarefa completa com observação. Cada um responde a uma pergunta estreita.

Atitude contra comportamento

O guia do Nielsen Norman Group sobre teste de design visual (em inglês) separa dois grupos. Métodos atitudinais usam imagem estática e quase nenhuma interação. Servem quando você quer a reação à aparência, não o efeito no comportamento. Métodos comportamentais, como eye tracking e teste A/B, observam o que a pessoa faz de fato.

Escolha pelo objetivo. Se a pergunta é “como isso parece”, vá de atitude. Se a pergunta é “isso atrapalha a tarefa”, vá de comportamento. Misturar as duas e chamar tudo de “teste visual” esconde o que você mediu.

Teste de 5 segundos

O glossário de métodos do NN/g (em inglês) define o teste de 5 segundos como método atitudinal: a pessoa vê o design por cinco segundos e descreve o que viu. O tempo é curto demais para ler texto ou notar fonte. É tempo suficiente para formar impressão de estilo.

O mesmo guia de teste visual (em inglês) liga essa impressão à confiança e ao interesse. Uma primeira leitura forte ajuda a pessoa a ficar. Uma leitura fraca pede esforço a mais antes de qualquer tarefa.

O artigo sobre primeiras impressões (em inglês) cita a pesquisa de Lindgaard e colegas: a decisão estética se forma em cerca de 50 milissegundos e raramente muda com mais tempo. No mesmo texto, o tempo de exibição da tela vai de 50 ms (só estética) até 5 segundos (o que chama atenção e o que confunde no primeiro olhar).

Não avise o limite de tempo antes. Aviso vira jogo de memorização. Depois da tela, pergunte o que a pessoa lembrou e como se sentiu, não se “gostou do layout”.

Teste de primeiro clique

O glossário (em inglês) trata o primeiro clique como método comportamental com tarefa. A pessoa recebe o objetivo antes de ver a tela. No primeiro clique, a sessão daquele item para. Funciona melhor quando a visita já chega com um objetivo claro.

O guia de teste visual (em inglês) dá o exemplo: “descubra se este site vende velas”. Você mede se o primeiro clique cai onde o caminho certo começa. Não mede se a pessoa completa a compra.

O artigo sobre facilidade de encontrar e de descobrir (em inglês) descreve o teste de clique na interface: captura de tela, wireframe ou esboço numa ferramenta, tarefa objetiva, e um mapa de calor dos cliques. A limitação é explícita: a imagem é estática. Para elemento interativo, o caminho certo é o teste de usabilidade.

Quando o card sorting (classificação de cartões) ou o tree test (teste de árvore) vão bem e o teste de clique vai mal, o problema costuma ser layout, não o nome da categoria. O mesmo artigo (em inglês) usa exatamente esse contraste: nomes ok, tela barulhenta.

Teste de preferência

Preferência mostra duas ou três variações e pede qual a pessoa prefere. O guia (em inglês) exige diferença grande o bastante para quem não é designer notar na hora. Troca mínima de tamanho de fonte ou fonte parecida confunde. Pior: ativa o efeito de pergunta, em que a pessoa inventa preferência porque foi perguntada.

Outras regras do mesmo texto:

mude poucos elementos por versão, para saber o que pesou;
randomize ou balanceie a ordem, porque a primeira versão ensina o conteúdo e enviesa a seguinte;
não use preferência para decidir se algo é usável.

Preferência responde “qual versão soa mais alinhada à marca”. Não responde “qual versão deixa a tarefa mais fácil”.

Depois do teste de usabilidade

O guia (em inglês) também lista perguntas de design visual no fim de uma sessão de usabilidade. Aí a pessoa já interagiu. A resposta carrega a tarefa, e não a primeira impressão sozinha. Use quando quiser ligar estética e atrito observado. Não use no lugar do teste de 5 segundos.

Rastreamento ocular e teste A/B entram no lado comportamental. O rastreamento ocular mostra o que atrai olhar. A/B mede clique, conversão ou sucesso de tarefa entre duas versões no ar. Os dois pedem pergunta comportamental clara antes de o estudo começar.

Como encaixa no bel app

No projeto do bel app, o trabalho era identidade visual: manifesto, direção de fotografia, versões do logo (lockups) e sistema de cor. A paleta é quente e suave (terracota, laranja queimado, creme, rosa-claro, azul claro e verde profundo), aplicada num wordmark em caixa baixa cujo b forma um laço de fita.

A identidade precisava funcionar em superfície de produto e em peça de marketing. O sistema de cor foi testado na própria marca, e as versões do logo foram desenhadas para fundos e formatos diferentes. É o tipo de pergunta que teste de 5 segundos e preferência respondem bem: a marca se lê em poucos segundos, e a variação de lockup se distingue sem subtileza de designer. Sem inventar sessão formal nem número de participantes: o case publica o teste na marca e nos lockups, não um protocolo de laboratório.

Onde as fontes divergem

Tempo da primeira impressão. O glossário fixa cinco segundos para a reação estética. O artigo de primeiras impressões cita cerca de 50 ms para a decisão estética e usa até 5 segundos quando a pergunta inclui o que chama atenção.
Primeiro clique como teste visual. O guia de design visual lista o primeiro clique junto dos métodos de percepção visual. O artigo sobre facilidade de encontrar trata o teste de clique como método de interface e de navegação, com mapa de calor e contraste com IA.
O que a preferência prova. O guia aceita preferência para escolha entre versões distintas. O mesmo texto avisa que ela não mede usabilidade nem comportamento.

O erro comum

O erro é tratar um voto de preferência ou uma impressão de 5 segundos como prova de que a tela funciona. Impressão e preferência não medem tarefa. Outro erro é pedir preferência entre duas versões quase iguais: a pessoa inventa diferença. Monte a pergunta estreita, escolha o método certo, e reserve usabilidade completa para quando o comportamento importar.