You are on page 1of 7

A cor associada ao contedo: uma abordagem baseada na experincia do

usurio.
The color associated with content: an user-experience based approach.
Marcos Souza Filho1

Marcos Buccini2

Design, cor, design experiencial.

Utilizando como mote a classificao cromtica do contedo informacional de web sites, baseando-se nos
estudos do design experiencial e na psicologia aplicada cor, esse trabalho procura observar se as cores
utilizadas nos portais mais populares que utilizam esse recurso emitem o significado do contedo que
procuram representar naqueles sistemas. Esse artigo estuda, com base na aplicao de questionrios, a
relao do usurio final com a cor, bem como questiona sua eficcia quando utilizada para a classificao
de contedo informacional em portais de internet.

Design, color, experience design.

Using a chromatic classification of informational contents in websites, based on the experience design and
on psychology theories, this paper discusses if the colors that are used in most popular portals really
express the meaning of the content that they represent. Based in applied questionnaires, this paper
studies the relation between end-users and colors as well it questions the efficacy of color when used to
sort information in content portals.

1
Universidade Federal de Pernambuco contato@marcostenorio.com
2
Universidade Federal de Pernambuco marcosbuccini@gmail.com

Pesquisa cientfica em design da informao: Scientific research on information design:


sistemas de informao e comunicao, information and communication systems,
tecnologia e sociedade, histria e teoria, technology and society, history and theory,
educao education
C Spinillo, P Farias, R Tori & LA Coelho (orgs.) C Spinillo, P Farias, R Tori & LA Coelho (orgs.)
Sociedade Brasileira de Design da Informao - SBDI Brazilian Society of Information Design - SBDI
Rio de Janeiro | Brasil | 2009 Rio de Janeiro | Brazil | 2009
ISBN 978-85-89879-08-8 ISBN 978-85-89879-08-8
M Filho & M Buccini | A cor associada ao contedo: uma abordagem baseada na experincia... | 220

1. Introduo
Em um ambiente virtual repleto de informaes, como um portal de contedo, muitas vezes se
torna difcil diferenciar a informao que efetivamente interessa ao usurio. Podemos
considerar a distino de reas grficas como uma proposta eficaz no intuito de aprimorar a
usabilidade de um sistema.
De acordo com Padovani e Velozo (2007), a diferenciao cromtica de contedos
apresenta resultados mais significativos na experincia da navegao, sendo mais fcil de ser
assimilada que a utilizao de cones e textos, que demandam mais tempo para o usurio
entend-los.
Partindo desse preceito, questionamos quais os critrios utilizados para a escolha das
cores nesses sistemas? Mais do que realmente representar o contedo informado, qual o
implicao emocional e psicolgica dessas cores junto aos usurios?
Este trabalho busca compreender a maneira como as cores se associam aos
sentimentos, sensaes e gostos dos usurios. E como estes fatores influenciam a
compreenso dos significados do contedo ao qual esto associadas.

2. Cor e sentimento
bastante comum a associao da cor a algum sentimento ou sensao percebida pelo ser
humano. Toda cor afeta o ser humano, seja pelo eletromagnetismo, seja pela representao
psicossocial (AZEVEDO et al, 2000). Gonalves (2004) afirma que uma das maneiras pela qual
a cor afeta o ser humano atravs da temperatura, classificando0 as cores da seguinte
maneira:
 os tons de vermelhos so considerados quentes;
 os tons de azul, frios;
 o verde, quente ou frio, de acordo com a aplicao;
 as cinzentas so consideradas neutras.
Essa relao da cor com os sentimentos e sensaes estudada na psicologia sob o
nome de Psicodinmica das cores (FARINA et al, 2006). De acordo com Marmiom (2008),
pode-se, baseado na forma ocidental de perceber as cores, associ-las a sensaes:
 Vermelho: perigo, alerta, quente, excitante, paixo, sexo;
 Azul: masculino, frio, calmo, confivel, estvel;
 Branco: pureza, honestidade, frio;
 Laranja: emocional, positivo, jovem;
 Preto: densidade, seriedade, morte, autoridade, poder, estabilidade;
 Verde: natureza, conforto, esperana.

