CAPÍTULO 3: Design para Escaneabilidade (Billboard 101)
Steve Krug
Já que o usuário escaneia, a página tem de ser feita para ser escaneada — é o que Krug chama, com humor, de billboard design 101: o curso básico de outdoor. São cinco movimentos: aproveitar as convenções que ele já conhece, montar uma hierarquia visual clara, dividir a página em áreas óbvias, deixar gritante o que é clicável e calar o ruído. Nada de gênio — só caprichar no óbvio.
Desenhe a página como quem desenha um outdoor para ser lido a 100 km/h: 1) aproveite as convenções (logo no canto superior esquerdo, carrinho à direita); 2) monte a hierarquia visual (o importante grande e à frente, o que é parente fica junto); 3) recorte áreas claras; 4) deixe o clicável escandalosamente clicável; 5) cale o ruído.
Como aplicar: faça a aparência espelhar a estrutura — o olho deve 'ler' a organização da página antes de ler uma só palavra.
As convenções são processadas sem gastar um grama de atenção, porque o usuário já as aprendeu em mil sites antes do seu. Reinventá-las é obrigá-lo a aprender de novo o que já sabia. Só vale inovar quando a sua ideia é claramente melhor e fica tão óbvia quanto o padrão que substituiu.
Modelo mental: convenções são vocabulário compartilhado — usá-las é falar a língua do usuário em vez de inventar um dialeto só seu.
Banner piscando, animação girando, cinco cores brigando por atenção: tudo isso afoga aquilo que o usuário veio buscar. O ruído tem três sabores — o barulho de fundo, a bagunça e a tagarelice visual — e cada enfeite a mais é um pedaço de atenção a menos para o que importa.
Cuidado: quando tudo tem o mesmo tamanho e o mesmo peso, nada se destaca — e o usuário fica parado, sem saber por onde começar.