Três perguntas antes de olhar o layout
Considere um cenário hipotético: a equipe aprova um banner para uma campanha. Metade acha bonito, a outra metade acha poluído, e a discussão termina em preferência pessoal.
Antes de opinar sobre cores e fontes, responda a três perguntas sobre a peça:
Qual é a mensagem? A ideia central, em uma frase.
Quem é o destinatário? A pessoa específica a quem ela se dirige, e em qual momento.
Qual é a ação esperada? O que a pessoa deve fazer depois de ver a peça.
Se três pessoas respondem de formas diferentes, o problema é anterior ao design. Sem objetivo comum, nenhum ajuste visual resolve.
Hierarquia: o que o olho vê primeiro, segundo e terceiro
Hierarquia visual é a ordem em que os elementos são percebidos. Ela se constrói com tamanho, peso, posição, cor e espaço em branco.
Um teste simples: mostre a peça por poucos segundos a alguém e peça que descreva o que lembra. Em seguida, compare com a ordem que você pretendia. Se a pessoa lembra do logo, mas não da oferta, a hierarquia está invertida em relação ao objetivo.
A ordem desejada costuma seguir a sequência: mensagem principal, apoio que a torna crível, ação. Elementos de marca importam, mas não devem competir com a mensagem quando a prioridade da peça é a decisão.
Leitura, contraste e excesso de informação
Legibilidade e contraste. O texto precisa ser lido no tamanho e no meio em que será visto, inclusive em telas pequenas. As Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2.2, critério 1.4.3, do W3C) pedem contraste de pelo menos 4,5 para 1 entre texto e fundo em textos comuns, e de 3 para 1 em textos grandes (a partir de 18 pontos, ou 14 pontos em negrito). Ferramentas gratuitas de verificação de contraste medem isso em segundos. Esses valores são referência de acessibilidade para conteúdo web, e peças impressas ou de vídeo também se beneficiam do mesmo cuidado.
Excesso de informação. Cada elemento adicionado reduz a atenção disponível para os demais. Pergunte, para cada bloco de texto ou imagem: se eu remover isto, a mensagem principal fica menos clara? Se a resposta é não, o elemento é candidato à remoção ou a outro lugar, como uma página de destino.
Fluxo de leitura. O caminho do olhar deve levar da mensagem à ação sem desvios. Elementos decorativos, setas e imagens que apontam para fora do centro de interesse alteram esse caminho.
A chamada para ação
A CTA precisa dizer o que acontece em seguida, em linguagem concreta ("Agendar uma conversa" informa mais que "Saiba mais"). Deve ter destaque suficiente para ser encontrada e proximidade com a promessa que a justifica.
Verifique também a coerência: a ação pedida na peça precisa corresponder ao que a pessoa encontra depois do clique ou da leitura. Se a peça promete uma coisa e a página oferece outra, o design cumpriu seu papel visual e falhou na função.
Aplicação prática: checklist de objetivo e compreensão
Reúna de três a cinco peças em uso (anúncios, posts, folhetos ou apresentações) e aplique a lista a cada uma:
A mensagem principal cabe em uma frase e está escrita na peça?
O destinatário se reconhece nela?
A ação esperada está definida e visível?
A ordem de leitura corresponde à ordem de importância?
O contraste do texto é suficiente em tela pequena?
Há elementos que podem sair sem prejudicar a mensagem?
A CTA usa verbo e diz o que acontece depois?
A promessa da peça é cumprida no destino?
Peça a três pessoas de fora do projeto que olhem cada peça por poucos segundos e respondam: o que é isto, para quem é, o que devo fazer? Compare as respostas com o objetivo. Registre as divergências como correções, ordenadas por impacto na ação esperada.
Quando a revisão for parte de uma campanha, avalie a peça no contexto em que ela aparece, e não isolada, pois o entorno altera a percepção.
Conexão comercial
Peças que funcionam em conjunto nascem de um objetivo de comunicação definido antes do layout.
Converse com a HTZ sobre um trabalho de design orientado à comunicação e à campanha, em que cada peça parte de mensagem, destinatário e ação, e é revisada por esses critérios antes de ir ao ar.