Criando peas melhores que incentivem seu pblico a realizar uma ao

Voc est fazendo uma imagem para, por exemplo, fazer com que quem a veja clique no link postado e seja levado para o blog. Todas as pessoas que verem essa imagem vo clicar no link? Das que clicaram, o que levou elas a fazer isso? Quais so os elementos que eu posso inserir na imagem para melhorar a converso de cliques? Essas e muitas outras dvidas podem surgir. Para isso pessoas estudam melhores maneiras para criar contedos que levem o pblico a realizar a ao que eles desejam, e esse contedo chamado de Call to Action. o famoso Clique aqui. Vou fazer uma abordagem bem direta e prtica do assunto, porm para quem tiver interesse em se aprofundar eu disponibilizei as fontes no fim do arquivo. Lembrando que as dicas citadas nesse arquivo so melhores aplicadas para contedos orientados a transao ou converso, por exemplo: Um e-mail marketing sobre um produto de e-comerc, um banner ou post para o download de um pdf, uma postagem no facebook para aumentar as visitas do blog, e muitos outros casos.

1) Ttulo
O ttulo o primeiro atributo da imagem que visto, inclusive primeiro que imagens. Outro ponto que as pessoas leem apenas o comeo do titulo. Se voc conseguir prender a ateno do leitor por at 1 segundo provavelmente ele leia o resto do contedo. Sendo assim um bom ttulo tem deve ter as seguintes atribuies: Estar no topo da pgina/imagem Ser curto, objetivo e funcional. Descrever exatamente o contedo em poucas palavras. Ser chamativo/provocante (obs: cuidado no provocante, s vezes isso pode ser um tiro no p no caso de um tema polmico, podendo gerar comentrios negativos) Denotao do assunto e palavras principais devem estar no comeo do ttulo. Uma boa fisgada inicial criativa e interessante meio caminho andado para o leitor correr o resto do titulo e do texto. Comear com sujeitos ou verbos. Verbos geram maior converso.

Se possvel incluir nmeros, uma tima ttica de argumentao Usar palavras que indiquem o aprimoramento do leitor em ler ou realizar a ao desejada. Nunca usar jarges que indiquem dificuldade. Exemplo: Correto Anlise Aprimoramento Desenvolvimento Resposta Explicao o o o o o Incorreto Tcnico Investimento Pago, compre Longo Complicado

2) Corpo
As pessoas leem prestam ateno mais em textos do que imagens. Sendo assim o texto deve ser bem feito e conter as informaes necessrias e importantes do produto. Imagens so importantes como apoio na passagem da mensagem. Outros tipos de contedo como vdeos, animaes etc...ajudam a passar e explicar mensagens principalmente as complexas. Diversificar nos tipos de contedo um timo negcio. Imagens Contraste com cores quentes e cores frias, principalmente em fundos Devem estar de acordo com o contedo da pea. Evitar stock imagens Imagens foradas Exemplo: http://www.nobenational.org/stockgame/style/images/sg1.jpg http://amdanon.files.wordpress.com/2009/11/atendente.jpg Textos Textos curtos de 90 a 150 caracteres Dica: escrever normalmente de maneira a se passar toda a informao desejada, depois ler e reescrever de maneira mais concisa Usar advrbios para criar frases mais curtas. Exemplo: Com facilidade facilmente Nesse local Aqui Evitar muitos imperativos, conjugue em outro tempo Evite muitos imperativos, conjugue em outro tempo

Leia esse livro e aprenda Lendo esse livro voc aprende Linguagem segmentada Linguagem deve ser igual a do pblico Exemplo: Farmacuticos
Remdios tm efeito rpido e alguns so vendidos sem receita mdica. Mais pessoas so internadas por tomar remdios errado Confira as reaes adversas do medicamento x Medicamentos tm efeito rpido e alguns so vendidos sem receita mdica. Internao devido intoxicao por uso incorreto de medicamentos aumenta Confira as RAM do medicamento x

Deve conter uma explicao clara, objetiva e funcional do produto em questo sempre exibindo as vantagens e diferenciais dele. Para isso possvel se usar algumas tcnicas de argumentao. Segue algumas nesse arquivo: http://samuelswer.dominiotemporario.com/doc/tipo_arg.pdf Usar palavras que indiquem o aprimoramento do leitor em ler ou realizar a ao desejada. Nunca usar jarges que indiquem dificuldade. Exemplo: Correto Anlise Aprimoramento Desenvolvimento Resposta Explicao o o o o o Incorreto Tcnico Investimento Pago, compre Longo Complicado

Pargrafos curtos encorajam a leitura. Pargrafo inicial deve indicar claramente o que ser abordado no resto do texto em casos de textos longos Tamanho das letras do corpo do texto menor em contraste com o ttulo gera uma aproximao do leitor com o texto.

3) Espao
Parte superior a mais vista Deve conter contedo mais importante. Se por exemplo voc deseja passar 2 mensagens: Visite o blog e curta a pgina. Deve-se escolher a mensagem prioritria e a destacar no topo da imagem/pgina. Poro superior esquerda a mais vista Colocar principal contedo/mensagem na poro superior esquerda da mais destaque para ele. Muita informao empilhada dificulta a leitura e entendimento da pea.

