Usando o Color Emotion para se conectar mais profundamente com o seu público

Você provavelmente já ouviu que as cores podem influenciar as emoções. O vermelho deixa as pessoas mais zangadas, o amarelo significa felicidade e assim por diante. A psicologia das cores é um tópico incrivelmente interessante. Para proprietários de sites e designers, no entanto, a verdadeira questão é: como você pode usar cores de forma eficaz para se conectar com seu público?

Em outras palavras, não é suficiente simplesmente escolher cores que fiquem bem juntas. É por isso que neste artigo vamos falar sobre a conexão entre cores e emoções. Em seguida, discutiremos quatro maneiras de usar cores para se conectar melhor com seu público.

Vamos ao trabalho!

A conexão entre cores e emoção

Existe uma conexão clara entre estímulos visuais e emoções. O exemplo mais fácil disso é a arte - que pode inspirar algumas pessoas e fazer com que outras se perguntem como isso entrou em um museu. As cores são um dos componentes mais básicos de quase todas as artes, por isso é lógico que devam ser capazes de evocar emoções por conta própria.

Há muitas pesquisas sobre as ligações entre as cores e os sentimentos que elas inspiram. Você provavelmente já ouviu falar de algumas das conexões mais conhecidas antes - o vermelho costuma ser associado à raiva e excitação, o amarelo ao otimismo e energia, ao azul à calma e assim por diante.

Também é importante entender que as emoções que associamos às cores podem variar muito, dependendo da sua cultura e até do próprio idioma. Para os fins deste artigo, vamos nos concentrar em associações relacionadas à cultura ocidental, mas esse é um fato que vale a pena ter em mente se o seu público for global por natureza.

A teoria da cor pode ser aplicada de várias maneiras, e isso inclui web design. Há muita literatura que cobre algumas das associações de cores mais comuns. No entanto, não há muitas informações por aí sobre as aplicações práticas das cores no web design, que é o que discutiremos a seguir.

4 maneiras de usar cores para se conectar com seu público

Sem mais delongas, vamos examinar quatro métodos de uso de cores para criar um site mais eficaz. Você deve ser capaz de colocar essas técnicas em prática com quase todas as combinações de cores que desejar, portanto, não tenha medo de fazer alguns experimentos.

1. Monte uma paleta de cores com emoções específicas em mente

Cada site tem pelo menos um objetivo. Isso pode envolver a venda de um produto ou serviço, a promoção das ofertas de outra pessoa, o cultivo de uma comunidade e assim por diante. As principais maneiras pelas quais os proprietários de sites tentam atingir esses objetivos incluem a criação de conteúdo atraente e colocar as pessoas no estado de espírito correto por meio de um design inteligente.

Digamos, por exemplo, que você administre uma loja de comércio eletrônico. Seu objetivo principal provavelmente será impulsionar as vendas e você desejará atingir um conjunto específico de emoções que podem ajudá-lo a alcançá-lo. Nesse caso, esses sentimentos podem ser:

• Excitação
• Possibilidade
• Confiar
• O medo de perder

A teoria tradicional da cor sugere que usar vermelhos, amarelos e azuis é uma boa maneira de centrar-se nesses sentimentos. O fato é que a paleta de cores que você escolhe também precisa ter uma boa aparência e representar sua marca exclusiva.

O vermelho e o azul têm um contraste excelente, por exemplo, o que geralmente resulta em uma combinação sólida. No entanto, misturar amarelo com vermelho pode ser mais complicado. Um tom laranja-avermelhado funciona bem com um amarelo ocre mais escuro, mas não tão bem com o tom clássico mais brilhante que geralmente vem à mente.

O que você deseja é um conjunto de cores que não apenas combinem bem, mas também permitam que você atinja emoções específicas que se alinham com seus objetivos. Para fazer isso, você vai querer verificar um guia rápido para combinações de cores e ler sobre quais emoções as cores básicas provocam.

Assim que tiver um conjunto de cores de que goste, anote-as, porque você vai querer usá-las em todos os vários elementos do seu site. Nas próximas duas seções, discutiremos exemplos práticos de como fazer isso.

2. Projete o cabeçalho do seu site em uma cor específica

A primeira coisa que as pessoas veem quando visitam seu site é o cabeçalho da sua página inicial. Isso o torna o elemento perfeito para definir o tom das emoções que você deseja focar no restante de suas páginas.

Se você seguiu nosso conselho na última seção, deve ter uma paleta de cores pronta para usar. Agora, é só uma questão de descobrir uma maneira eficaz de usá-lo. Um exemplo de seção de cabeçalho de que realmente gostamos pode ser visto no ConversionLab:

Não é nada chamativo, mas o uso de cores aqui é excelente. O azul claro serve para comunicar confiança e o laranja inspira impulso. Combinar laranja com uma frase de chamariz (CTA) é uma jogada particularmente inteligente, e usar o azul para o fundo sobreposto com uma foto pessoal sai do manual para “como inspirar confiança em seus visitantes”.

