Crie banners que não sugam: 15 dicas de design
Houve muita conversa recente sobre banners. Eles estão desaparecendo? Os usuários estão realmente clicando neles? Eles estão mortos? Existem melhores opções disponíveis?
Embora seja verdade que os cliques em anúncios em banner estão em declínio, esse não é o fim do popular formato de publicidade on-line. Embora você não possa mensurá-lo, apenas ver um anúncio ajuda a criar uma preferência do usuário para esse item, produto ou serviço. (Lembre-se de que anúncios aparecem na TV e em materiais impressos há décadas sem cliques para comprovar suas taxas de sucesso.) Hoje, veremos 15 maneiras de criar anúncios em banner que simplesmente não são ruins. Dê uma olhada nos exemplos também. Eles são os vencedores do The Webby Awards em 2015 por design de site e anúncio. Você pode clicar nas imagens para aprender mais sobre cada uma.
1. Atenha-se aos tamanhos padrão
Os anúncios em banner não são do tipo de tamanho único. Você precisará criar dentro das especificações do site em que planeja anunciar, e a maioria dos sites usa um conjunto de tamanhos comuns. (Isso também inclui boletins por e-mail, que geralmente seguem uma estrutura semelhante.)
O Google AdWords, um dos maiores servidores de banners da Web, acompanha os tamanhos mais populares. "Como regra geral", de acordo com o Google, "tamanhos maiores de anúncios tendem a superar seus concorrentes mais altos". Muito disso pode estar relacionado ao posicionamento acima do pergaminho e porque é mais confortável ler da esquerda para a direita, em vez de muito texto empilhado. h
Então, aqui estão os tamanhos que você deve considerar primeiro:
- Cabeçalho de 728 pixels por 90 pixels (geralmente na parte superior ou inferior das páginas)
- Retângulo médio de 300 por 250 (geralmente flutua no lado direito ou é incorporado em elementos de texto)
- Meia página de 300 por 600
- Faixa móvel de 320 por 100
2. Criar hierarquia
Todo anúncio em banner precisa de três elementos: identidade visual, mensagem e incentivo para clicar. O desafio é que você não tem muito espaço para fazer isso.
Crie uma hierarquia simples de elementos. A mensagem deve ser sucinta - duas a dez palavras é o ideal. O que você está oferecendo e por que as pessoas querem? Em seguida, inclua uma logomarca ou identificação. Ele só precisa ser legível e não precisa ser grande. Em seguida, termine a estrutura do anúncio com um motivo para clicar. Você tem uma venda? Código do cupom? Inscrição por email?
Cada um desses níveis deve ser dimensionado usando a teoria básica do design, com tamanho, espaço, peso e cor para guiar o usuário de elemento a elemento.
3. Um anúncio é igual a uma mensagem
Os anúncios em banner não são uma rotação interminável de mensagens. Embora você possa usar técnicas como gifs animados para rolar várias mensagens nos anúncios, essa nem sempre é a melhor solução.
Comece com um conceito que funcione como um anúncio estático primeiro. Somente então você deve tentar adicionar recursos ou funções. Mover elementos em um anúncio não deve ser a única coisa que as pessoas veem. Suas mensagens devem ser a coisa mais importante na tela.
4. Pense em posicionamento
Onde você planeja colocar esses banners depois que eles são criados? Se você estiver usando um serviço como o Google, poderá não ter muito controle sobre os canais, mas se estiver comprando diretamente para sites, aplicativos ou boletins eletrônicos, deve analisar o design dessas coisas antes de iniciar o seu de Anúncios.
Use cores contrastantes com a localização e o fundo ao redor. Isso ajudará seu add a sair do cenário. Escolha cores fortes e tipografia forte também. Mesmo se você estiver em um campo ou linha de produtos semelhante ao site em que o anúncio foi colocado, escolha visuais fortes e drasticamente diferentes para obter o máximo impacto.
5. Inclua um plano de ação
Mesmo que a maioria dos anúncios nunca seja clicada, esse é o objetivo final, certo? Crie um plano de ação para cada banner que você criar. O que os usuários devem fazer a seguir?
Isso pode incluir inscrever-se em uma lista de e-mails, visualizar seu site, obter um desconto e assim por diante. Mas você precisa informar aos usuários para executar esta ação. (Sim, às vezes ainda somos um grupo bastante impressionável que precisa de instruções diretas.)
6. Esqueça o Flash
Quase não é preciso dizer nos dias de hoje, mas não deixe ninguém falar com você em um anúncio em flash. Você está perdendo tempo, esforço e dinheiro.
Use HTML5. Se você precisar de ajuda para converter alguns dos designs de anúncios mais antigos e quiser salvá-los, o Google tem um breve tutorial que pode ajudar.
7. Inclua um botão
Quando se trata de usuários um tanto densos - todos nós caímos nessa categoria em algum momento - instruções fáceis de seguir são vitais. Embora a maioria dos usuários saiba que pode clicar em anúncios, às vezes incluir um botão real é o que os faz mover o mouse. (Sim, sabemos que todo o espaço do anúncio é clicável, mas o botão é uma ótima dica visual.)
Então inclua um botão. Não precisa ser chique. Porém, um simples "compre agora" ou "descubra mais" pode ajudar bastante para que os usuários façam a troca do visualizador para a conversão.
8. Foco em fontes
Quanto menor o espaço com o qual você estiver trabalhando, mais as fontes se tornarão importantes. Os anúncios em banner geralmente são forçados a espaços pequenos e enfrentam muita concorrência por olhos. Aproveite ao máximo os tipos de letra fortes e fáceis de ler.
Como regra geral, dois tipos de letra devem ser suficientes.
- Seja grande com o título. Use algo ousado, um pouco incomum ou colorido para chamar a atenção dos usuários.
- Atenha-se a um simples sem serifa para todo o resto. Você pode usar dois tamanhos ou negrito - um para o texto principal e outro para botões ou frases de chamariz. Apenas certifique-se de que seja fácil de ler.
9. Use animação simples no anúncio
Uma das maiores tendências em banners é a animação simples. Existe um personagem divertido sendo exibido no anúncio? Uma garota bonita pisca para você do outro lado da tela?
O que não estamos falando são as telas amarelas e laranja brilhantes de anúncios do passado. Você não precisa de texto brilhante de néon para atrair a atenção do usuário.
O que estamos falando é de pequenas surpresas que você pode ter que olhar duas vezes para realmente perceber. Animação simples pode ser apenas aquele pequeno truque que faz alguém prestar atenção.
10. Salvar corretamente
Este é um grande problema. Ninguém vai querer veicular seus anúncios se os arquivos forem muito grandes ou se não estiverem formatados corretamente. Otimize seu conteúdo para o menor tamanho de arquivo possível. O tamanho do arquivo de destino deve estar em torno de 150 kb, dependendo do tamanho do anúncio.
Em seguida, certifique-se de salvar em um formato que funcione na Web. Os tipos de arquivo comuns para anúncios em banner incluem PNG e JPG para exibições estáticas e GIF para exibições animadas. À medida que a popularidade do SVG aumenta, esse formato também está se tornando amplamente aceito.
11. Foco na cópia
Antes de dizer que esse é o trabalho de outra pessoa, a cópia é uma parte essencial do design. Como não há muito espaço para trabalhar aqui, você precisará trabalhar em estreita colaboração com o redator para criar uma mensagem que vende.
Você não deseja obter 100 palavras para inserir nesse anúncio, não é? Em seguida, trabalhe com o redator. Considere fazer perguntas ao usuário ou criar uma provocação que chame a atenção do usuário sem fornecer respostas.
12. Manter a consistência da marca
Os anúncios em banner são uma extensão de qualquer outra campanha de marketing que você esteja executando. E eles devem se parecer com isso. Embora as formas e tamanhos possam apresentar alguns desafios de design, é importante manter a consistência visual.
Isso pode exigir pensar em anúncios em banner na parte inicial da sua estratégia de marketing. (Atualmente, você não criava um logotipo sem uma versão quadrada apropriada para a mídia social?
Para manter a consistência, use as mesmas cores, tipos de letra e imagens em todos os materiais de marketing. Para elementos menores, considere soltar um logotipo formal ou usar um corte interessante de uma imagem que apareça em tamanho real em outras mídias. Isso está ok. Você pode ter um ótimo criativo para que tudo se reúna.
13. Use imagens fortes
Se você tem medo de cultivar, é hora de superar isso. As imagens nos anúncios em banner são pequenas - geralmente muito pequenas - e você precisará usar imagens compactas e fotos detalhadas para aproveitar ao máximo o espaço.
Ao usar imagens de pessoas, opte por rostos. Se você é um revendedor de roupas, mostre um item em vez de um guarda-roupa inteiro. Atenha-se a canais simples também, com imagens ao lado do texto, e não como parte dele. Os usuários terão apenas alguns segundos para ver o que você está tentando dizer. Uma imagem forte ao lado de uma mensagem forte é sua melhor aposta.
14. Link apropriado
Não há nada como uma campanha publicitária bem pensada. Se você clicar em um banner porque vê uma camiseta que deseja comprar, o link deve ir para esse item. Os usuários agradecerão.
Isso pode exigir um pouco mais de trabalho de sua parte. As páginas de destino diretamente relacionadas às campanhas publicitárias são uma boa opção para isso. Associe anúncios a imagens na página relacionada para que os usuários não se sintam enganados ou perdidos após o clique. Essa é uma ferramenta eficaz para ajudar você a avaliar as conversões também.
15. Mantenha as coisas simples
Dizemos isso muito no Design Shack - mantenha-o simples. Se você estimular demais os usuários com mensagens, animação, cores e fatos, isso diluirá o que você realmente está tentando realizar. Mantenha simples.
Quando se trata de banners, um de tudo é suficiente.
- Uma imagem
- Uma mensagem
- Um apelo à ação
- Uma marca
Conclusão
Portanto, o banner ainda não está morto. (E provavelmente não vai desaparecer tão cedo.) Esses canais podem ser uma maneira eficaz de ajudar a atingir seu público-alvo com compras e design pesquisados que ajudam os usuários a se conectarem à sua marca.
Se você precisar de mais dicas para criar anúncios para a Web, confira estes recursos:
- 10 dicas para criar anúncios estáticos
- Projetando para a experiência intersticial
