Hierarquia visual é a organização dos elementos pra direcionar o foco, marcar importância e levar a pessoa pelo conteúdo numa ordem lógica. Ela decide pra onde a pessoa olha primeiro e como percorre a tela, e sem ela a interface parece bagunçada, com ninguém sabendo direito o que importa.
As ferramentas são poucas e fortes: tamanho, cor, contraste, espaço e alinhamento. Um título maior puxa o olho antes do texto pequeno, um contraste forte destaca a ação principal, um espaço generoso separa grupos de conteúdo em blocos com sentido, e o alinhamento dá estrutura e corta a confusão.
No trabalho de produto, é a hierarquia que deixa a tarefa fácil. Numa tela de checkout, por exemplo, um label em negrito e um botão bem posicionado deixam o passo de compra óbvio. Quando a hierarquia é fraca, a pessoa precisa caçar a ação crítica, e isso aumenta o erro e o abandono.