A eficácia das cores: como as cores influenciam o usuário

Por Katherine Nolan

Os anunciantes rapidamente se beneficiaram das pesquisas psicológicas a respeito dos efeitos das cores sobre as emoções e a percepção humanas. As propagandas usam esse conhecimento para evocar sentimentos ou lembranças que despertam em nós o desejo pelos bens mostrados, mas não é apenas na propaganda que as cores são escolhidas para causar um efeito subconsciente sobre o espectador.


Ver todas as colunas


Aplica-se a
Microsoft Office FrontPage® 2003
Microsoft FrontPage® 2002

As pesquisas levaram, por exemplo, vários empregadores a usar um esquema de cores verde no ambiente de trabalho, já que há evidências que sugerem que isso resulta em uma taxa menor de ausências devidas a doenças. Na Universidade de Iowa, Hayden Fry, o técnico do time Hawkeye, pintou de rosa o vestiário das equipes visitantes, baseado em uma pesquisa que demonstrou que um ambiente rosa tinha o efeito de reduzir a agressividade!

Mesmo que nós — ou os próprios visitantes — não tenhamos consciência disso, os visitantes de nossos sites da Web também farão suposições a respeito da natureza, da qualidade, da confiabilidade e do valor de nossos produtos ou serviços como resultado das cores usadas.

Os significados das cores

Não há cores "boas" ou "ruins". Todas as cores têm efeitos positivos e negativos, dependendo do contexto, e evocam respostas temperadas pela experiência das pessoas que as observam. Algumas das respostas mais comuns na cultura ocidental às cores são explicadas na tabela a seguir.

As cores e suas conotações comuns na cultura ocidental

Cor Aspecto positivo Aspecto negativo
Branco Limpeza, inocência, pureza Frieza, vazio, estéril
Vermelho Força, coragem, paixão Perigo, agressividade, dominação
Amarelo Alegria, afabilidade, otimismo Covardia, irritação, impetuosidade
Marrom Calor, naturalidade, maturidade Sujeira, tristeza, depressão
Verde Naturalidade, tranqüilidade, relaxamento Ciúme, inexperiência, ganância
Azul Força, confiabilidade, autoridade Frieza, depressão, abatimento

Nada disso é definitivo. Como as cores têm tanta variação, fazer afirmações absolutas sobre os significados é impossível. Entretanto, se compreendermos alguns conceitos importantes sobre as cores, será possível entender como uma variação de uma cor, e a sua combinação com outras, pode afetar seu impacto. Vejamos.

Matiz, saturação e luminosidade

O matiz determina a cor básica — se ela é verde, vermelha, azul, laranja etc.

O matiz determina a cor básica

Figura 1: o matiz determina a cor básica.

O matiz de uma cor exerce um forte efeito sobre como ela é percebida. Uma cor do centro da parte vermelha do espectro será percebida como mais ameaçadora ou, talvez, mais acalorada, do que outra mais próxima do laranja; ao passo que o vermelho com um matiz azulado é uma cor mais calma.

A saturação se refere à quantidade de cinza em uma cor e determina o quão vívida ela é.

A saturação se refere à quantidade de cinza em uma cor

Figura 2: a saturação se refere à quantidade de cinza em uma cor.

Em geral, as mulheres preferem cores menos saturadas e os homens, cores mais saturadas.

A luminosidade se refere à alvura ou à intensidade de uma cor. A luminosidade de qualquer cor varia do branco puro até o preto.

A luminosidade se refere à alvura ou à intensidade de uma cor

Figura 3: a luminosidade se refere à alvura ou à intensidade de uma cor.

O uso da mesma cor em graus de luminância diferentes na paleta de um site resulta em um esquema de cores harmonioso. Em geral, as cores com mais luminância dão uma sensação de maior leveza, enquanto aquelas mais próximas da extremidade escura da escala são cores mais "sérias".

