Causa e Efeito – Explorando a Psicologia das Cores

Publicados: 2022-03-11

Cores e emoções estão intrinsecamente ligadas de maneiras que os designers digitais estão apenas começando a entender e tirar proveito, o que faz sentido quando você considera que a cor no design (particularmente jornais e revistas) realmente só se tornou difundida no último meio século. .

E, no entanto, o impacto psicológico da cor no comportamento do usuário é significativo. Algo tão simples quanto mudar a cor de um botão pode aumentar o comportamento desejado em porcentagens de dois ou até três dígitos. Negligenciar esse componente vital do design da experiência do usuário é um grande erro e pode ser facilmente evitado com um pouco de educação e pesquisa.

Psicologia da cor: capa da revista Good Housekeeping de setembro de 1928 — Good Housekeeping, uma das revistas americanas mais icônicas, começou a usar cores há cerca de 100 anos. (Fonte)

O que é psicologia das cores?

Tem havido poucos estudos científicos rigorosos sobre os efeitos psicológicos da cor. No entanto, a psicologia das cores é um foco importante do branding e de outras disciplinas de design. A maioria dos estudos sobre os efeitos da cor foi feita por razões práticas e consiste principalmente em evidências anedóticas e estudos de caso de empresas e designers individuais.

Pergunte aos designers, no entanto, se eles consideram os efeitos psicológicos da cor no comportamento humano e a grande maioria deles irá afirmar que sim. Negligenciar a psicologia das cores é uma maneira rápida de garantir uma experiência ruim ao usuário e reduzir a taxa de conversão de um site ou aplicativo.

A psicologia da cor é uma consideração importante no design UX — A escolha do azul como cor principal pela Tide faz sentido para uma empresa que atende a outros negócios.

Por que a cor afeta a emoção

Por que as cores afetam a maneira como as pessoas se sentem não é simples. Há uma série de elementos que podem influenciar a maneira como uma pessoa se sente quando exposta a uma determinada cor. Um fator importante é a associação pessoal com uma cor. Se o bicho de pelúcia favorito de uma pessoa quando criança era azul, por exemplo, ela pode ter preferência pelo azul ao longo da vida. Ou, no extremo oposto do espectro, se eles foram atropelados por um carro azul quando crianças, eles podem ter uma forte reação emocional negativa à cor azul.

No entanto, devido às experiências humanas universais, é possível prever como a maioria das pessoas responderá a uma determinada cor. Por exemplo, o verde é frequentemente associado à natureza e ao crescimento porque a maioria das pessoas testemunhou o crescimento de plantas. O azul é quase universalmente calmante porque está associado a coisas como o céu e a água.

Outros efeitos são culturais. O roxo, por exemplo, ainda é associado ao luxo devido ao fato de que o corante roxo era proibitivamente caro e raro em muitas culturas antigas e, portanto, usado apenas pela realeza. Não é uma associação natural, por si só, mas foi uma parte significativa do zeitgeist cultural por tempo suficiente para se tornar parte da psique humana.

Associações de cores: o roxo tem sido associado à realeza — O roxo continuou a ser associado à realeza até o século 18, como evidenciado por este retrato de Catarina, a Grande da Rússia.

Efeito da cor no desempenho

Não é apenas o humor e as emoções que a cor pode afetar. Também pode afetar o desempenho de maneiras muito reais.

Por exemplo, em um estudo publicado no Journal of Experimental Psychology, os pesquisadores descobriram que a cor vermelha afetava negativamente o desempenho em um teste. Quando os participantes receberam um número de participante vermelho (em vez de verde ou preto), eles tiveram um desempenho 20% pior nos testes do que seus pares. Essa é uma diferença significativa e que pode ser usada para influenciar a experiência do usuário.

Isso não significa que o vermelho sempre prejudicará o desempenho. Em um estudo de desempenho atlético, uniformes vermelhos parecem dar uma vantagem. Durante as Olimpíadas de 2004, os atletas que competiam em quatro esportes diferentes (luta greco-romana, luta livre, boxe e taekwondo) receberam aleatoriamente uniformes azuis ou vermelhos ou equipamentos de proteção. Os atletas vestidos de vermelho venceram em 19 das 29 categorias de peso. E estudos semelhantes entre partidas de futebol mostraram vantagem semelhante para os times com uniformes vermelhos.

O vermelho aumenta o desempenho nos esportes, reforçando a psicologia da cor — O poder da cor é mostrado em como os uniformes vermelhos podem afetar o desempenho atlético.

