Hierarquia visual é a técnica de organizar elementos por importância, guiando o olho do espectador na ordem certa, do mais para o menos relevante. Sem ela, tudo compete pela mesma atenção ao mesmo tempo.
Ferramentas que criam hierarquia
- Tamanho: elementos maiores chamam atenção primeiro, naturalmente
- Cor e contraste: o que se destaca da paleta geral é visto antes
- Posicionamento: o canto superior esquerdo costuma ser o primeiro ponto de leitura em culturas ocidentais
Aplicando na prática, do título ao botão
Um bom layout guia o olho do título, para a explicação, e finalmente para o botão de ação, numa sequência lógica que não exige esforço do visitante para entender o próximo passo.
O erro de dar destaque igual para tudo
Quando tudo tenta chamar atenção ao mesmo tempo, nada se destaca de verdade. Hierarquia exige escolher o que realmente importa e deixar o resto em segundo plano, de propósito.
Hierarquia visual bem feita é quase invisível para quem olha, mas decide completamente o caminho que o olhar percorre até a decisão final.