Com a ferramenta de criação e gerenciamento de sites da Web Microsoft FrontPage® , você pode variar cada uma dessas propriedades das cores de maneira independente para ter maior controle sobre o impacto psicológico do site.

  • Na caixa de diálogo Mais Cores do FrontPage , clique no botão Personalizar para ver os valores de matiz, saturação e luminosidade (Matiz, Saturação, Luminosidade) da cor escolhida.
  • Usando os controles deslizantes ou alterando os valores numéricos para manipular o valor de cada propriedade em separado, você pode ver imediatamente os efeitos sobre uma cor.

Criando esquemas de cores eficazes

As pessoas que não têm uma formação artística podem encontrar dificuldade em combinar cores em esquemas de cores evocativos ou significativos. Uma dica útil é visitar sites que exibam o trabalho de artistas, que tendem a ser especialmente bons no uso de cores para criar um clima. Analisar como os artistas usam as cores pode ser bastante instrutivo. Observar os sites dos artistas e refletir sobre as mensagens que as cores empregadas enviam também o ajudará a desenvolver sua sensibilidade para as cores e sua capacidade de escolher combinações eficazes.

Depois de escolhidas algumas cores básicas, a maneira como as cores são combinadas na Paleta de Cores do FrontPage facilita a criação de esquemas de cores harmoniosos. Seguindo a linha de cores na diagonal ou na horizontal, você pode criar uma paleta de cores que combinam entre si e que podem ser escolhidas.

As faixas de cores como exibidas na Paleta de Cores do FrontPage

Figura 4: as faixas de cores como exibidas na Paleta de Cores do FrontPage.

Observe o layout de site simples a seguir, mostrado em três combinações de cores diferentes, e use as perguntas para determinar cada uma de suas respostas. Evidentemente, nesse caso, você não tem nada com que se orientar além das cores, portanto, preste atenção às suas primeiras impressões!

As primeiras impressões normalmente são geradas com base no esquema de cores

As primeiras impressões normalmente são geradas com base no esquema de cores

As primeiras impressões normalmente são geradas com base no esquema de cores

Figuras 5, 6 e 7: as primeiras impressões normalmente são geradas com base no esquema de cores.

  • Qual deles vende os produtos mais caros/baratos?
  • Em qual deles você teria mais/menos confiança ao comprar?
  • Se você estivesse procurando, por exemplo, informações financeiras, qual site você estaria mais/menos propenso a escolher?
  • A mulher está dizendo um "segredo". Em cada caso, na sua opinião, de que se trata esse segredo?

Pessoas diferentes podem ter respostas diferentes para cada uma dessas perguntas. A resposta às cores é cultural e afetada por nossa experiência com as cores no nosso cotidiano. O amarelo, para a maioria das pessoas, tem em geral uma conotação alegre, mas ele pode nos lembrar de um caso de icterícia!

As pessoas que vivem em climas quentes dão preferência a cores fortes e vibrantes; aquelas nas partes mais frias do mundo preferem cores mais frias e diluídas. Isso pode ser diferente, dependendo do contexto. Ao pensar em uma viagem de férias, por exemplo, uma pessoa que more em uma região de clima frio pode se sentir atraída por cores mais quentes do que se estivesse escolhendo móveis para a casa.

Alguns efeitos das cores, entretanto, são universais ou, pelo menos, amplamente difundidos. Vamos analisar novamente cada um dos exemplos acima e ver como uma alteração simples na cor pode alterar a imagem de um site.

Ampliando o apelo de um site

Algumas combinações de cores atraem quase que exclusivamente um segmento do mercado. Por exemplo, a paleta não saturada usada no primeiro exemplo é percebida, em geral, como sendo feminina — adequada para um site que venda produtos de beleza, mas talvez não para um que venda roupas masculinas. Uma versão usando cores semelhantes, porém mais saturadas resulta em um visual que terá um apelo para uma audiência mais ampla.

Aumentar a saturação pode ampliar o poder de atração de uma paleta

Figura 8: aumentar a saturação pode ampliar o poder de atração de uma paleta.

