Web Sites - Dicas

   A tecnologia, cuja função principal deveria ser facilitar a vida dos usuários, nem sempre tem cumprido bem o seu papel. Muitas pessoas não conseguem aliar os avanços do mundo eletrônico com a simplicidade. 

   Um site deve ser funcional, objetivo. O uso adequado de cores, fontes, menus e ferramentas de busca são algumas das coisas mais importantes na hora de compor uma página. Mas não é bem o que vemos por aí, o excesso de informação é um dos fatores mais agravantes em sites da web, a poluição visual está cada vez maior. Portanto, se você está pensando em criar um site, fique atendo a algumas dicas:

 

Princípios básicos da Usabilidade na WEB:

 - Visibilidade:
Os usuários devem ser informados continuamente pelo sistema sobre o que ele está fazendo, num tempo razoável.

- Adequação a cada tipo usuário:
O site deve falar a língua do usuário, usar palavras, frases e conceitos familiares. Deve seguir as convenções do mundo real e apresentar a informação numa ordem lógica e natural.
 
 - Controle e liberdade para o usuário:
É importante haver controles para fazer e desfazer ações. Os usuários erram e precisam de uma “saída de emergência” claramente marcada, ou seja, corrigir o erro de forma rápida e intuitiva.

- Consistência e padrões:
Os usuários não devem ter que se perguntar se determinadas palavras, situações ou ações querem dizer a mesma coisa. Devem ser seguidas as normas e convenções da plataforma sobre a qual está implementado o sistema.

- Prevenção de erros: É melhor prevenir o surgimento de erros por meio de um design adequado do que gerar boas mensagens de erros.

- Reconhecimento mais do que memória:
O site deve se basear mais no reconhecimento do que na memória, de modo a permitir uma interação fácil e produtiva.

- Flexibilidade e eficiência de uso:
A interface deve facilitar e otimizar o acesso, tanto de usuários iniciantes como de usuários experientes.

- Conteúdo:
O site deve evitar toda informação irrelevante, texto em bloco, dificuldade para ler e entender e só incluir a informação necessária. Deve também comunicar, de maneira imediata, seu propósito, objetivos e funções.

- Design gráfico: O site deve evitar gráficos ou imagens irrelevantes, destacar o que é importante para o usuário e proporcionar boa leitura (tamanho de fonte, contraste, etc).
 

 

 Seguindo essas ‘regras’ você já está a um passo de criar uma página objetiva e direta para quem a acessar.

Exemplos de Bom e Mau uso de Web Sites

Mau exemplo de Web Site:

http://tidinha.zip.net/

   O background do site citado acima tem uma cor forte, e se não bastasse, os “pontinhos” brancos piscam freneticamente, atrapalhando a legibilidade do usuário.

   O Site tem mistura de cores, propagandas e fotos muito poluídas e mal diagramadas. O menu de navegação é de difícil entendimento, pois ele se confunde com o restante do texto e com o fundo que pisca.

   As fontes utilizadas foram, a maioria, Times New Roman ( Contra indicada para sites) e Arial. 

    Os textos do menu apresentam uma difícil navegação, pois eles não têm uma hierarquia e nem nexo.

   As cores do site teoricamente combinariam, pois o Rosa que é uma cor forte se complementa com o branco que é neutro, mas nesse caso é um exemplo de mau uso de cores que combinam entre si.

   Além do background poluído que foi usado, temos “caixas de texto” que misturam várias tonalidades de cores (Azul, Roxo, branco, rosa, preto, verde, entre outras).

   O conteúdo está de acordo com a artista, pois conta a história, contatos e trabalhos anteriores. Mas está completamente mal diagramado, o que acaba cansando extremamente o usuário, que dificilmente retornará a página da web.

Bom exemplo de Web Site:

http://www.laserpress.net/

   Um site bem diagramado e com fácil legibilidade, pois tem cores que “conversam” entre si. A cor do logo é vermelha (uma cor forte), por isso o web designer utilizou a cor cinza no fundo (cor neutra), tornando o site agradável e de fácil navegação. As fotos utilizadas foram fontes simples que são de fácil entendimento e leitura. 

      O conteúdo do site é abordado de forma simples e objetiva, há uma hierarquia no menu de navegação, nele há várias informações pertinentes sobre a agência, não causa dúvidas nos usuários pois está bem organizado.
     Na página inicial foram utilizadas duas caixas de textos que são atualizadas freqüentemente, nas quais contem novidades e informações sobre a agência, o que torna o site uma espécie de BLOG também.

Luminosidade de Goethe e Teoria de Itten

Johann Wolfgang Goethe (1749-1832), escritor e pintor alemão contrariou a descoberta de Isaac Newton de que existem sete cores no espectro com a teoria de que existem somente seis cores visíveis sob as condições naturais de luz do dia.  Suas observações sobre a filosofia e psicologia da cor, além da forma como os humanos a interpretam, foram usadas base para criar a Gestalt.

Para ele, a cor era composta de luminosidade ou sombra. Goethe era um pintor e seu interesse na forma em que realmente vemos e experienciamos a cor estimulou os teóricos e os artistas posteriores. Em suas observações descreveu os efeitos do “positivo" e "negativo" da cor sobre a mente.

Baseado nas pesquisas de Newton, Goethe mostra em aquarela os resultados de dois experimentos de luz passando através de um prisma: as três cores principais do espectro de Newton  "laranja, verde e azul violeta" seriam percebidas em um quarto escuro, através de um raio controlado de luz.

No espectro de Goethe, as cores principais seriam "azul cian, vermelho (que ele chamou de púrpura) e amarelo" vistos pelo olho a luz do dia .

Juntando as seis cores formou a base do círculo das cores.

 

Circuito de Cores de Goethe

Aquarela de Cores de Goethe

Goethe havia observado em uma paisagem: "Durante o dia, devido aos tons amarelados, as sombras tendem a tornar-se violeta... Ao pôr-do-sol, quando seus raios difusos são do mais bonito vermelho, a cor da sombra torna-se verde". Já havia observado a complementaridade das cores.

Já no século XX, o pintor e professor alemão Johannes Itten elaborou uma estrela de cores onde são classificadas em três dimensões; matiz, tom, e saturação.




·         São doze matizes: as três primárias, as três secundárias, e as terciárias, produzidas pela mistura de cada uma das secundárias com as primárias.
·         Tom é a luminosidade ou escurecimento obtido da mistura de cada matiz com o preto.
·         Saturação é o "colorido" ou a intensidade da cor. A cor perde a intensidade a medida que misturamos com o branco.

Estrela de Cores de Itten