Cor pode nos afetar de forma inesperada. Pode:
- Mudar o sabor do chocolate quente
- Mudar o nosso ritmo cardíaco
- Fazer-nos mais fortes e mais rápidos
Se pode fazer tudo isso, pode mudar os hábitos de compra?
Yep.
Os efeitos emocionais das diferentes cores estão bem documentados.
Fonte
Obviamente, cada uma destas cores é uma espada de dois gumes – é fácil para o azul sair como frio, ou vermelho para assustar as pessoas.
Mas feito corretamente, a cor pode ser alavancada para afetar as conversões.
O efeito pode ser acentuado.
Por exemplo, 85% dos compradores dizem que a cor é sua principal razão para comprar um produto. E 66% das pessoas não compram um produto a menos que ele venha na sua cor preferida.
Por exemplo, quais são exactamente as cores preferidas das pessoas? Podem ser previstas?
Sim, mas apenas vagamente. As pessoas escolhem as cores com base no que sentem na altura, embora existam algumas tendências constantes.
Source
Se certos humores nos podem fazer pensar em certas cores, o oposto também é verdade. As cores podem desencadear mudanças de humor:
Source
O que significa que podemos usar elementos de design de websites para desencadear mudanças emocionais nos nossos visitantes, aumentando as conversões.
Adicionalmente, as cores podem afectar fortemente a forma como um negócio é visto pelos visitantes e clientes. As cores contribuem melhor para as conversões quando reforçam a personalidade da marca.
É uma corda apertada.
A cor certa irá aumentar as suas conversões. E a cor errada vai afastar as pessoas.
Como nos certificamos de que estamos usando as cores certas?
Aqui estão 6 com um histórico sólido.
- 1: Vermelho
- O que faz o vermelho para as vendas?
- Onde você pode vê-lo em ação?
- Onde deve usá-lo?
- 2: Azul
- O que faz o azul para as vendas?
- Onde você pode ver isso em ação?
- Onde você deve usá-lo?
- 3: Verde
- O que faz o verde para as vendas?
- Onde o pode ver em acção?
- Onde você deve usá-lo?
- 4: Roxo
- O que faz o roxo para as vendas?
- Onde você pode vê-lo em ação?
- Onde deve ser usado?
- 5: Preto
- O que faz o preto para as vendas?
- Onde você pode vê-lo em ação?
- Onde deve usá-lo?
- 6: Laranja
- O que o laranja faz para as vendas?
- Onde se pode ver em acção?
- Como você deve usar?
- Conclusão
1: Vermelho
Cientistas da Universidade de Durham publicaram uma pesquisa em 2005 que mostrou que os atletas que usavam vermelho tinham mais probabilidade de vencer os seus adversários: “Achamos que usar vermelho está consistentemente associado com maior probabilidade de vencer”, escreveu Russell Hill e Robert Barton.
Red’s associados com urgência, perigo e poder. Isso soa como uma combinação potente que você poderia querer pisar leve, e você estaria certo. Você deve usar o vermelho com moderação. Mas você deve absolutamente usá-lo!
O que faz o vermelho para as vendas?
Red desencadeia a ação. Se você já preparou alguém para comprar com um ótimo design (que não é tudo vermelho brilhante), e uma cópia sólida, então seus botões vermelhos de ‘comprar agora’ podem funcionar muito bem.
Onde você pode vê-lo em ação?
Todos os sinais de venda são vermelhos, e não é apenas uma convenção. Quando a Black Friday rola, as pessoas já estão preparadas para ir à procura de algo com 99% de desconto e comprar o que quiser. O gatilho que precisam é de comprar nesta loja e não naquela, por isso os sinais de venda são brilhantes, urgentes, act-now red.
Onde deve usá-lo?
Red é mais eficaz para compras por impulso, por isso é uma escolha comum de botão de compra em sites de comércio electrónico. Mas também é mais eficaz para os fornecedores de software B2B. Quando o HubSpot A/B testou a cor do botão CTA para o Performable, vermelho em verde invertido por 21%.
Source
Red parece ter o melhor desempenho geral.
Source
2: Azul
Blue impulsiona as vendas indirectamente. Está associado à calma, tranquilidade e estabilidade, o que significa que é uma cor popular para as instituições financeiras.
É também uma cor popular sempre que você quer fazer as pessoas pensarem em segurança e serenidade. Por isso, os itens de grande porte que têm muito uso, muitas vezes usam azul.
O que faz o azul para as vendas?
O azul pode impulsionar as vendas indiretamente, lidando com a ansiedade antes que ela surja. Com o vermelho, estamos a tentar provocar a excitação do sistema nervoso – queremos que as pessoas se sentem, reparem e percebam que agora é o momento de comprar. Com o azul, é o oposto – em vez de uma intenção de compra excitante, estamos eliminando a ansiedade.
Isso faz do azul uma boa escolha de fundo e elementos de conversão em sites que lidam com coisas intrinsecamente assustadoras como finanças, medicina ou seguros.
Onde você pode ver isso em ação?
Os sites mais financeiros e de seguros usarão o azul. O azul mais claro dá uma sensação de liberdade e segurança, enquanto o azul mais escuro está associado à tradição, seriedade e inteligência. Paypal faz feno com ambos, enquanto outros sites de serviços financeiros vão com o blues real e marinho para sua associação com segurança sóbria.
Source
Note o uso de uma cor contrastante – com as associações emocionais opostas – para os títulos.
Check out Versions, também. Oferecendo para abrir o SVN a designers e desenvolvedores que não estão familiarizados com ele (ou querem uma interface mais fácil), Versions usa ambos os botões azul e verde – um para download, o outro para comprar.
Source
Onde você deve usá-lo?
Utilizar azul onde suas vendas dependem de projetar uma imagem de confiabilidade e seriedade. Faz bons elementos de conversão contra um fundo branco, e os textos azul e amarelo juntos são considerados como os mais legíveis. Assim, apesar de serem cores calmantes, podem ser as mais visíveis – e a maioria das pessoas daltônicas são daltônicas de cor vermelho-verde e podem ver o azul e o amarelo.
3: Verde
As associações do verde são com o ambiente – ‘verde’ é uma referência de uma palavra para toda a propagação do natural, orgânico, ambientalmente amigável. Portanto, é usado por empresas que querem atrair públicos semelhantes ou que se alinham com interesses semelhantes, mesmo que não haja uma ligação directa.
Este estúdio de ioga é particularmente amigo do ambiente? Talvez. Provavelmente apenas apela para as pessoas que consideram isso como positivo.
Esta associação instintiva tem algumas evidências que o apoiam: estudos sugerem que ser exposto ao verde, ao contrário de outras cores, pode tornar as pessoas mais criativas.
Como bem como as suas conotações exteriores e ambientais, o verde é o sinal de “ir” nos semáforos. Elementos de conversão verde fazem sentido para compras que sentem menos urgência, e mais como permissão – como comprar tecnologia de consumo high-end.
O que faz o verde para as vendas?
O verde faz uma CTA sólida e escolha de botão de compra.
Vai em 2010, a RIPT Apparel decidiu experimentar o seu primeiro teste A/B, substituindo um botão preto de compra por um verde.
Source
O resultado foi um salto de conversão de 6,3%.
Onde o pode ver em acção?
A Dell gigante parece estar a ler este artigo. Em suas páginas de produtos, eles usam azul para confiabilidade e inteligência – e um banner vermelho de oferta para me fazer sentir como se fosse urgente que eu clique nele agora.
Scroll down, no entanto, e você pode ver que todos os seus elementos de conversão são verdes.
Onde você deve usá-lo?
Espaço branco e cores contrastantes, ou em lugares onde possa dominar a hierarquia visual e comandar a atenção sem gritar. Se você acha que seus compradores estão mais propensos a precisar de uma luz verde do que uma venda de fogo, os botões de compra verdes também valem a pena testar.
O verde parece funcionar melhor em sites que vendem produtos eletrônicos de consumo, onde ele tem um desempenho ligeiramente superior ao vermelho.
Source
4: Roxo
Púrpura está associado à realeza, riqueza e poder – outrora, havia leis que proibiam as pessoas comuns de usar a cor. Nos tempos modernos, é uma cor ousada que não é fretada com a urgência do “faça agora!” do vermelho, ou com a seriedade do azul “nós o ajudaremos com os seus impostos”. Também vem com conotações de espiritualidade e criatividade.
Vale a pena ver quem gosta de roxo:
Está nos três primeiros para as mulheres:
… e nos três últimos para os homens.
Source
Para que possamos pensar nisto como uma espécie de ‘rosa para adultos’ – não marque com roxo se o seu público é masculino adulto mainstream, e não espere que essas pessoas estejam ansiosas para clicar em botões de compra em roxo também.
O que faz o roxo para as vendas?
O roxo é uma cor brilhante, e é complementar com o amarelo-esverdeado e análogo com os pinks e azuis. (Não torne o seu site verde e roxo a menos que você tenha desenhos na cidade de Gotham). Por isso, muitas vezes é usado em sites com muito branco e preto como um splash stand-out para branding, itens de menu ou elementos de conversão.
Onde você pode vê-lo em ação?
Roku, a empresa de streaming de TV, usa roxo para o seu branding. Também é usado para elementos do menu do site.
Onde deve ser usado?
Em uma nota prática, o roxo dá um grande destaque para os elementos de conversão e branding em sites que usam um esquema de cor azul – creme – marrom mudo, destinado a transmitir seriedade e competência. Essa é uma escolha comum para empresas financeiras, mas organizações educacionais como Pearsons a utilizam com o mesmo efeito.
Saber que a tonalidade ou tonalidade afetará fortemente a forma como seus elementos roxos se encontram. Se você não quer que eles leiam o feminino, vá para a alta saturação e tons profundos, e emparelhe-os com os azuis. Se o fizeres, leva-o na outra direcção, para tonalidades fortes e leves e emparelha-os com pinks e vermelhos.
Uma coisa sobre o roxo? Destaca-se. Torne-o ousado pelas razões certas, e você tem uma alternativa sólida ao BOB.
5: Preto
Você não pensaria que o preto teria um papel importante nos esquemas de cores da maioria dos sites. E você estaria certo: a maioria dos sites opta pelo espaço branco, e um par de cores fortes. Mas o preto pode ser poderoso.
As marcas que usam o preto para um bom efeito são marcas de luxo ou de alta gama, revendendo para um público principalmente masculino. Rolls-Royce. Lamborghini. Rutgers University.
Nota a tendência?
O que faz o preto para as vendas?
O preto não faz grandes elementos de conversão porque é difícil de ver excepto como um esboço. Mas um esquema de cores a preto e branco dá-lhe automaticamente contraste. O Squarespace usa um botão branco nos seus fundos pretos:
Nos seus fundos de cor mais clara, o botão é preto com texto branco:
Essa decisão liberta-os para usar uma gama de cores e matizes nas suas imagens, sabendo que a sua marca preto/branco se destacará entre todas elas.
Onde você pode vê-lo em ação?
Cheque qualquer marca de luxo de alta qualidade com uma clientela masculina e é provável que você veja muito preto. Por exemplo, Rolls Royce:
Rum marca Don Q obtém alguma quilometragem de preto também, emparelhando-o com ouro e uma linha de cópia destinada a homens jovens que querem ser sofisticados.
Onde deve usá-lo?
Se não está a vender carros de luxo, use o preto com moderação. Mas pode ser uma cor eficaz como elemento, mesmo em um site de cor clara.
6: Laranja
Orange é uma cor brilhante, ousada, que não tem a urgência do coração-palpitação do vermelho. Também não sofre tanto como o vermelho por ser tonificado e colorido – vermelhos pálidos não são fáceis de se ver, e vermelhos escuros são difíceis de se ver o texto contra, mas o laranja suportará uma faixa tonal muito maior.
Esse é o lado técnico. O laranja é muito usado em muitos sites, onde é usado para chamadas para ação e para comprar botões. Ele se destaca claramente contra muitos fundos diferentes, e parte do seu sucesso pode ser devido ao fato de ser uma cor de marca relativamente rara, então um botão laranja é muitas vezes a única coisa laranja na página.
O que o laranja faz para as vendas?
Orange é uma escolha comum para elementos de conversão em sites limpos e de aparência simples. Destaca-se claramente da maioria dos esquemas de cores e é uma cor sobre a qual as pessoas se sentem positivamente – mesmo que seja nas três cores de fundo, tanto para homens como para mulheres.
Onde se pode ver em acção?
Penguin tem marca laranja, botões de subscrição laranja…
E botões de compra laranja.
Basicamente, tudo clicável na página é laranja.
E veja como o Blogger usa laranja.
É uma página de inscrição clássica e simples.
Mas também é um deslizador de fundo. À medida que o deslizador gira, vemos mais duas cores de fundo.
Teal dá lugar ao azul…
But o botão de inscrição permanece laranja, porque parece brilhante, legível e coerente contra todos aqueles fundos diferentes.
Como você deve usar?
Verifica como Harley Davidson usa laranja:
Against um fundo escuro, o laranja arrojado se destaca. A cor é captada nos itens do menu, e até ecoa no vermelho das molas traseiras da moto em destaque. Mais importante, o site inteiro está nas cores do logotipo: preto, laranja e branco.
Conclusão
Algumas cores são eficazes porque estimulam a urgência, outras porque acalmam a ansiedade. Algumas funcionam chamando a atenção para sentimentos de segurança. Outras trazem à mente excitação e perigo.
Então qual você deve usar?
É vital alinhar as cores que você usa com a sua identidade de marca. Se a sua marca é sobre excitação, poder e liberdade, então cores como as da Harley Davidson podem funcionar muito bem para você. Victoria’s Secret usa um esquema de cores muito diferente, porque sua marca é sobre algo muito diferente.
Nunca vá contra a marca quando você estiver fazendo uma escolha de cor.
Além disso, porém, os conselhos de cores são apenas indicativos. Algumas dessas cores têm fatos difíceis de mostrar que elas melhoraram as conversões – para outra pessoa. HubSpot disse-o melhor: ‘O máximo que podemos dizer é que eles mantêm para as condições em que ocorreram: neste desenho de página, neste site, com o público que o viu.’
Se eles vão melhorar as conversões no seu site é uma questão diferente.
A única maneira de perceber como as suas vendas serão afectadas pela mudança da cor dos seus botões de compra e dos CTAs é fazer os seus próprios testes.
- Autor
- Recent Posts
- 6 Cores Que Estão Provadas para Impulsionar as Vendas – 21 de Março de 2020
- Gravador de Ratos: Como Você Pode Ver Seus Visitantes Interagindo – 15 de janeiro de 2018
- 5 Websites Terríveis Você Deve Copiar – 4 de outubro de 2017