Desta forma, pode-se afirmar que existem trs fatores que influenciam o significado de
alguma cor: primeiro um tipo de experincia que pode ser considerada como cognitiva, ou
seja, relacionada ao pensamento e interpretao de cdigos pelo usurio. A segunda
maneira est relacionada aos sentidos, quando a cor interfere em algum aspecto fisiolgico. E,
finalmente, a relao da cor com os sentimentos, quando esta remete a algum evento ou
momento da vida do usurio.

3. A interao como objeto de estudo do design experiencial.


Em projetos de hipermdia, a interface possui papel fundamental, funcionando como
tradutor entre o cdigo de programao e o usurio (MOURA, 2007). Para Buccini (2008),
experincia um fenmeno que ocorre individualmente em cada pessoa, em resposta aos
estmulos que recebem influencia de interpretaes pessoais, ocorrendo entre o usurio e as

Pesquisa cientfica em design da informao: sistemas de informao e comunicao, tecnologia e sociedade, histria
e teoria, educao
Scientific research on information design: information and communication systems, technology and society, history and
theory, education
M Filho & M Buccini | A cor associada ao contedo: uma abordagem baseada na experincia... | 221

3
propriedades de um produto. O design serve de interface entre os atributos do produto e quem
os utiliza, possibilitando a interao de forma mais eficiente. Tambm papel do designer,
prever o possvel comportamento do usurio e o comportamento do sistema quando utilizado
por ele.
As experincias podem ser divididas da seguinte forma (BUCCINI & PADOVANI,
2006):
 Relacionada aos sentidos: Processos sensoriais fisiolgicos;
 Relacionada aos sentimentos: Reaes emocionais, recordaes, relao de gosto ou
repulsa;
 Sociais: O produto uma interface entre usurios;
 Cognitivas: Relacionadas ao pensamento e interpretao de cdigos pelo usurio;
 De uso: Usabilidade e funcionalidade;
 De motivao: Posse ou uso do produto responsvel pelo comportamento do
usurio.

4. Metodologia deste estudo


Com uma amostra no probabilista de usurios tpicos da internet composta por 22 usurios
com faixa etria entre 18 e 25 anos, cuja escolaridade era de nvel superior incompleto a
completo e renda entre dois e oito salrios mnimos (MARCONI & LAKATOS, 2008).
A pesquisa foi realizada de forma assncrona, com formulrio enviado por e-mail para
os participantes que, ao responder, reenviavam pelo mesmo meio. O perfil do usurio no foi
limitado pelo fator de abertura dos portais de contedo, estes possuem uma audincia bastante
diversificada, que independe de faixa etria, localizao geogrfica e renda.

A pesquisa em design experiencial


Para obter dados, o design experiencial utiliza-se de mtodos associativos de pesquisa. Neles
o usurio associa certo elemento ao contedo que est sendo pesquisado, o objetivo destes
testes entender como o usurio percebe o sistema em questo. Dentre estes diversos
mtodos, podemos destacar o da Anlise Morfolgica, mtodo de extrema relevncia para a
investigao do referido estudo.

Anlise Morfolgica como base para a pesquisa associativa


Devido ausncia de forma para comparao, a anlise morfolgica teve de ser
utilizada como referncia, esta consiste em expor ao usurio imagens para que estes as
associem informao/forma que est em questo (ANTIKAINEN et al 2003). Nesta pesquisa,
o mtodo associou as cores s emoes, informaes e imagens propostas, visando a
mensurao do grau de proximidade dos conceitos expostos pela teoria da psicodinmica das
cores com a cognio do usurio questionado (FARINA, 2006).
A pesquisa consistiu na execuo e aplicao de um questionrio composto por quatro
questes, dispostas em quatro pginas, este foi respondido de forma assncrona, on-line,
utilizando ferramentas hipermdia para ilustr-lo e recolher as informaes.
 Nas duas primeiras etapas (Fig. 1), o usurio foi convocado a trabalhar as cores de