Projetando uma imagem de qualidade

A combinação de tons fortes e altamente saturados de marrom, laranja e amarelo, no segundo exemplo, tende a acentuar os aspectos negativos de cada um — depressão, impetuosidade, atrevimento. Ao usar cores menos intensas, a balança pende para uma aparência mais calorosa e amigável, que também projeta uma imagem de maior qualidade.

Reduzir a saturação pode causar um efeito de calor

Reduzir a saturação pode causar um efeito de calor

Figura 9: reduzir a saturação pode causar um efeito de calor.

Tornando um site mais amigável e mais receptivo

Sabe-se que a combinação de azuis projeta uma sensação de sobriedade e autoridade, portanto, não é por acidente que o azul, em diversos matizes, está presente em muitos sites de grandes empresas. No entanto, sozinho, mesmo em vários tons, o azul pode dar uma aparência fria, conservadora e não-receptiva. O acréscimo de vermelho e amarelo dá calor e dinamismo a esse esquema de cores.

O acréscimo de vermelho e amarelo empresta calor ao azul

O acréscimo de vermelho e amarelo empresta calor ao azul

Figura 10: o acréscimo de vermelho e amarelo empresta calor ao azul.

Praticidades das cores na Web

Você pode levar um choque quando vir pela primeira vez o seu site em um computador que não seja o seu. A variedade de plataformas, navegadores, tipos de tela, tamanhos, resoluções, cores disponíveis e configurações de preferências dos usuários é tamanha que o seu site será um pouco diferente para qualquer pessoa que o veja. Isso, porém, não é um problema. Isso só será um problema se ele tiver uma aparência tão diferente para alguns grupos de usuários que seja considerado não-funcional.

Cores seguras para a Web

É freqüente ouvirmos dizer que é mais seguro, ao criar-se sites da Web, ater-se às 256 cores da paleta de cores seguras para a Web. Isso pode ter sido verdade quando a maioria dos usuários não podia ver outras cores além dessas, mas, de acordo com estatísticas recentes da W3Schools, somente cerca de 3 por cento dos usuários apresentam essa restrição atualmente. Francamente, eles devem ver uma Internet muito sem graça! Eu não acredito que você precise se restringir a essa paleta, mas, antes de publicar o seu site, altere as configurações de exibição do sistema para exibi-lo com várias intensidades de cor e confirmar que ele continua a ser utilizável.

Visão em cores deficiente

Aproximadamente 8 por cento dos homens e um percentual ainda menor de mulheres apresentam algum tipo de daltonismo — o mais comum é uma dificuldade em distinguir o verde e o vermelho — e algumas combinações de cores podem tornar um site praticamente inutilizável para pessoas com uma visão em cores deficiente.

Se você observar a Paleta de Cores do FrontPage como vista por alguém com deuteranopia, a forma mais comum de daltonismo, verá como ela afeta a percepção das cores. É possível observar que a escolha de uma paleta totalmente das áreas vermelho/verde da paleta será problemática para algumas pessoas.

A Paleta de Cores como vista por pessoas com deuteranopia

Figura 11: a Paleta de Cores como vista por pessoas com deuteranopia, uma forma comum de daltonismo.

Se quiser ver como o seu site é visto por um usuário com deficiência de visão em cores ou daltonismo, você pode visitar Vischeck, um site que simula a visão daltônica para os Web designers.

Conclusão

Observe criticamente seu site. Quais as mensagens transmitidas pelas cores? Um esquema de cores bem escolhido pode projetar uma sensação de confiabilidade que tranqüiliza os usuários do site da Web quanto a fazer compras ou negócios com você. Uma opção de cores mal-concebida pode mandá-los correndo para a concorrência. Talvez seja hora de repensar as cores que você está usando no seu site da Web.


Se você gostou dessa coluna e deseja saber mais sobre ofertas e utilidades do Office, obtenha nosso boletim informativo.

Ver todas as colunas


 
 
Aplica-se a:
FrontPage 2003