INSTITUCIONAL
COMUNIDADE
BLOG
AJUDA
MINHA CONTA
EN PT ES

Imagen6433P

Maior usabilidade de aplicações GeneXus com Themes (III)

Ao definir as cores básicas da transação ou do site deve-se levar em conta o tema que trata o site, a audiência a qual se dirige e o ambiente que rodeia os usuários, por Jorge Marmion.

Definição da cor de fundo da transação ou do site

Segundo a teoria de detecção de sinais ("Signal Detection Theory") um modelo estatístico elaborado na década de 50, o cérebro humano interpreta e organiza a informação que recebe de forma ótima quando no campo visual existe um número mínimo de cores e formas: quanto menos "barulho", mais claro é o "sinal".

Ao definir a cor ou as cores básicas da transação ou do site, devem ser levados em conta os seguintes fatores:

- O tema: é um site de divertimento ou uma transação para operadores da bolsa de valores?

- A audiência: Existe algum fator de homogeneização? Sexo (maioria homens ou mulheres), idade (site para a terceira idade ou para jovens que procuram diversão noturna), experiência (transação para os compradores de uma empresa), algum outro fator? Os usuários formam um grupo altamente heterogêneo? (usuários de um sistema de caixa eletrônico de um banco, por exemplo)

- O ambiente: Qual é o grau de estresse ao que estão submetidos os operadores do sistema? (elevado, como em um sistema de controle de tráfico aéreo, ou baixo, se é um usuário procurando em casa opções de restaurantes para o fim de semana). Qual é a luminosidade do ambiente? (elevada, como em uma competição olímpica ao ar livre ou baixa, como em um centro de controle de tráfico aéreo).

Vejamos, rapidamente, alguns exemplos:

 



A cor básica de fundo da página inicial do site Web da Disney (http://www.disney.com) é azul, uma cor que além de transmitir confiança, calma e estabilidade é perfeitamente visível para a grande maioria da população. Note que apesar do impacto visual não tem muitas cores: além do azul básico, foram utilizados o verde, o branco e o alaranjado (todas cores positivas, emocionais).

O negro foi abolido da página. As áreas com menor saturação de cores básicas está nas esquinas.

Por outro lado, o site do grupo de rock Black Sabbath é basicamente negro (uma cor já presente no nome do grupo). Combina perfeitamente com o grupo, que nos seus shows costuma realizar atos de magia negra. As letras em vermelho sangue são também adequadas, considerando o tema do site. Note que, novamente, existem pouquíssimas cores.



O site da Avon http://www.avon.com é adequado principalmente ao consumidor ao qual se dirige: a mulher. Cores suaves, femininas, esteticamente limpas.

Por outro lado, o site da direita http://www.paomusic.com.br (patrocínio musical de uma rede de supermercados brasileira) é vibrante, jovem, esteticamente impactante. O tema é identificável rapidamente: é, obviamente, um site dedicado -> música. Mas o conjunto - alaranjado- dá a idéia de juventude, vibração, dinâmica. Pense agora nesta combinação de cores para um site de tango ou de música clássica: é totalmente inadequada.
Observe, agora, duas versões diferentes de um mesmo site:

Página Inicial do site http://www.lancome.com, versão 2002 (esquerda) e versão 2003 (direita)

A versão da esquerda é suave, delicada, de uma feminilidade pouco agressiva. Já a foto da versão -> direita modificou substancialmente a mensagem: a feminilidade é muito mais agressiva, as cores fortes, impactantes. Foi utilizado até o vermelho (relacionado com a paixão, o sexo, o amor) que não estava presente em nenhum de seus matizes na versão anterior. Observe como a foto da esquerda é parte do conjunto; não cria um desvio de atenção. Já a foto da direita é tão impactante que é quase impossível observar o todo sem deixar de notar a foto, que surtirá um impacto muito maior no leitor ou na leitora. Observe também como foi modificado o alinhamento do texto.

Levando em conta a fisiologia do mecanismo de percepção da cor, o contexto cultural e outros fatores, podemos estabelecer as seguintes orientações:

- Utilize a menor quantidade possível de cores para o fundo de seu site ou transação.

- A percepção da cor é afetada pela luminosidade do ambiente. Considere as fontes de iluminação (naturais e artificiais) do local.

- Se o fundo é uma imagem, considere que durante o tempo de carga os elementos frontais ("foreground") podem não ser visíveis por falta de contraste.

En la próxima y última entrega: la selección de colores para transacciones

Jorge Marmion é autor e diretor do projeto que criou o software "DB-Examiner", eleito um dos 100 melhores aplicativos do mundo pelos leitores da DM Review em 1998, 1999 e 2000. O software foi incorporado -> suíte de produtos ERWin e passou a ser distribuído pela Computer Associates como o nome de "ALLFusion Data Usabilidade (www.ibrau.com.br) e o Instituto Latino Americano de Usabilidade (www.ilau.org)


 

Relacionado
Maior usabilidade de aplicações GeneXus com Themes (I)
Maior usabilidade de aplicações GeneXus com Themes (II)
Maior usabilidade de aplicações GeneXus com Themes (IV)
Usabilidade: Daltonismo nal Web
Novos parceiros acadêmicos no Brasil!