Analisador de Hierarquia Visual

Entrada

Descrição do Design

Landing page: top has a small logo left, nav links right. Hero is a centered headline (~28px), a gray subhead, and a blue 'Sign up' button the same size as a secondary 'Learn more' button beside it. Below are three equal feature cards. The testimonial and pricing are far down, and there's a second identical CTA in the footer.

Tipo de Design

Página de destino

Foco da Análise

Otimização de Conversão

Saída (excerto)

PROBLEMAS DE HIERARQUIA (conversão): 1) O título a 28px é demasiado discreto para um destaque — aumente para 44-56px para conquistar os primeiros 3 segundos. 2) Os CTAs principal e secundário partilham o mesmo peso — desvalorize o "Saber mais" (estilo fantasma/texto) para que o olho se comprometa com o "Inscrever". 3) Os preços e os testemunhos estão depois de um longo scroll — puxe um ponto de prova para junto do destaque. 4) Dois CTAs idênticos dividem o foco; varie a redação. CORREÇÃO PRIORITÁRIA: aumentar o título + um único CTA dominante. Aumento esperado: um caminho de leitura mais claro, uma decisão mais rápida.

Entrada

Descrição do Design

Newsletter email: full-width hero image with white text baked into it, a light gray body text on white background (~13px), one orange button, and a footer with tiny 10px legal text and low-contrast unsubscribe link.

Tipo de Design

Modelo de E-mail

Foco da Análise

Foco na acessibilidade

Saída (excerto)

PROBLEMAS DE HIERARQUIA DE ACESSIBILIDADE: 1) O texto embutido na imagem de destaque é invisível para leitores de ecrã e quebra quando as imagens são bloqueadas — mova o título para HTML real. 2) Um corpo cinzento-claro de 13px sobre branco provavelmente falha o contraste WCAG AA — escureça-o para pelo menos #595959 e aumente para 15-16px. 3) Texto legal de 10px é ilegível — mínimo de 12px. 4) Um cancelamento de subscrição de baixo contraste arrisca a conformidade e a confiança — torne-o claramente visível. PRIORIDADE: texto real + contraste. Estes também melhoram a entregabilidade e a leitura na diagonal.

Entrada

Descrição do Design

Analytics dashboard ported to mobile: a top row of four KPI cards squeezed side by side, a large line chart, then a dense data table with 8 columns. Everything is the same font size and weight, and the most important metric (revenue) sits third from left.

Tipo de Design

Painel / Aplicação

Foco da Análise

Responsividade móvel

Saída (excerto)

PROBLEMAS DE HIERARQUIA EM MOBILE: 1) Quatro cartões de KPI numa só linha esmagam-se abaixo dos ~90px de largura — empilhe numa grelha 2x2 e lidere com a Receita, não com o terceiro a contar da esquerda. 2) Tamanho/peso uniformes significam que nada conduz o olhar — torne a métrica principal ~2x maior e a negrito. 3) Uma tabela de 8 colunas é inutilizável em mobile — mude para uma lista de cartões ou scroll horizontal com a primeira coluna fixa. 4) O gráfico precisa de espaço para respirar acima da tabela. PRIORIDADE: reordenar por importância + grelha de KPI responsiva.