CAPÍTULO 3: Design para Escaneabilidade (Billboard 101)
Steve Krug
Se o usuário escaneia, a página precisa ser construída para ser escaneada — o que Krug chama de billboard design 101: aproveitar convenções, criar hierarquia visual clara, dividir a página em áreas óbvias, deixar evidente o que é clicável e eliminar o ruído.
Desenhe a página como um outdoor: 1) aproveite convenções (logo no topo-esquerda, carrinho à direita); 2) crie hierarquia visual (importante = proeminente, relacionado = agrupado); 3) divida em áreas claras; 4) deixe óbvio o que é clicável; 5) elimine o ruído.
Como aplicar: faça a aparência refletir a estrutura — o olho deve 'ler' a organização antes de ler as palavras.
Padrões consagrados são processados sem esforço porque já foram aprendidos em mil outros sites. Inove apenas quando tiver certeza de que a nova forma é claramente melhor e tão óbvia quanto a convenção.
Modelo mental: convenções são vocabulário compartilhado — economizam o 'pensar' do usuário.
Banners, animações e cores que competem entre si afogam o conteúdo. Há três tipos de ruído: barulho de fundo, bagunça e tagarelice visual. Cada elemento extra rouba atenção do que importa.
Cuidado: hierarquia plana (tudo do mesmo tamanho/peso) deixa o usuário sem saber por onde começar.