maneira associativa, onde na primeira questo, este deveria associ-las a contedos
informacionais e na segunda, o usurio deveria fazer o mesmo, mas desta vez
associando as cores a sentimentos e sensaes.

3
Interface a ligao entre o usurio e a mquina, uma traduo dos cdigos de programao, o local
onde ocorre a interao. (MOURA, 2007)

Pesquisa cientfica em design da informao: sistemas de informao e comunicao, tecnologia e sociedade, histria
e teoria, educao
Scientific research on information design: information and communication systems, technology and society, history and
theory, education
M Filho & M Buccini | A cor associada ao contedo: uma abordagem baseada na experincia... | 222

Figura 1: Questes um e dois, o usurio associa a cor informao, aos sentimentos e s sensaes.

 Na terceira etapa, o usurio convidado a identificar quais as cores que ele relaciona
com os temas propostos em portais de contedo. Para tanto, a pesquisa utilizou-se de
imagens, na qual o usurio as associaria a uma cor e justificaria a escolha (Fig. 2).

Figura 2: Usurio associa cor imagem.

 Na ltima etapa do questionrio, o usurio foi solicitado a observar as cores e


descrever quais sentimentos, sensaes ou lembranas as mesmas o remetiam (Fig.
3).

Figura 3: Usurio descreve suas sensaes em relao s cores.

De uma maneira geral, a essncia deste questionrio foi averiguar se as cores

Pesquisa cientfica em design da informao: sistemas de informao e comunicao, tecnologia e sociedade, histria
e teoria, educao
Scientific research on information design: information and communication systems, technology and society, history and
theory, education
M Filho & M Buccini | A cor associada ao contedo: uma abordagem baseada na experincia... | 223

utilizadas como diferenciao de reas nos portais de contedo seguem uma noo geral do
pblico e se as sensaes e as emoes interferem no significado e associaes feitas por ele.

5. Apresentao e discusso dos resultados


Com a aplicao do estudo de campo da pesquisa, corroborados pelos referenciais tericos, foi
possvel constatar a real influncia das cores no tipo de contedo exposto ao usurio. Com
base nos estudos do design experiencial, tornou-se possvel gerar um esquema (Fig. 5),
relacionando algumas sensaes e sentimentos (citados no formulrio de pesquisa com a cor)
expressando os significados resultantes da pesquisa de forma mais clara para os usurios,
atributos que, no seriam necessariamente relacionados ao contedo de um sistema digital.

Figura 5: Esquema de disco cromtico para relao de cor e sentimento.

Os sentimentos e sensaes tidos como positivos tendem a associar-se s cores mais


quentes, ou seja, cores que contm a cor vermelha em sua composio. Com exceo dos
termos violncia e barulho, que foram associados ao vermelho, supe-se que por sua
irritabilidade. O verbete dinheiro relacionou-se cor verde. Os sentimentos relacionados
diverso tm, em sua composio, mais pigmento amarelo, isso confirma que esta cor est
relacionada com vibrao e alegria. Sensaes mais srias e tristes ocupam a parte mais fria
ou acromtica do crculo, devido a sua sobriedade.
Deve-se observar que o resultado final da pesquisa no foi unnime, para a tabulao
dos resultados foram consideradas as respostas da maioria dos participantes. Esse resultado
pode variar de acordo com a amostra de pblico utilizada em pesquisas futuras.

Pesquisa cientfica em design da informao: sistemas de informao e comunicao, tecnologia e sociedade, histria
e teoria, educao
Scientific research on information design: information and communication systems, technology and society, history and
theory, education
M Filho & M Buccini | A cor associada ao contedo: uma abordagem baseada na experincia... | 224

6. Concluses e consideraes finais


