Qual a Melhor Cor Para o Botão Comprar

Descobrir qual a melhor cor para o botão Comprar em uma loja virtual pode fazer toda a diferença em termos de taxa de conversão no e-commerce.

Muitos lojistas e desenvolvedores sabem da importância que a cor dos botões call-to-action, os botões que levam a uma ação em um e-commerce, têm para o aumento da taxa de conversão de uma loja virtual e isso não é nenhuma novidade.

A influência das cores no comércio eletrônico tem sido alvo de muitas pesquisas sérias que visam buscar o bom uso deste elemento de identidade visual que é tão importante quanto qualquer outro.

Mas qual a melhor cor para o botão comprar em termos de taxa de conversão? Será que isso faz mesmo diferença?

Há algum tempo, tenho ouvido muitas pessoas afirmarem que a cor que mais converte views em cliques é o verde, porém, sempre me mostrei resistente à ideia de analisar um elemento da página de forma individual sem que fosse observado o todo.

Um dos mais importantes princípios da Gestalt diz que o todo é maior que a soma de suas partes. Mas o que isso quer dizer?

O botão comprar na página de detalhes de produtos de uma loja virtual é apenas um dos elementos da página e não deve ser avaliado separadamente, pois quando os elementos são vistos juntos, seu cérebro irá interpretar todo o conjunto ao mesmo tempo.

Faço aqui um paralelo com uma música. Não se pode julgar uma música considerando apenas um instrumento, pois quando você a ouve, percebe todos os sons ao mesmo tempo.

Sendo assim, como fazer pra que o botão trabalhe em conjunto com os demais elementos visuais da página para gerar mais cliques?

Para medir o impacto da psicologia das cores no no botão comprar, e em especial, testar qual a melhor cor para o botão comprar de uma loja virtual, tem sido alvo de pesquisas de diversos profissionais e consultorias.

Foi exatamente essa pergunta que o pessoal da Hubspot fez e para atestar a eficácia do botão verde, elaboraram um teste A/B em uma situação real para saber se o verde realmente gerava mais conversão.

As cores escolhidas para o teste foram o verde e o vermelho por serem opostas. O verde é uma cor que carrega consigo a conotação de “Siga” enquanto o vermelho é associado ao “Pare”.

Qual a sua opinião? Qual gerou mais cliques?

Note que a única coisa diferente nas duas páginas é a cor do botão. Textos e diagramação foram mantidos exatamente iguais tanto numa quanto na outra.

Qual a Melhor Cor Para o Botão Comprar

Talvez você se surpreenda com o resultado, mas após 2.000 views, o botão vermelho recebeu 21% mais cliques que o verde.

É isso mesmo! Apesar do peso negativo que a cor traz, ela fez com que o número de usuários que efetuaram o cadastro aumentasse em quase um quarto.

Não se sabe exatamente os fatores que levaram ao aumento significativo da conversão para quem visualizava o botão vermelho, mas repare na quantidade de verde que há na página comparado com a quantidade de vermelho.

Há muito mais verde na página, alguns inclusive com o mesmo tom do botão, isso fez com que o botão verde ficasse camuflado, enquanto o vermelho se destacava.

Isso significa que a cor ideal para o botão call-to-action é aquela que é imediatamente percebida na página de forma que o usuário saiba onde precisa clicar sem ter que procurar ou mesmo pensar.

Por isso, para destacar o seu botão escolha cores que chamem a atenção, com bastante contraste com os demais elementos do site, em um tamanho que seja fácil de localizá-lo e, acima de tudo, faça testes A/B para se certificar que você realmente fez a escolha certa.

Portanto, contrate um bom profissional de usabilidade, fuja de falsos paradigmas e aposte em cores diversificadas.

Para ver outras dicas sobre os aspectos de usabilidade e design em uma loja virtual, sugerimos a você que visite a nossa seção de artigos sobre o Design no E-commerce.

Agora que você já sabe qual a melhor cor para o botão comprar em uma loja virtual, o que acha de fazer uma avaliação da sua página de detalhes de produto. Mantenha-se atualizado assinando a Newsletter do Guia de E-commerce.

Por Diego Jusinskas

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here