Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Usabilidade na web
SEÇÕES
Manuais relacionados
+Usabilidade na web
Categorias
+Usabilidade

Índice do Manual Usabilidade na web
+ Informações gerais
+ Elementos de um bom site
+ Princípios gerais de usabilidade em web sites
+ O que é a Interação Pessoa-Computador
+ Sobre buscadores internos
+ Formulários
+ Os usuários não são adivinhas
+ Como escrever newsletters
+ Coloque um link do meu site
+ Usabilidade para PDAs
+ Reduza o peso de seu site
+ Páginas fluidas
+ Como gravar vídeo para Internet
+ A página de erro
+ O banner perfeito
+ Abrir diálogo com os visitantes
+ Otimizar o formato das páginas web para imprimir
+ Converter usuários em clientes
+ Newsletters que servem para vender
+ Coloque um buscador gratuito na sua web
+ Personalizar parâmetros - Usar links no lugar de combos.
+ Avaliar a usabilidade
+ Vantagens e incovenientes do uso de frames
+ Construindo páginas simples
+ Folhas de estilo (CSS)
+ Aumentar o número de páginas vistas
+ Criar o momento
+ Usando ícones no design de interfaces
+ Usability Biscates, S.A.
+ Livro de estilo
+ Guia básico para PYMES
+ Destruir 2 mitos do web design
+ De que serve o critério quando todo mundo pode opinar?
+ Use imagens agrupadas e não utilize ícones
+ Apêndice I: Links interessantes
+ Evitar as cores de fundo
+ Usabilidade ao milímetro
+ O espaço na tela
+ PDF no Web. Entorpecendo ou melhorando a navegação?
+ MSN Music. Um pequeno problema de perspectiva
+ A navegação impaciente dos usuários na Internet
+ Criando a retícula. Como organizar a informação
+ Usabilidade e Retorno de Inversão em websites
+ É hora de pensar em 1024px?
+ Fatores Determinantes no uso de Fontes
+ Não se fala de usabilidade
+ Fazendo uma Web Acessível: o uso adequado das cores
+ Aplicações Web: Usabilidade + Praticidade = Sucesso
+ Como conseguir web design de bom aspecto gráfico
+ Usabilidade e acessibilidade: Conceitos muito diferentes
+ Quando colocar um botão, quando colocar um link
+ Redação para websites
+ O usuário intermediário ontem e hoje
+ Arquitetura de informação
+ Escreva títulos curtos
+ Desenhar para dispositivos móveis
+ Normas para maximizar a usabilidade de um site

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Evitar as cores de fundo

Um fundo branco é o mais indicado, já que normalmente outras cores de fundo têm uma interpretação negativa por parte do usuário.


Os elementos de design com cor de fundo são ignorados pelos usuários, interpretados como publicidade, informação de contexto ou estética.

Os elementos com fundo branco, pelo contrário, são interpretados como conteúdos reais do site onde se encontram o que o usuário busca.

Utilização atual das cores de fundo

Os cabeçalhos dos web sites, o nome e o logo, tipicamente têm cor de fundo em quase todos os sites. É informação de contexto pouco relevante para o usuário e por isso é a área mais ignorada. Em nenhum caso se deve colocar um vínculo a conteúdos importantes de site no cabeçalho ou próximo dele.

As cores de fundo também se utilizam para tentar ressaltar a publicidade, promoções e os conteúdos do site que se quer potencializar, ou seja, conteúdos que o usuário não busca, mas que se quer que veja.

Na verdade, o efeito é o contrário, o conteúdo com fundo de cor é anulado e quanto maior for a intensidade da cor utilizada, menor será a visibilidade desse conteúdo.

Os usuários ignoram os textos com fundo de cor

Ignorar os fundos de cor não é um comportamento deliberado, é a reação defensiva do sistema cognitivo do usuário para evitar processar informação não relacionada com seus objetivos.

Os estudos de "eyetracking" (seguimento de movimentos oculares) confirmam que os usuários não olham as áreas com cores de fundo e o fundo branco centraliza preferentemente os conteúdos.

Isto é devido a um fenômeno com o mesmo mecanismo que a cegueira aos banners que provoca que qualquer conteúdo excessivamente ressaltado (seja um banner ou não), seja ignorado.

Os usuários aprendem que qualquer fundo com texto de cor não é uma informação realmente útil. Normalmente é publicidade, promoções ou simples decoração.

Como resposta os usuários desenvolvem um padrão perceptivo, que faz com que ignorem as áreas fortemente coloridas do site. Aprendem que os conteúdos reais do site têm sempre fundo branco, e por isso é mais útil e rápido focalizar unicamente neles.

Sites que abandonaram os fundos de cores

As cores de fundo foram desaparecendo da maioria de webs e não por razões de tendência estética minimalista.

A publicidade em Google (Adsense e Adwords) tinha fundo de cor muito suave inicialmente. Agora este fundo de cor foi eliminado e é branco.

Igualmente a maioria das caixas de texto de Amazon deixou de ter fundo de cor, nem sequer o cabeçalho das das tabelas tem cor. Em geral, Amazon está muito menos colorido do que estava e quando há algum elemento com cor de fundo é complementar e só se utiliza como separador de informação.

No artigo "Best practices de Loquo" comenta-se que a opção "Publicar anúncio" situada dentro um grande botão com cor de fundo) não era localizado por alguns usuários e substituindo o botão colorido por um vínculo de texto sem cor de fundo os problemas se solucionaram.

Utilização adequada de cores de fundo

A cor de fundo pode-se utilizar para separar umas áreas de outras e criar rupturas que ajudem a hierarquizar e separar os conteúdos.

Utilizar pequenos elementos de cor sobre um fundo predominantemente branco é uma maneira de separar conteúdos e que não se confundam.

Quando se coloca um texto sobre uma cor de fundo, há que ter em conta que será ignorado e, portanto, este texto não deve ser importante para a compreensão da página web.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Usabilidade na web

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Usabilidade


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foram econtrados 2 comentários sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites