Critique como um designer

"Tem algo estranho" é inútil — para um designer, e duas vezes mais para o Claude. Insatisfação vaga produz revisões vagas. A habilidade que separa quem consegue resultados bons de quem consegue resultados sortudos é o feedback mensurável: nomeie o elemento, diga o que você observa (com um número sempre que possível) e diga o que fazer a respeito.

A orientação da própria Anthropic para o seu produto de design diz exatamente isso: um feedback como "8px de espaço entre os campos do formulário" move o trabalho; "o espaçamento parece errado" não move nada.

A fórmula da crítica

Toda linha de uma crítica útil tem três partes:

1. O elemento. "O título do hero" — não "a parte de cima".
2. A observação mensurável. "está em 22px enquanto o título de seção abaixo dele está em 34px" — não "parece pequeno".
3. A instrução. "Inverta a relação: título em 48px no mínimo, título de seção em 28px."

Elemento, observação, instrução. Escrita assim, uma crítica também é um prompt — cole-a de volta no Claude e a revisão é exatamente o que você pediu.

O exercício: cinco defeitos

Esta página tem exatamente cinco problemas plantados. Todos são encontráveis com o vocabulário que você já tem deste módulo — hierarquia, acentos competindo, espaçamento, contraste, consistência. Abra o lightbox e estude-a antes de continuar lendo.

Escreva a sua crítica em cinco linhas, cada uma usando a fórmula: elemento, observação mensurável, instrução. Números vencem impressões — "uns 4px de espaço" é uma medida aceitável; "apertado", sozinho, não é.

Se você vir

Compare os seus cinco com a lista plantada: (1) Hierarquia — o título da página está em 22px enquanto o "Why Ember Roast" abaixo está em 34px; o texto mais importante da página é o menor título dela. (2) Acentos competindo — botões teal e links/números laranja disputam atenção; escolha um acento e rebaixe o outro a neutro. (3) Espaçamento — o hero empilha título, parágrafo e botões com espaços de 4–6px enquanto a seção abaixo respira; espaço comunica agrupamento, e ali está tudo num bolo só. (4) Contraste — o corpo do texto é um cinza quente claro sobre fundo creme, bem abaixo do contraste confortável de leitura; escureça-o até a leitura ficar sem esforço. (5) Consistência — três raios de canto diferentes (cards em 2px, botões pequenos em 12px, botão principal totalmente redondo) numa tela só; um raio, em tudo. Encontrar cinco problemas reais diferentes também vale — a fórmula é a lição, não o gabarito.

Por que isso importa para tudo que vem depois

Do módulo 2 em diante, você vai dirigir o Claude constantemente — e toda direção que você dá é uma crítica do que ele acabou de fazer. Quem só consegue dizer "melhorou, mas ainda está estranho" fica em loop para sempre. Quem consegue dizer "o acento aparece onze vezes; corte para três" converge em uma revisão.

Você vai reencontrar essa habilidade também do outro lado: no módulo 5, você vai ensinar o Claude a criticar as próprias capturas de tela contra as suas regras, usando exatamente esta fórmula.