Glossário de Product Design
O que é hierarquia visual?
Também chamado de Hierarquia de informação
Hierarquia visual é a organização dos elementos da tela por importância, usando tamanho, peso, cor, contraste e espaço para mostrar o que ler primeiro e onde agir.
Em detalhe
Sem hierarquia, tudo grita ao mesmo tempo e a pessoa precisa ler a tela inteira para entender o que fazer. Com ela, o olho percorre a tela na ordem certa: título, informação principal, ação.
Um teste simples é desfocar a tela (ou apertar os olhos): o que continua visível é o que a hierarquia está dizendo que importa. Se não for a ação principal, algo está errado.
Na prática
- Tenha uma única ação principal por tela ou seção.
- Use o espaço em branco para agrupar, não só para respirar.
- Limite os tamanhos de fonte a uma escala curta e consistente.