Isso pode ser explicado pelas conotações históricas do vermelho com agressão e raiva. Ou os uniformes vermelhos estão fazendo com que seus usuários se sintam mais agressivos ou, alternativamente, os uniformes vermelhos são mais intimidantes para seus oponentes e, portanto, afetam negativamente seu desempenho. De qualquer forma, os resultados são significativos.

Significados das cores

Cada cor está associada a emoções diferentes. O uso de cores no design pode afetar as emoções e o humor das pessoas que visualizam essas paletas de cores. Usar cores com sabedoria pode melhorar a experiência do usuário e aumentar os comportamentos desejados (incluindo taxas de conversão) de maneira significativa.

Procuravam-se designers de UI freelancers em tempo integral nos EUA

Cores quentes

As cores quentes incluem tons de vermelho, laranja e amarelo. Em geral, essas cores são energéticas e ativas, com conotações relativamente positivas.

Vermelho: O vermelho está associado à paixão, amor e luxúria. Também pode estar associado a avisos e perigos, ou mesmo à raiva (daí o termo “ver vermelho”). O vermelho também pode ter um impacto fisiológico nas pessoas, incluindo o aumento da respiração e da frequência cardíaca.

Laranja: Laranja é energético e positivo. Sua associação com folhas de outono e transições sazonais também pode fazer as pessoas pensarem em mudanças quando as veem. O laranja também está associado a avisos, embora com menos intensidade do que o vermelho.

Amarelo: O amarelo é considerado o tom mais feliz do espectro de cores e está intimamente associado ao sol e à esperança. No entanto, também pode ser associado à cautela e à covardia.

Psicologia das cores: amarelo é o tom mais feliz — A escolha do amarelo pelo Parabola como cor de fundo principal é imediatamente animadora para os visitantes.

Cores frias

Cores frias incluem tons de azul, verde e roxo. De um modo geral, as cores frias são mais calmas e relaxadas do que as cores quentes, embora matizes específicos possam ter propriedades diferentes.

Efeitos psicológicos da cor no comportamento humano: um esquema de cores legal

Azul: Azul é calmante e também representa honestidade e lealdade (daí sua popularidade em tantos esquemas de cores de marcas corporativas). O azul pode estar associado à tristeza e à perda, dependendo do contexto. Também está ligado à paz e até mesmo à espiritualidade.

Verde: Verde pode representar novos começos e crescimento, assim como a natureza. Tem algumas das propriedades energizantes do amarelo, ao mesmo tempo que carrega alguns dos efeitos calmantes do azul. O verde está associado à riqueza, dinheiro e estabilidade, principalmente em tons mais escuros.

Roxo: O roxo tem sido associado com luxo e realeza, mas também com mistério e ocultismo. Roxos mais claros, como lavanda, são mais românticos e associados à primavera.

Psicologia das cores: cores frias são calmantes e confiáveis — O uso de azuis e verdes de Brittany Chiang dá uma impressão de confiabilidade e crescimento.

Neutros

As cores neutras geralmente assumem características de outras cores em uma paleta e podem ser usadas para reforçar essas influências. Os neutros básicos incluem preto, branco, cinza, marrom e bege.

Preto: O preto é elegante e sofisticado, mas também pode ser triste e representativo da morte e do luto.

Branco: O branco é puro e inocente, e muitas vezes ligado à limpeza. Embora em algumas culturas também possa ser associado à morte.

Cinza: Cinza pode ser visto como sofisticado e poderoso, mas também pode parecer chato se usado da maneira errada. É um dos neutros mais flexíveis, pois pode ser visto como quente ou frio, tradicional ou moderno.

Marrom: O marrom é sólido e confiável, podendo ser associado à natureza dependendo do contexto em que é utilizado.

Bege: O bege pode ser quente ou frio dependendo das cores usadas ao seu redor. É geralmente conservador e pode assumir o calor do marrom ou a frieza do branco. Ele assume o significado das cores ao seu redor e muitas vezes desaparece no fundo, adicionando pouca influência psicológica por conta própria.

Diferenças culturais

Uma área em que os designers precisam ser particularmente cuidadosos em seu trabalho é considerar as diferenças culturais no significado das cores. Por exemplo, na maioria das culturas ocidentais, o branco está associado à inocência e o preto está associado à morte e ao luto. Mas em outras culturas, particularmente na China, Japão, Coréia e outros países asiáticos, o branco está associado à morte e ao luto, e até à má sorte.

