{"id":862,"date":"2017-09-19T14:00:04","date_gmt":"2017-09-19T17:00:04","guid":{"rendered":"http:\/\/rabisconaweb.com.br\/blog\/?p=862"},"modified":"2017-09-19T14:36:59","modified_gmt":"2017-09-19T17:36:59","slug":"precisa-saber-sobre-call-to-action","status":"publish","type":"post","link":"https:\/\/rabisconaweb.com.br\/blog\/2017\/09\/19\/precisa-saber-sobre-call-to-action\/","title":{"rendered":"Tudo o que voc\u00ea precisa saber sobre Call to Action"},"content":{"rendered":"

Sempre que pensamos em melhorar a usabilidade<\/strong> do site, pensamos em breadcrumb navigation<\/strong>, melhorar a home, melhorar a estrutura de links e uma s\u00e9rie de altera\u00e7\u00f5es muito importantes para fazer com que a experi\u00eancia do usu\u00e1rio no site seja excelente. Entretanto, ser\u00e1 que n\u00e3o est\u00e1 faltando nada no \u201cchecklist de usabilidade\u201d?<\/p>\n

No artigo de hoje, vamos falar sobre CTA (call to action) e como esse recurso pode ser bem aplicado em seu site, a fim de alavancar seus resultados.<\/p>\n

\n

O que \u00e9 Call to Action?<\/h2>\n<\/blockquote>\n

CTA \u00e9 um acr\u00f4nimo para call to action<\/em><\/strong>, o que significa a \u201cchamada \u00e0 uma a\u00e7\u00e3o<\/strong>\u201c. Ou seja, s\u00e3o links ou fun\u00e7\u00f5es de uma p\u00e1gina que levam os usu\u00e1rios a realizar a\u00e7\u00f5es. Os tipos de CTAs variam de p\u00e1gina para p\u00e1gina e podem ser links de navega\u00e7\u00e3o, links para compras, links para formul\u00e1rios de inscri\u00e7\u00e3o, e podem ser classificados da seguinte maneira:<\/p>\n

Prim\u00e1rios: <\/strong>\u00c9 aquele que apela para a funcionalidade da p\u00e1gina. Por exemplo, vamos supor que desejamos comprar uma geladeira X em um site de e-commerce. A p\u00e1gina referente \u00e0 geladeira que escolhermos tem a funcionalidade de vend\u00ea-la. Um claro exemplo de CTA prim\u00e1rio nessa p\u00e1gina \u00e9 o bot\u00e3o de comprar\/adicionar ao carrinho.<\/p>\n

Secund\u00e1rios: <\/strong>Ainda utilizando o exemplo da geladeira, uma boa op\u00e7\u00e3o de CTA secund\u00e1rio \u00e9 oferecer produtos relacionados em um ponto estrat\u00e9gico da p\u00e1gina. A foco principal da p\u00e1gina da geladeira \u00e9 vend\u00ea-la, entretanto, ela tamb\u00e9m poder\u00e1 vender os produtos complementares \u2013 o foco secund\u00e1rio.<\/p>\n

Porque os CTAs s\u00e3o Importantes?<\/h2>\n

Usabilidade<\/strong> \u00e9 a palavra de lei para os CTAs, pois eles facilitam a navega\u00e7\u00e3o do usu\u00e1rio, tornando-a mais clara e f\u00e1cil. Al\u00e9m do mais, eles podem te ajudar no processo de convencer seu usu\u00e1rio a fazer o que voc\u00ea deseja (obviamente, se essa for a vontade do seu usu\u00e1rio).<\/p>\n

Apesar de ter utilizado constantemente o exemplo dos sites de e-commerce, os CTAs s\u00e3o muito interessantes para blogs e sites informativos \u2013 enquetes, inscri\u00e7\u00f5es em feeds, usar um selo, indicar um aplicativo, votar em postagens \u2013 que atire a primeira pedra o blogueiro que nunca quis que seus leitores realizassem essas a\u00e7\u00f5es.<\/p>\n

Devemos ressaltar que os CTAs devem ser claros, objetivos e ter uma forte rela\u00e7\u00e3o com sua proposta. Ningu\u00e9m gosta de clicar em um bot\u00e3o para realizar uma determinada a\u00e7\u00e3o e se deparar com algo completamente diferente daquilo que foi proposto inicialmente.<\/p>\n

\n

Como Montar um Call to Action<\/h2>\n<\/blockquote>\n

Agora que j\u00e1 sabemos como um CTA \u00e9 importante, fica uma d\u00favida na cabe\u00e7a: \u201cComo montar um CTA excelente?\u201d. Para tanto, basta prestar aten\u00e7\u00e3o nos seguintes itens:<\/p>\n

O que os usu\u00e1rios desejam?<\/h3>\n

Considere o tipo de visitantes de uma p\u00e1gina. Como \u00e9 que essas pessoas chegaram l\u00e1? O que elas procuram?
\nAo responder a essas perguntas voc\u00ea consegue identificar qual seria o pr\u00f3ximo passo l\u00f3gico de seus usu\u00e1rios. E dessa maneira, poder oferecer o que seus visitantes desejam atrav\u00e9s do CTA certo.<\/p>\n

Conte\u00fado Espec\u00edfico<\/h3>\n

Esque\u00e7a dos textos \u00e2ncora gen\u00e9ricos. \u201cClique aqui\u201d \u00e9 apenas um exemplo de \u00e2ncoras que voc\u00ea n\u00e3o vai utilizar. Al\u00e9m de facilitar a vida de seu usu\u00e1rio, utilizar textos \u00e2ncoras personalizados vai te auxiliar at\u00e9 mesmo no link building<\/strong> de seu site. Cada tipo de p\u00e1gina dever\u00e1 ter seu pr\u00f3prio tipo de bot\u00e3o. Mas aten\u00e7\u00e3o, escreva textos curtos, auto-explicativos e precisos para seus bot\u00f5es. Ali\u00e1s, uma boa maneira de montar esse tipo de link \u00e9 atrav\u00e9s de bot\u00f5es gr\u00e1ficos personalizados.<\/p>\n

Cor Utilizada<\/h3>\n

Por incr\u00edvel que pare\u00e7a, a cor a ser utilizada tamb\u00e9m \u00e9 muito importante. Assim como temos cuidado na hora de escolher as cores utilizadas no design, \u00e9 interessante prestar uma certa aten\u00e7\u00e3o na hora de escolher a cor dos nossos CTAs. Pois para cada tipo existir\u00e1 uma cor que melhor se adaptar\u00e1 a finalidade do mesmo.<\/p>\n

\"Cores<\/p>\n

Vermelho: <\/strong>A cor vermelha tem um efeito marcante na percep\u00e7\u00e3o visual dos seres humanos, tanto pelo seu aspecto f\u00edsico (s\u00e3o as ondas mais largas do espectro de cores vis\u00edveis pelo homem) tanto na sua simbologia. E \u00e9 justamente pelo destaque que proporciona, deve ser utilizado com modera\u00e7\u00e3o. Geralmente \u00e9 utilizado para avisos e erros, mas tamb\u00e9m pode ser a cor perfeita para um bot\u00e3o de \u201ccompre agora\u201d.<\/p>\n

Curiosidades sobre a cor vermelha:
\n\u00e9 a primeira cor que o olho enxerga pela manh\u00e3 e a primeira que a crian\u00e7a consegue reconhecer.<\/p>\n

Amarelo: <\/strong>\u00c9 a primeira cor que o olho humano consegue visualizar, e \u00e9 justamente por isso que s\u00e3o amplamente utilizadas em placas de tr\u00e2nsito. Amarelo tamb\u00e9m \u00e9 uma boa cor a ser utilizada em Call to Actions. Da mesma maneira que o vermelho, devem ser utilizadas com cautela.<\/p>\n

Curiosidade sobre a cor amarela:
\nestimula a mem\u00f3ria.<\/p>\n

Laranja: <\/strong>Tem um efeito menos marcante que o vermelho ou o amarelo, mas n\u00e3o \u00e9 menos interessante. Tamb\u00e9m \u00e9 \u00f3timo para CTAs.<\/p>\n

Ao considerar a cor para os seus bot\u00f5es, leve em considera\u00e7\u00e3o que apesar da cor ter que proporcionar um destaque aos bot\u00f5es em rela\u00e7\u00e3o \u00e0s cores utilizadas em seu site, ela n\u00e3o dever\u00e1 atrapalhar o seu design original. Ali\u00e1s, se voc\u00ea quer mais algumas dicas nesse assunto, no Monkey C Media voc\u00ea vai encontrar um artigo muito interessante sobre as cores e os CTAs<\/strong><\/a>.<\/p>\n

Montar CTAs atrativos e eficientes pode ajudar e muito na melhora da convers\u00e3o de sites e blogs. E, assim como algumas das principais t\u00e9cnicas de SEO<\/strong>, n\u00e3o demanda grandes esfor\u00e7os ou t\u00e9cnicas complicadas, bastando apenas se apoiar na experi\u00eancia do usu\u00e1rio e como ela pode ser melhorada.<\/p>\n

\n

Convers\u00f5es x Posicionamento<\/h2>\n<\/blockquote>\n

Uma das principais metas ao iniciar uma campanha de SEO, com certeza, \u00e9 a melhora de posicionamento nas pesquisas. Entretanto devemos ter em mente que as convers\u00f5es tamb\u00e9m s\u00e3o muito importantes<\/strong>. De que adianta ter \u00f3timos posicionamentos e n\u00famero de visitas se os usu\u00e1rios n\u00e3o realizam as a\u00e7\u00f5es desejadas dentro do seu site? Ou se, no caso de blogs, os usu\u00e1rios apenas d\u00e3o uma olhada na landing page e n\u00e3o permanecem no site?<\/p>\n

 <\/p>\n

Conte\u00fado de qualidade e usabilidade s\u00e3o dois fatores essenciais para a convers\u00e3o de um site. No quesito usabilidade<\/strong>, ter um carinho especial com os Call to Actions de seu site com certeza \u00e9 algo de grande valia. Mas, se voc\u00ea j\u00e1 tomou provid\u00eancias em rela\u00e7\u00e3o \u00e0 seus Call to Action e mesmo assim n\u00e3o obteve bons resultados, est\u00e1 na hora de se perguntar: \u201cMeus usu\u00e1rios est\u00e3o vendo os CTAs?\u201d.<\/p>\n

\n

Por Que os Usu\u00e1rios n\u00e3o V\u00eaem os Call to Actions?<\/h2>\n<\/blockquote>\n

Cores de Tons Muito Pr\u00f3ximos<\/h3>\n

Os CTAs s\u00e3o elementos que precisam de um certo destaque na p\u00e1gina. Entretanto, muitos designers preferem utilizar cores muito pr\u00f3ximas daquelas j\u00e1 utilizadas no site. Dessa maneira os Call to Action ficam \u201capagados\u201d na p\u00e1gina.<\/p>\n

Uma boa maneira de contornar essa situa\u00e7\u00e3o, sem fazer um carnaval de cores na p\u00e1gina, \u00e9 escolher uma cor que d\u00ea um destaque moderado. Se o site est\u00e1 em tons de azul ou verde, por exemplo, ab\u00f3bora ou vermelho s\u00e3o \u00f3timas op\u00e7\u00f5es. Nem que sejam utilizadas em tons past\u00e9is.<\/p>\n

P\u00e1ginas \u201cPolu\u00eddas\u201d<\/h3>\n

Abarrotar v\u00e1rios elementos em uma p\u00e1gina a torna dif\u00edcil de decifrar e muito pouco convidativa para o usu\u00e1rio. Isso geralmente ocorre em sites onde se exagera na quantidade de an\u00fancios de publicidade, AdSenses, bot\u00f5es, imagens, flashs e outros elementos. Nesse tipo de p\u00e1gina \u00e9 dif\u00edcil identificar corretamente a funcionalidade de cada elemento, ou seja, elas se tornam muito pouco convidativas para o usu\u00e1rio.<\/p>\n

Nesse caso, tome cuidado com a quantidade de elementos que voc\u00ea tem em cada p\u00e1gina. Nenhum usu\u00e1rio vai querer perder tempo procurando por um bot\u00e3ozinho perdido em uma p\u00e1gina repleta de coisas. Outra maneira de evitar essa situa\u00e7\u00e3o \u00e9 ter bem definidas as fun\u00e7\u00f5es de cada p\u00e1gina.<\/p>\n

P\u00e1ginas Muito Pesadas<\/h3>\n

Esse tipo de p\u00e1gina pode ou n\u00e3o ser conseq\u00fc\u00eancia do tipo de p\u00e1gina anterior. Nem todas as pessoas utilizam internet de alta velocidade. Nem todas as pessoas t\u00eam tempo de esperar as p\u00e1ginas serem carregadas.<\/p>\n

Uma boa maneira de evitar esse tipo de problema \u00e9 escolher modelos simples de templates e, mais uma vez, tomar cuidado com a quantidade de elementos inseridos nessa p\u00e1gina \u2013 o tamanho da p\u00e1gina<\/strong> \u00e9 essencial.<\/p>\n

T\u00edtulos n\u00e3o Atrativos \/ Incoerentes<\/h3>\n

Os t\u00edtulos utilizados tem a funcionalidade de convencer o usu\u00e1rio a clicar nos bot\u00f5es. Portanto, eles tem de combinar textos atrativos, mas que ao mesmo tempo sejam explicativos. Textos n\u00e3o atrativos n\u00e3o v\u00e3o convencer o usu\u00e1rio a clicar nesses bot\u00f5es. Textos que n\u00e3o t\u00eam nada a ver com a finalidade do bot\u00e3o far\u00e3o com que seus usu\u00e1rios se sintam enganados. E, conseq\u00fcentemente, seu site perde credibilidade.<\/p>\n

S\u00e3o pequenos detalhes, mas prestar aten\u00e7\u00e3o\u00a0 neles e trabalhar suas p\u00e1ginas de forma a evitar esses erros pode ser a diferen\u00e7a entre p\u00e1ginas que convertem bem e outras que n\u00e3o. Melhorar a usabilidade \u00e9 uma estrat\u00e9gia de SEO simples, mas muito eficaz \u2013 p\u00e1ginas intuitivas e f\u00e1ceis de utilizar com certeza ajudam o seu site a dizer um \u201cvolte sempre\u201d a seus usu\u00e1rios, ao contr\u00e1rio de espant\u00e1-los para sempre.<\/p>\n

Fique Atento ao Mobile<\/h3>\n

Verifique sempre se o seu site est\u00e1 preparado para os acessos via dispositivos m\u00f3veis. Muitas vezes, seus calls to action funcionam bem e ficam bem n\u00edtidos e vis\u00edveis apenas na vers\u00e3o desktop. Por isso, \u00e9 fundamental fazer o teste e simular a navega\u00e7\u00e3o em tablets e celulares de diferentes tamanhos de tela. Deixando tudo ajustado para qualquer forma de navega\u00e7\u00e3o, certamente sua taxa de convers\u00e3o ser\u00e1 muito maior.<\/p>\n\n\n\n\t\t