Passando para um segundo exemplo, o site Ontario Corn Fed Beef usa o verde com excelentes resultados. Como você pode imaginar, o verde é uma cor frequentemente associada à natureza, a produtos orgânicos e assuntos semelhantes. Escolhê-lo para um site relacionado a alimentos é perfeito se você deseja enfatizar o ângulo da saúde:

Como sempre, lembre-se de que as cores que você escolhe usar precisam combinar bem umas com as outras. Isso é particularmente relevante se você deseja incluir texto em seu cabeçalho. Quando se trata de texto, as opções clássicas de branco ou preto tendem a funcionar melhor, pois oferecem bom contraste e são altamente legíveis.

3. Use as cores certas para suas frases de chamariz

Na última seção, abordamos um exemplo específico de como combinar sua escolha de cor com seus CTAs. Se você sabe alguma coisa sobre testes A / B, ficará interessado em saber que, em muitos casos, apenas mudar a cor de um CTA pode ser suficiente para aumentar as conversões.

Vejamos alguns dos tons que geralmente são os mais adequados para CTAs:

• Reds. Muitas vezes estão associados a paixão e marketing agressivo.
• Laranjas. Como mencionamos antes, você pode usar laranjas para aumentar a impulsividade.
• Blues. Muitos sites usam paletas de cores azuis, devido à sua associação calmante. Isso pode ser vantajoso para você se você quiser criar CTAs mais atraentes e acolhedores.
• Roxos. Ao longo da história, o roxo foi associado ao luxo. Isso pode torná-lo uma opção interessante para CTAs.

Lembre-se de que essas são apenas algumas sugestões para que sua criatividade flua. Você sempre pode pensar fora da caixa com as cores que escolher. De modo geral, entretanto, você deseja que seus CTAs se destaquem visualmente e provoquem uma forte reação.

Isso significa que você precisa se perguntar o quão agressivo deseja ser com seu design. Os executores, por exemplo, optam por uma abordagem mais moderada que é muito convidativa:

Hupla, por outro lado, oferece uma combinação ousada de vermelho e roxo. É uma abordagem agressiva, mas combinada com as imagens certas, funciona para provocar uma sensação de 'desejo de encaixar' e urgência:

Seja qual for a combinação que você escolher para seus CTAs, é sempre bom testá-los. Algumas emoções podem não ser tão eficazes, dependendo de quem é o seu público. Isso significa que o teste A / B será seu aliado mais forte.

4. Não tenha medo de usar cores menos populares

Ao longo deste artigo, algumas cores chamaram muita atenção. Vermelhos, laranjas e azuis tendem a receber muito amor quando as pessoas falam sobre o uso de cores para provocar emoções, e a razão para isso é dupla:

1. Essas cores particulares funcionam fantasticamente juntas.
2. Eles têm como alvo um conjunto de emoções que é particularmente valioso, incluindo urgência, calma, confiança e impulsividade.

No entanto, você tem muito mais cores para brincar. A teoria da cor é uma toca de coelho bem profunda, e é provável que existam algumas paletas além da trifeta azul-vermelho-laranja que podem ser muito mais adequadas para o seu público.

Preto e amarelo, por exemplo, formam uma combinação inesperadamente elegante. Freqüentemente associamos o preto com sofisticação ou borda, e o amarelo contrasta com ele tanto no sentido visual quanto emocional:

Você também pode usar as cores com mais moderação, se não quiser ser tão aberto nas emoções que está tentando evocar. Sweet Cecily's, por exemplo, tem tudo a ver com cores pastéis, e gostamos bastante do uso do rosa. Uma vez que essa cor está associada à juventude e feminilidade, ela ressoa perfeitamente com o público-alvo:

A principal lição é que você tem muitas opções no que diz respeito à cor e centenas de elementos nos quais pode implementá-los. Você pode se concentrar nas emoções que deseja provocar destacando as cores relacionadas ou ser mais sutil sobre as associações que você está indo para. A chave está na experimentação e em saber quem é o seu público.

Conclusão

A maneira como você usa as cores no design do seu site é muito importante. Algumas combinações de cores têm uma aparência incrível, enquanto outras podem fazer seu site parecer chocante. No entanto, usar as cores certas não envolve apenas estilo. Você também precisa estar ciente das emoções que as cores podem transmitir e de como tirar proveito desses efeitos poderosos.

Vamos revisar as quatro maneiras de usar cores em web design para se conectar com seus visitantes:

1. Monte uma paleta de cores com emoções específicas em mente.
2. Projete o cabeçalho do seu site em torno de um matiz específico.
3. Use as cores certas para seus CTAs.
4. Não tenha medo de usar tons menos populares.

Você tem alguma dúvida sobre como usar cores para transmitir emoções em web design? Vamos falar sobre eles na seção de comentários abaixo!

Imagem em miniatura do artigo por Hardyguardy / shutterstock.com