Quarta-feira, Novembro 10

A usabilidade da cor

No nosso ambiente hiper-informatizado, não só pelos computadores, mas também pela sinalização e pela comunicação em massa, a cor é fundamental. Alguém jamais se perguntou porque as placas de aeroporto são obrigatoriamente amarelas, ou as placas de trânsito invariavelmente verdes, ou brancas? E porque o verde significa "siga adiante", e o vermelho,"pare"? Porque bebês choram mais em quartos amarelos e menos em quartos pintados de verde? Porque o laranja dá fome?

O fato é que, desde pequenos aparelhos eletrônicos a aeroportos, o uso da cor certa na hora de usar uma ferramenta ou navegar por um espaço, ou site, pode ser determinante de uma boa experiência. Não existem muitos estudos sobre a usabilidade da cor, mas é possível observar como a cor pode ajudar a "usar" uma aparelho, ou navegar por uma interface e como pode também destruir qualquer referência de espaço físico.

Onde fica o banheiro?

Você está em um aeroporto no Japão esperando o seu vôo que sai em meia-hora e comeu um sushi que não lhe fez muito bem. Rápido, é preciso ir ao banheiro! Mas onde fica? Não falo japonês, cadê a placa apontando para o banheiro? Você ficaria muito aliviado em encontrar rapidamente aquela placa amarela gigante com um ícone de um bonequinho apontando para a esquerda, significando "banheiro, próxima à esquerda".

A usabilidade de um centro de trasnporte depende em quão fácil é encontrar qualquer lugar, desde o banheiro ao telefone, o check-in, o restaturante e o câmbio. Em muitos casos, as placas direcionais são muito ruins, mas na maioria dos aeroportos as placas são amarelas para chamar a atenção do viajante mais cansado, os ícones nas placas comunicam para aqueles que não entendem o que está escrito nas placas. Geralmente essas placas estão localizadas nos grandes corredores e com iluminacão adequada, para que todos possam percebê-las e serem informados instantaneamente.

Que botão devo apertar?

O mesmo se aplica a um controle remoto. Em geral, o botão de "power" é sempre vermelho, que serve para dizer "se você apertar aqui, zera tudo". Outros botões no controle remoto podem ser amarelos, para os números dos canais, ou pretos ou brancos para controles de volume, etc. Em teclas da mesma cor, em geral pretas, pequenos ícones servem para comunicar a sua função. Outras teclas são redondas, quadradas, maiores ou menores, que, aliadas a Mas imaginem se todas as teclas fossem do mesmo formato, da mesma cor? Liquidificadores, aparelhos de som, alarmes de carro, se prestar atenção, todos os botões fundamentais como liga/desliga estão assinalados...por cor.

A Usability fez um projeto em que os usuários não conseguiam navegar de um formulário para outro simplesmente porque os botões de "continuar" e "cancelar" eram amarelos e do mesmo tamanho, posicionados lado a lado. Sem perceber, o usuário clicava sobre o "cancelar" e zerava a operação. O único diagnóstico que fizemos para este site foi: diferencie a cor dos botões de "cancelar" e "continuar" e assim esse erro não acontecerá mais. O cliente só faltou nos bater, mas a solução de usabilidade era simples assim: a cor certa para a função certa. Vermelho para cancelar a operação, amarelo ou verde para prosseguir. Desde então, os índices de desistência dos usuários desse cliente diminui substancialmente.

Aguarde...contando cédulas

Talvez uma das mudanças mais radicais no dia-a-dia do brasileiro médio seja o uso crescente das máquinas de banco automático. Sempre que vou ao banco fico observando essa interação homem-máquina, agora inseparável da vida cotidiana. Até as aposentadas da Caixa Econômica conseguem usar o seu cartãozinho para retirar o dinheiro do mês. Nos teclados além dos números existem 2 outras teclas: "anular" em vermelho, e "confirmar" em verde. Em geral, as pessoas mais idosas e menos acostumadas com o uso dessas máquinas entra em pânico e anula a mesma operação pelo menos 2 vezes porque têm medo de errar e achar que o dinheiro sumiu todo. Ou tentam novamente, ou pedem ajuda. Mas imagina se aquele botão vermelho não estivesse lá? De qualquer maneira, junto com as instruções de texto na tela, as interfaces de banco automático tentam ser o mais simples possível. O pessoal só empaca na hora de inserir a(s) senha(s), mas isso já é uma outra questão.

E tem máquina mais simples do que a urna eletrônica que até um analfabeto sabe usar?

Cor-de-rosa para avançar, azul para parar

Agora imaginem por um instante se todas as cores fossem trocadas. Você conseguiria se locomover no trânsito se trocassem o sinal verde por cor-de-rosa e o vermelho por azul?

Mímese no mundo digital

Na internet não tem diferença em termos de usabilidade da cor na interface de usuário. Desde a interface visual do sistema opracional aos softwares, componentes e periféricos, cores e símbolos e luzes LED ajudam o usuário a usar as máquinas e executar as funções necessárias. Como o mundo virtual é mimético, usmos os mesmos termos que usamos no mundo real para identificar funções do próprio computador. Por exemplo, a "lixeira" do computador adquire a mesma função de uma lixeira real, e, não obstante, o ícone é uma lixeira mesmo. Mas numa interface de um site de comércio eletrônico ou um software onde vários processos distintos se cruzam e interagem com o usuário é fundamental que todas as funções sejam bem diferenciadas umas das outras, e a cor, aliada à forma, pode ser um grande aliado nessas horas.

E vocês, conseguem pensar algum exemplo em que a cor desempenhe um papel fundamental?


Envie por Email.