Capitulo 7 Livro Nielsen

3.231 visualizações

Publicada em

Apresentação produzida pelos alunos da Pós em Sistemas Web da UnoChapecó/SC, 2009. Prof. Luiz Agner

0 comentários
11 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.231
No SlideShare
0
A partir de incorporações
0
Número de incorporações
348
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
11
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Capitulo 7 Livro Nielsen

  1. 1. Jakob Nielsen Hoa Loranger Usabilidade na Web Projetando Websites com qualidade Denis Dib Mauricio Minella Ricardo Gasparetto
  2. 2. <ul><li>A desvantagem do texto fictício </li></ul><ul><li>Quatro diretrizes fundamentais para texto </li></ul><ul><li>Tipografia: </li></ul><ul><li>Leitura & legibilidade </li></ul>
  3. 3. “ É difícil ler texto muito pequeno”
  4. 4. “ Seria melhor se todas as palavras fossem maiores e não azuis”
  5. 5. Corpo do Texto: A regra dos dez pontos <ul><li>Não existe um tamanho ou tipo de fonte para todas situações </li></ul><ul><li>O tamanho de fonte depende do público-alvo </li></ul><ul><li>O tamanho mínimo recomendável é 10 pontos </li></ul>Público-alvo Tamanho em pontos Público em geral 10 - 12 Idosos e pessoas com dificuldades visuais 12 - 14 Crianças e outros leitores iniciantes 12 - 14 Adolescentes e adultos 10 – 12
  6. 6. Corpo do Texto: A regra dos dez pontos <ul><li>Fontes pequenas não são a solução para inserir mais conteúdo </li></ul><ul><li>Geralmente mais texto significa menos leitura </li></ul><ul><li>Escolher com sabedoria o conteúdo da página </li></ul><ul><li>Fontes menores para textos menos importantes para o usuário </li></ul><ul><ul><li>Termos de uso </li></ul></ul><ul><ul><li>Direitos autoriais </li></ul></ul><ul><li>Utilizar páginas secundárias com hiperlinks </li></ul>
  7. 7. Corpo do Texto: A regra dos dez pontos <ul><li>Evitar o uso do anti-serrilhado para fontes menores que 12 pt </li></ul><ul><li>Fatores externos podem afetar a capacidade de leitura </li></ul><ul><ul><li>Iluminação ambiente </li></ul></ul><ul><ul><li>Uso de óculos </li></ul></ul><ul><ul><li>Uso de lentes de contato </li></ul></ul><ul><ul><li>Configuração de cor, brilho e contraste do monitor </li></ul></ul><ul><li>Textos que confundem-se com o fundo da página </li></ul><ul><li>Textos em itálico </li></ul>
  8. 8. Corpo do Texto: A regra dos dez pontos <ul><li>Diferentes fontes, mesmo tamanho aparentam tamanhos diferentes </li></ul><ul><li>Planejar para diferenças de hardware </li></ul><ul><ul><li>Resolução </li></ul></ul><ul><ul><li>Versão do Browser </li></ul></ul><ul><li>Nivelar pela configuração mais antiga ou predominante </li></ul>
  9. 9. Corpo do Texto: A regra dos dez pontos <ul><li>Percentual de utilização de resoluções </li></ul>1024 x 768 800 x 600 1280 x 800 Fonte: Google Analitcs
  10. 10. Especificações Relativas <ul><li>Definir tamanhos relativos ao invés de absolutos para os textos </li></ul><ul><li>Redimensionamento do texto através do browser </li></ul><ul><li>Oferecer aumento da fonte de maneira óbvia </li></ul>
  11. 44. <ul><li>Apropriadas </li></ul><ul><ul><li>Fragmentos de texto </li></ul></ul><ul><ul><li>Botões </li></ul></ul><ul><li>Ocorrência </li></ul><ul><ul><li>Fontes não-padrão </li></ul></ul>Imagens de Texto
  12. 45. <ul><ul><li>Tamanho de arquivos </li></ul></ul><ul><ul><li>Não Redimensionável </li></ul></ul><ul><ul><li>Acessibilidade </li></ul></ul><ul><ul><li>Busca impossível </li></ul></ul><ul><ul><li>Copiar Colar </li></ul></ul>Imagens de Texto
  13. 47. <ul><li>Irritabilidade </li></ul><ul><li>Confusão </li></ul><ul><ul><li>Anúncios publicitários </li></ul></ul><ul><ul><li>Atrair X Afugentar </li></ul></ul><ul><li>Controlar velocidade da leitura </li></ul><ul><ul><li>Problema para traduzir </li></ul></ul><ul><ul><li>Cansativo </li></ul></ul><ul><ul><li>Velocidade de leitura </li></ul></ul>Texto em Movimento

×