Os efeitos psicológicos da cor no comportamento humano variam de acordo com a cultura. (via Estúdio de código aberto)

É importante considerar de onde vêm os usuários de um produto. Se a maioria dos usuários de um determinado site vem da Indonésia, por exemplo, usar verde seria uma má ideia. Mas se eles vêm do Oriente Médio, então o verde está associado à sorte, riqueza e fertilidade, o que pode ser exatamente o tipo de mensagem desejada.

Reservar um tempo para pesquisar os significados culturais exatos das cores antes de se comprometer com uma paleta de cores é um passo importante no processo de design de UX e que não pode ser negligenciado. Não apenas por causa das diferenças culturais, mas também pelos efeitos significativos que a cor pode ter no comportamento do usuário.

Mudanças sutis têm um enorme impacto

Fazer alterações até mesmo sutis em um tom exato pode ter um grande impacto em como os usuários percebem essa cor. Por exemplo, o azul marinho é considerado leal e tradicional, enquanto o azul brilhante pode ser moderno e energético e o azul claro pode ser calmante e pacífico. Eles são todos “azuis”, mas o efeito de adicionar preto ou branco para alterar a cor específica é muito significativo.

O mesmo vale para como as cores são combinadas. Vermelho e verde são cores complementares na roda de cores, e usá-los um ao lado do outro pode criar um efeito vibratório muito desagradável aos olhos. Mas se você clarear o vermelho para o rosa e tornar o verde mais um tom de joia, ele se torna uma paleta de cores marcante e inesperada que é imediatamente memorável e visualmente atraente.

Cores e emoções, juntamente com a marca, andam de mãos dadas — Rosa e verde são uma versão moderna do tradicional esquema de cores complementares vermelho e verde. (via hafid lhachmi para YFF Office)

Como a cor afeta o comportamento do consumidor

A cor pode afetar o desempenho, como já mencionado, mas também pode afetar o comportamento geral entre os usuários. Inúmeros estudos de caso foram feitos comparando a eficácia de diferentes opções de cores em coisas como chamadas para ação.

A HubSpot realizou um estudo de caso sobre o efeito de mudar a cor de um botão de verde para vermelho no site da Performable e obteve alguns resultados muito conclusivos. A reação instintiva de um designer pode ser que o verde teria um desempenho melhor, já que está associado ao “ir”, enquanto o vermelho está associado ao “stop” e pode fazer as pessoas pausarem antes de clicar. Mas os resultados disseram o contrário: o botão vermelho superou o verde em 21%. Em outros estudos de caso, o verde supera significativamente o amarelo ou o laranja.

O design do logotipo é outra área em que a escolha da cor é extremamente importante. As marcas pagam aos especialistas milhares (e às vezes milhões) de dólares para encontrar exatamente o tom certo para sua marca, um que evoque os sentimentos e ações corretos de seus clientes, ao mesmo tempo em que se destaca dos concorrentes em seu setor (e o “certo ” muitas vezes depende da indústria específica).

Psicologia das cores: esquemas de cores extravagantes e inesperados se destacam — Fake at Science Gallery usa uma paleta de cores rosa choque e roxo brilhante para criar uma impressão memorável.

Psicologia da cor: escolha cores inesperadas para se destacar — O fundo rosa brilhante do Act Normal é visualmente atraente e memorável, incorporando a paixão do vermelho brilhante sem ser agressivo.

Psicologia das cores: combinando cores inesperadas — O uso de Kennard Lilly de uma cor azul escura tradicional com detalhes brilhantes cria uma marca moderna que ainda parece confiável e honesta.

A principal conclusão aqui é que a cor usada em um design tem um efeito significativo no comportamento do usuário, mas o contexto em que a cor é usada é um fator importante nisso. Os botões, por exemplo, devem se destacar dos elementos de design ao redor sem entrar em conflito com eles (uma área em que usar uma cor complementar é uma ótima ideia, como usar um botão vermelho quando grande parte do design inclui verde).

Conclusão

As principais conclusões de tudo isso são que a cor é uma parte vital da criação de experiências positivas do usuário e que não existe uma paleta de cores certa para um determinado aplicativo. É por isso que testar designs com usuários reais é uma parte vital da criação de uma paleta de cores otimizada para os casos de uso específicos que serão duradouros. Um botão verde pode converter muito bem em comparação com um botão amarelo em um contexto, mas um botão vermelho pode superar os dois em outro.

•••