O eyetracking do NN/g comprovou que os fracos indícios de clicabilidade do design flat custam aos usuários 22% mais tempo

Em 2017, o design flat dominava a web, e com ele vieram interfaces despidas dos indícios que sinalizam o que é clicável: links azuis sublinhados, botões em relevo e sombras projetadas deram lugar a botões fantasma e a textos indistinguíveis do corpo do texto. A indústria discutia o trade-off pelo gosto — designers defendiam o visual limpo, especialistas em usabilidade alertavam, de forma anedótica, que os usuários estavam se perdendo, e nenhum dos lados tinha dados.

O Nielsen Norman Group realizou um experimento controlado de eyetracking para substituir opinião por medição. Pegou nove páginas reais de seis domínios — comércio eletrônico, organizações sem fins lucrativos, hotelaria, viagens, tecnologia e finanças — e fez duas versões de cada uma que diferiam apenas na força dos significantes. Setenta e um usuários gerais da web, cada um designado a uma versão, foram solicitados a encontrar onde clicariam, enquanto equipamentos de eyetracking registravam suas fixações e o tempo.

As páginas com significantes fracos custaram esforço real: os usuários gastaram 22% mais tempo e fizeram 25% mais fixações antes de encontrar o alvo, e seis dos nove pares de páginas mostraram padrões de olhar diferentes — a atenção se espalhava pela página porque nada parecia confiantemente clicável. Na página de joias finas, 86% dos usuários na versão forte passaram do título da seção para o link "Shop Pearl", contra 50% na versão fraca, em que nove de 24 usuários tentaram clicar no próprio título.

Igualmente valioso foi onde o design flat funcionou: três pares de páginas não mostraram diferença, e eles compartilhavam baixa densidade de informação, layouts tradicionais e alvos de alto contraste. O estudo não condenou o design flat; especificou quando ele é seguro. Sua publicação gerou debate suficiente para que o NN/g publicasse respostas às críticas, e os achados alimentaram a orientação da empresa sobre design flat por anos depois.

Encerrar a guerra de gosto com medição: pares de páginas equivalentes que diferiam apenas nos indícios de clicabilidade, rastreados por eyetracking em tarefas de encontrar o botão

Os pares equivalentes mantiveram constante toda variável de design exceto a força dos significantes, de modo que um estudo com páginas reais pôde reivindicar causalidade em vez de correlação.

As fixações e o tempo de tarefa traduziram um debate estético em custos de esforço que qualquer stakeholder poderia comparar.

Um delineamento entre sujeitos com 71 usuários designados aleatoriamente deu significância estatística às diferenças (p < 0,05).

Ao publicar as condições em que as páginas flat não causavam dano, o estudo deu aos designers uma resposta acionável em vez de um veredito a ignorar.

Mapas de calor públicos tornaram o efeito visível à primeira vista: significantes fracos espalhavam a atenção pela página, a assinatura de usuários à caça de um botão.

Quando uma indústria discute por gosto, isole a variável contestada em pares equivalentes e publique os números; o debate se torna um problema corrigível com condições declaradas.

O estudo tornou-se um dos textos mais debatidos do NN/g: no dia seguinte à publicação, atraiu 354 pontos e 171 comentários no Hacker News, e o próprio relato do NN/g observou que o artigo gerou "uma quantidade significativa de debate sobre design flat", ao qual respondeu com uma resposta publicada às críticas. Os achados alimentaram um programa de pesquisa mais amplo — artigos de acompanhamento sobre quando o design flat pode funcionar, como a exposição de longo prazo diminui lentamente a eficiência do usuário e o que uma estética flat corrigida precisaria —, transformando um experimento em um ponto de referência duradouro para designers que escolhem estilos visuais.