Elementos prximos indicam relao Por exemplo: Um boto download prximo descrio de um produto indica que ali se faz o dowload dele. Senso de direo Pode-se criar um fluxo de informaes para explicar algo. Muito usados em infogrficos. Exemplo: http://afepunesp.blogspot.com.br/2012/05/infografico-como-funcionaatencao_17.html#.UNhZjayy-T4

4) Botes e destaque de informaes

Como os botes podem ser usados no nosso trabalho? Eles levam a pessoa para o local/ao que desejamos, seja ler o blog ou comprar algo. No caso da AFEP eles podem ser colocados no blog para levar as pessoas a preencherem um formulrio, fazer um download, ou ir para um post relacionado, por exemplo. Como fazer? Simples...Criar a imagem no photoshop, adicionar no corpo do e-mail, adicionar um link na imagem. Se o caso for uma imagem para postar nas redes sociais no possvel adicionar um link. Nesse caso as seguintes dicas servem para chamar ateno para um determinado atributo da imagem, que o mais importante para fazer a pessoa clicar. Por exemplo: temos um blog e queremos que as pessoas saibam. possvel criar um box com visite nosso blog. Segue os atributos que ajudam nesse ponto: Tamanho Um elemento maior chama mais ateno Contraste cores, fonte Um elemento com uma cor contrastante do resto da imagem chama mais ateno. Outra estratgia mudar a fonte. Uma fonte diferente do resto do texto chama ateno

Formas no convencionais. As pessoas se acostumam com os padres que so apresentados na web. Por exemplo, elas esto acostumadas com anncios em determinados pontos em sites, sendo assim elas passam despercebidas por eles. Da mesma maneira elas esto habituadas a botes quadrados. Diversificar na forma chama mais ateno para o seu boto ou mensagem. Por exemplo: ao invs de colocar viste nosso blog em um box quadrado, colocar em uma nuvem.

Efeitos grficos Adicionar efeitos em formas ou textos destacam ele. Exemplo de efeitos: bevel emboss, gradiente, drop shadow, extruso. Exemplos de botes (lembrando que o conceito aplicado para botes podem ser aplicados para boxes ou qualquer outro tipo de destaque para informaes)

5 )Exemplo prtico:
Criar uma imagem para o facebook que passe 2 mensagens: - Visite o blog da AFEP - A AFEP trabalha com AF e sade Escolher tamanho 400x400 pixels (adequado para melhor visualizao no facebook) Escolha de mensagem principal: Visite o blog da AFEP Contexto e mensagem: A AFEP referncia em AF e sade, visitando nosso blog voc ir aprender muito.

a. Titulo na parte superior em arial black (destaque), incio com verbo, destaque em ateno farmacutica. AF a palavra princial, por isso dei um destaque em azul nela, fazendo-a chamar mais ateno. Outra estratgia colocar ela no comeo da frase: AF, voc est atualizado?.

b. Mensagem principal no corpo da imagem descrevendo a vantagem em ler o blog da afep. Outra opo de mensagem melhor ainda: Lendo o blog da afep voc se mantm atualizado e adquire conhecimentos para ateno farmacutica e sade (Incio com verbo, uso de palavras que acrescentam para o leitor: atualizado, adquire) Inicio com Lendo melhor que Leia, sempre bom evitar imperativos. c. Espao entre o titulo e corpo separa corretamente os elementos da imagem. d. Imagem do blogger da suporte ao texto. Os efeitos bevel & emboss, adio de filtro e efeito de luz destacam a imagem. O fato de ela ser laranja contrasta com o fundo azul tambm. e. Sobre o texto em cima da imagem do blogger, a inteno dele indicar a ao desejada. Os atributos dele: Est em cima da imagem Est com uma fonte diferente da explicao do blog ao lado (arial black) Tombado Com contorno Efeito de resduo. Isso faz com que ele seja o elemento que mais chama ateno na imagem, e isso o desejado pois ele que indica a ao desejada f. Espao inferior separa a mensagem principal da secundria g. Mensagem secundria ressalta o trabalho da afep a fim de gerar um argumento de autoridade para a mensagem primria. O fato de ele estar em uma cor diferente da primeira mensagem tambm indica uma separao, e uma relao com a cor azul do titulo. Seria at melhor dizer A afep realiza acompanhamento farmacoterapeutico..bla bla bla...j ajudamos mais de x velhinhos apenas esse ano. Nmeros como argumento. Porm isso demanda pesquisa. h. O box separa as mensagens e destaca a mensagem secundria. O sombreado destaca o box. i. O logo necessrio para reforo de marca da AFEP

Fontes: o The step-by-step guide to mastering the design & copy of calls-to-action Hub Spot o http://www.directcreative.com/blog/eye-tracking-websites o http://www.grokdotcom.com/2007/02/15/large-red-buttons-oh-my/