Em posse dos resultados da pesquisa, vlido salientar a importncia de dados como estes
para o mbito do design. No que tange s pesquisas j realizadas anteriormente, constataram-
se proposies antes discutidas por Padovani e Velozo (2007) sobre a eficcia da
diferenciao de contedo em mapas de navegao utilizando cor, como tambm os
apresentados por Marmiom (2006) e Farina et al (2006) sobre os aspectos cognitivos das
cores.
A importncia de se atentar para detalhes como estes, reside no fato de um sistema
digital emitir positiva ou negativamente mensagens que alcancem o seu receptor e evitem que
rudos, durante a propagao ou processamento cognitivo do usurio, afetem o sucesso da
comunicao. Com base neste estudo, sugerimos a criao de cartelas de cores para
contedos em web sites, buscando e aplicando efeitos e significados das cores em um sistema
digital. Tambm sugerimos a anlise desse tipo de classificao em websites j existentes.
Ressaltamos ainda que processos psicolgicos do indivduo no foram aprofundados,
pois isso ultrapassa o escopo desse estudo, que busca aproximar as teorias do design
experiencial s do design de hipermdia, servindo de ferramenta de apoio a profissionais que
pretendem utilizar o recurso aqui apresentado em seus projetos.
Deve-se atentar para o desenvolvimento de outros estudos sobre esse tema, unindo o
design experiencial, o design de hipermdia e os aspectos psicolgicos que interferem na
utilizao destes objetos pelos usurios. As contribuies podem ser bastante significativas
para a melhoria da qualidade dos sistemas informacionais, bem como para a construo de
novos portais de contedo preocupados com os aspectos cognitivos, emocionais e sensoriais
dos usurios.

7. Referncias Bibliogrficas
ANTIKAINEN, A.; KLVIINEN, M. & MILLER, H. User information for designers: a visual
research package. 2003 internacional conference on designing preasurable products interface -
Pittsburgh. Nova York: ACM Press. 2003

AZEVEDO, M. F. M.; SANTOS, M. S.; OLIVEIRA,R. O uso da cor no ambiente de trabalho:


uma ergonomia da percepo.Ensaios de Ergonomia: Revista Virtual de Ergonomia.
Florianpolis: UFSC, jun.2000. Disponvel em: <www.eps.ufsc.br/ergon/revista> Acessado em:
01 dez. 2008.

BUCCINI, M. Introduo ao Design Experiencial. Recife: Edio do autor. 2008. Disponvel em:
<http://www.design2.com.br/marcosbuccini/designexperiencial.pdf>

BUCCINI, M.; PADOVANI, S. Uma introduo ao design experiencial. Revista Estudos em


Design, v. 13, n.2. p. 9-29, abr. 2006.

FARINA, M.; PEREZ, C. & BASTOS, D. Psicodinmica das cores em comunicao. 5 edio.
So Paulo: Edgard Blcher, 2006.

GONALVES, B. S. Cor aplicada ao Design grfico: um modelo de ncleo virtual baseado na


resoluo de problemas. 2004. Tese. 235 f.(Programa de Ps-Graduao em Engenharia de
Produo). UFSC, Florianpolis, 2004.

MARCONI, M. D. A.; LAKATOS, E. M. Tcnicas de pesquisa 7.ed. So Paulo: Atlas, 2008.

MARMIOM, J. A utilizao de cor no mecanismo de interao com o usurio. Instituto Brasileiro


de Amigabilidade e Usabilidade. 2006. Disponvel em:
<http://www.ibrau.com.br/artigoutilizacaodecor.htm> Acessado em 01 dez. 2008

MOURA, M.. Design de hipermdia: dos princpios aos elementos. E- book Org: por Martha C.
C. Gabriel e Jofre Silva. So Paulo, Rosari: 2007.

Pesquisa cientfica em design da informao: sistemas de informao e comunicao, tecnologia e sociedade, histria
e teoria, educao
Scientific research on information design: information and communication systems, technology and society, history and
theory, education
M Filho & M Buccini | A cor associada ao contedo: uma abordagem baseada na experincia... | 225

PADOVANI, S. & VELOZO, J. Melhorando a usabilidade de mapas de navegao em


hipertextos atravs de tcnicas grficas de diferenciao. Infodesign. So Paulo. SBDI: 2007.

Pesquisa cientfica em design da informao: sistemas de informao e comunicao, tecnologia e sociedade, histria
e teoria, educao
Scientific research on information design: information and communication systems, technology and society, history and
theory, education