No ambiente AulaNet 2, aparece uma quantidade maior de cor do que a maioria dos ambientes analisados. Essas cores também são usadas de maneira mais coerente. Isso pode ser notado uma vez que todas as cores estão associadas a algum esquema de combinação de cor, o que estimula o usuário a permanecer no ambiente por mais tempo.
No entanto, em determinados lugares do ambiente, alguns problemas podem ser encontrados, como o reforço dos links visitados, ao invés dos links não-visitados.
Respondendo as perguntas inicialmente propostas:
• As cores estão dispersando ou atraindo a atenção do usuário? Atraindo, pois além de existir uma maior quantidade de cor, elas estão associadas corretamente aos esquemas de combinação de cores.
• As cores de contraste destacam os pontos devidos? Em alguns lugares, as cores de contraste foram utilizadas de maneira correta, em outros destacam pontos irrelevantes, como os links já visitados.
• Simbolicamente, as cores presentes na página ou na ferramenta estão diretamente relacionadas aos seus respectivos significados? O verde, utilizado em grande parte do ambiente, é uma cor interessante para o aprendizado, pois é equilibrada, o que estimula a interação. Por isso, simbolicamente, foi bem usado.
• As informações corretas estão sendo reforçadas em termos de cor e forma? Nos botões arredondados, a informação está sendo reforçada de maneira correta, pois estimula o usuário a clicar. O reforço no logo
“AulaNet” é interessante para evidenciar o ambiente em que usuário está interagindo, mas atrai a atenção do usuário para fora do conteúdo.
4.10 AulaNet
É um sistema de ensino à distância, desenvolvido pela empresa AulaNet Ltda., que tem como objetivo disponibilizar comercialmente conteúdos explicativos sobre os softwares mais utilizados no mercado. Basicamente, o ambiente é composto por cursos, divididos em módulos e distribuídos em várias páginas. Conforme o aluno avança em seus estudos, os módulos são tidos como executado. Dentro dos cursos, existem exercícios práticos, que facilitam o entendimento do conteúdo e da avaliação, com questões geradas de maneira aleatória, as quais verificam se o aluno atingiu o desempenho desejado (AulaNet, 2006).
4.10.1 Avaliação
A figura 4.10.1 ilustra a página inicial do sistema AulaNet.
Figura 4.10.1 – Página Inicial - Aulanet (2006).
Na figura 4.10.1, podem ser notadas as seguintes cores: branco, em áreas menores do que nos outros sites avaliados; azul-violetado, em grande parte do site; vermelho, em “10”, bem como no “Net” do “AulaNet” e nas indicações de “Gratuito”; amarelo, na “Cesta de investimentos”; preto e cinza, principalmente no menu, no texto e nos cursos oferecidos; tons de magenta e magenta-violetado, na faixa superior.
Ambiente como um todo
• Assonante primário opaco, com o vermelho, amarelo e azul. No entanto, o amarelo está presente em pequena quantidade.
• Acromático, com preto e o branco, passando pelo cinza.
• Consonante, entre o vermelho e o azul-violetado, passando pelo magenta.
Cores de Contraste
Em termos de cores de contraste, o vermelho retorna o ciano, que reforça o azul- violetado. O azul-violetado retorna um tom quente, que reforça o vermelho e o amarelo. O amarelo, além de sobressair por conta da sua luminosidade, está presente em uma pequena área e é reforçado pelo azul-violetado e pelo vermelho. Como o azul-violetado está presente em uma quantidade maior de áreas, o vermelho e o amarelo ganham destaque. Quando o vermelho não está presente no conteúdo da página, somente o logo ganha destaque. Isso é ruim, pois não destaca o conteúdo do site. O amarelo, atribuído à “Cesta de investimentos”, está destacando o canto superior do site. Embora não realce o conteúdo, essa associação denota interesses comercias, pois estimula o usuário a desviar a atenção para esses pontos.
Simbologia das Cores na Cultura Ocidental
Em termos de significado das cores, o vermelho continua significando marcação, o azul continua simbolizando o desejo; e o amarelo, destacando e fixando a informação na memória. Simbolicamente, as três cores juntas estão diretamente relacionadas ao aprendizado, pois são as cores primárias culturalmente construídas e as primeiras cores aprendidas pelos indivíduos. Assim, existe uma ligação com o discurso da verdade, com a essência da sabedoria e do conhecimento. Se fossem as primárias RGB, teriam mais relação com o contexto doAulaNet e com o universo Web.
O esquema acromático, quando aplicado de maneira moderada é interessante para ambientes de aprendizado, pois também. está relacionado ao discurso de verdade e com a clareza da informação.
O magenta, simbolicamente, tem uma característica de sedução muito forte, pois está associado ao risco. Por isso, deveria estar presente nos cursos oferecidos e não na faixa superior, pois os alunos ficariam seduzidos a realizar os cursos.
Após efetuar o login, não aparece nenhuma cor nova, só o nome do aluno e os cursos em que está matriculado, em preto. Veja a figura 4.11.2.
Figura 4.11.2 − Página Inicial − AulaNet (2006).
Na figura 4.11.2, aparece o nome do usuário (ilustração à esquerda) e os cursos em que está matriculado (ilustração à direita), associados à cor preta, com o cinza no fundo, o que reforça o esquema acromático. No entanto, simbolicamente, a cor preta não é a cor mais indicada para dar as boas-vindas ao usuário, pois está associada à morte, à sobriedade e à tristeza. O amarelo e o laranja, por serem cores alegres e convidativas, seriam mais indicados para esse tipo de mensagem.
Cor e Forma
Em termos de cor e forma, o vermelho é a única cor que ganha reforço. Isso porque o “Net” e a maioria das formas em que aparece são recortadas e reforçam perceptivamente o vermelho. No entanto, o que deve ser reforçado é o conteúdo do ambiente. Isso só acontece nas mensagens de “Gratuito”. As formas em que aparece o amarelo não são estridentes e as em que aparece o azul não são orgânicas, de modo que, nenhuma das duas cores é reforçada.
Na figura 4.11.3, além do reforço em termos de cor e forma, existe um certo movimento com relação à mensagem de “Gratuito”, chamando bastante a atenção do usuário.
Figura 4.11.3 − Mensagem de Gratuito − Página Inicial − AulaNet (2006).
Na figura 4.11.3, a ilustração à esquerda mostra a mensagem de “Gratuito”, enquanto na ilustração à direita a mensagem é apagada. Esse efeito se repete continuamente, dando o efeito de piscar, o que atrai a atenção do usuário. A informação móvel sempre chama mais a atenção do que a estática, não importa a cor que está sendo usada. Como o vermelho está presente na forma recortada, a informação ganha mais destaque ainda.
A informação móvel presente no AulaNet é a principal diferença em relação aos demais sites. Em um site fixo, sem movimentos, o usuário tem que se valer de seus próprios estímulos para prestar atenção na informação. Em um site com movimento, o estimulo está presente no próprio site e chama mais facilmente a atenção do usuário.
4.10.2 Considerações Finais sobre o Ambiente AulaNet
No AulaNet, aparece uma quantidade maior de cor e essas cores foram dispostas de maneira um pouco mais pensadas. Isso pode ser visto já na página inicial, pois as informações mais importantes ganham destaque. Por exemplo, o logo do AulaNet, a mensagem “10 motivos para você fazer treinamentos AulaNet”, os cursos gratuitos e a “Cesta de investimentos” estão se sobressaindo em relação às demais informações.
Outro ponto relevante é que o site utilizou o movimento como recurso para chamar a atenção para as informações mais relevantes. Por exemplo, mensagem de “Gratuito” se destaca com o efeito de piscar, induzindo o usuário a realizar o curso.
Respondendo as perguntas inicialmente propostas:
• As cores estão dispersando ou atraindo a atenção do usuário? Atraindo, na maioria das páginas. Isso porque as cores estão associadas a algum esquema de combinação de cores.
• As cores de contraste destacam os pontos devidos? Sim, na maioria das páginas. No entanto, quando o vermelho desaparece do conteúdo, o logo é destacado, ao invés do conteúdo.
• Simbolicamente as cores presentes na página ou ferramenta estão diretamente relacionadas aos seus respectivos significados? No analise do ambiente como um todo não houve problemas simbólicos, pois o esquema assonante (vermelho, amarelo e azul) e o acromático (preto e branco) são os únicos esquemas presentes e podem ser associados a ambientes de aprendizado.
• As informações corretas estão sendo reforçadas em termos de cor e forma? Sim, o vermelho, associado às formas recortadas, destaca as informações mais relevantes do site, como as mensagens de “Gratuito” .
4.11 Considerações Finais
Aplicando a metodologia, percebe-se uma grande quantidade de problemas. Na maioria dos ambientes, a grande quantidade de áreas em branco e a ausência de cor dificultaram bastante a aplicação da metodologia. Quando as cores são usadas de forma mais evidente, pode-se notar uma grande quantidade de erros em relação aos quatro eixos teóricos (esquema de combinação de cores, cores de contraste, simbologia das cores na cultura ocidental e relação entre a cor e a forma) presentes na metodologia.
Esses diversos problemas cromáticos resultam em dificuldades relacionadas ao aprendizado e prejudicam a interação do usuário com o ambiente. Dessa forma, a pergunta inicialmente proposta pode ser respondida: as cores estão ajudando ou dificultando o aprendizado? Em todos os sites analisados, existem erros cromáticos que, de certa forma, dificultam o aprendizado, pois desestimulam, desconcentram, induzem o usuário a cometer erros, não destacam pontos relevantes, causam sonolência e diminuem a satisfação de uso.