se você se preocupa em melhorar as conversões e vendas em seu site, precisa se preocupar com a cor.Os seres humanos têm usado a cor para se comunicar por milênios, desde as primeiras pinturas rupestres até as placas de rua de hoje. A cor se comunica de maneiras que palavras e imagens não são capazes de, e usar a cor de forma eficaz pode ser uma ferramenta poderosa para qualquer site.
hoje, você aprenderá como usar a psicologia das cores para tornar seu site mais fácil de usar e gerar mais conversões e clientes.
ao longo do caminho, exploraremos um pouco do significado por trás de cores diferentes e algumas armadilhas que você precisa observar ao incluir a cor em seu design.
vamos entrar!
como usar a cor para melhorar a usabilidade
vamos começar com a maneira mais fácil de usar a cor em seu site: melhorar a usabilidade.
se o seu site atual é confuso ou difícil de navegar, você pode adicionar alguns pedaços de cor para tornar as coisas mais fáceis nos olhos e melhorar a experiência do Usuário.
especialmente agora que a maioria do tráfego do site vem de dispositivos móveis, temos menos espaço para comunicar nossa mensagem e precisamos deixar as coisas o mais claras possível.
é aí que a cor pode entrar em jogo.
usando o tipo certo de cores da maneira certa, podemos oferecer uma experiência de usuário mais rica e eficiente.
use contraste para orientar o comportamento do Usuário
o primeiro passo é usar contraste para mostrar aos usuários o que é importante em seu site. Por exemplo, você pode ter uma página onde as pessoas provavelmente sairão. Você pode usar cores para atrair leitores e mantê-los engajados.
por exemplo, esta página do blog no Crazy Egg usa apenas cores em negrito (verde e azul) para links.
isso significa que o Usuário é atraído para tomar uma ação, como assinar o Boletim Informativo ou ler mais artigos. Cores contrastantes como essa melhoram suas métricas de engajamento.
você também pode usar cores contrastantes para destacar a navegação ou áreas separadas de um site.
Use brilhante vs. cores opacas para liderar o usuário
outra ferramenta útil no mundo da psicologia das cores é usar cores acinzentadas ou opacas para indicar ações despreferidas ou desativadas.
você pode ver isso todos os dias com botões e opções cinza. Naturalmente indica que a opção não é desejável.
você também pode usá-lo para simplificar seu site. Torne os elementos de navegação menos importantes cinzentos e esconda-os à vista.
use símbolos em combinação com cores
Os símbolos são um parceiro perfeito para as cores. Eles são versáteis, simples e devem ser claros e compreensíveis.
embora a cor na maioria das circunstâncias contenha mais destaque do que um símbolo típico, usá-los juntos simplesmente torna as coisas ainda mais claras.
como usar a cor para orientar as ações do Usuário
as Chances são, seu único objetivo do site não é apenas aquele que é fácil de navegar. Você provavelmente também tem ações específicas que gostaria que os usuários tomassem, como se inscrever em uma lista de E-mail, comprar um produto ou solicitar uma cotação.
se for esse o caso, você pode usar a cor para influenciar as decisões de compra. Veja como.
Use cores positivas e negativas
uma ótima maneira de fazer isso é usar cores positivas e negativas para indicar uma opção “correta” e “incorreta”.A sociedade e a natureza prenderam o vermelho e o verde tão profundamente em nosso subconsciente que nenhuma outra duas cores compartilham significados tão opostos.
um dos exemplos mais óbvios dessa conexão é o código de cores internacional nos semáforos padrão.
vemos o verde como uma cor positiva e progressiva, então palavras como go, sim, good, accept e up podem estar relacionadas à cor verde.
o vermelho indica o oposto do verde, com palavras como stop, no, bad, reject e down. O vermelho tem um significado negativo ou perigoso e aumenta a freqüência cardíaca e indica urgência.
uma ótima maneira de usar vermelho e verde é com ações básicas como adicionar e remover ou chamar a atenção para uma configuração.
até o LinkedIn, que tem uma paleta de cores quase inteiramente Azul, usa verde para indicar configurações de ativação e vermelho para mostrar notificações.
você notará rapidamente outros exemplos na web.
Start, create, post e new geralmente estão em verde, com ações abrangentes em vermelho, como end, delete, disconnect e cancel.
Use cores brilhantes e quentes para atenção e alertas
há o motivo pelo qual as notificações no seu telefone, no Facebook e quase todas as plataformas são vermelhas—elas funcionam!
cores brilhantes e quentes como vermelho, laranja e amarelo são melhores para atenção e alertas. Laranja é um favorito particular para indicar excitação ou chamada à ação.
se você combinar uma cor brilhante com um símbolo poderoso, poderá tornar a mensagem ainda mais eficaz.
por exemplo, eu uso um símbolo de aviso laranja no meu site para chamar a atenção para o meu webinar SEO.
se esse símbolo fosse azul ou verde, ele simplesmente não teria o mesmo efeito. Se você precisar chamar a atenção do leitor em algum lugar, use uma cor brilhante como esta.
use cinza para opções menos desejáveis
há uma cor adicional na relação positivo/negativo. Isso é cinza – uma cor neutra e intermediária. É uma ótima cor de destaque que você pode usá-lo para chamar a atenção de uma opção secundária.
por exemplo, esta página de opt-in No Ambastha Athletics usa gray para colocar a atenção no botão de inscrição.
além disso, você notará que ele usa laranja para chamar a atenção do visitante e chamar a atenção para o ” heck yeah!”formulário de assinatura do boletim informativo.
conclusão
se você é sério sobre a melhoria do seu site, você precisa dar um mergulho profundo em que as cores que você está usando representam.
sem olhar para as cores que você está usando, você pode estar desencorajando as ações do cliente para algo que é importante, ou desenho foco para algo por acidente. Ao usar e entender o significado por trás das cores, você pode melhorar o fluxo do Usuário e aumentar as conversões.
para começar, olhe para quaisquer problemas que os usuários parecem estar tendo em seu site. Como você pode usar a cor para destacar ações comuns, manter as pessoas engajadas em uma página ou melhorar a navegação?
em seguida, você vai querer examinar o fluxo do Usuário. Você pode usar cores positivas e negativas, como vermelho e verde, para indicar uma ação preferida. Cores silenciadas, como cinza, podem mostrar uma opção desativada. E cores brilhantes, como vermelho, amarelo e laranja, podem chamar a atenção de um visitante.
combinar essas cores pode orientar o comportamento do Usuário e melhorar suas conversões.
que cores você usará para melhorar seu site?
aumente seu tráfego