Musica do dia

quarta-feira, 29 de julho de 2009

Anotações do Livro Projetando Websites

A medida em que eu ia lendo o livro do Nielsen, eu ia anotando as coisas que julgava mais interessantes. Talvez o texto a seguir fique um pouco longo, mas não posso perder estas dicas preciosas :

A respeito da navegação:

  • Navegação minimizda
  • "liberdade de movimento"
  • Colocar um logotipo (com link para a homepage) em cada página para oferecer uma maneira rápida de voltar à página principal
  • Uso de "bread crumbs" ajuda a responder às perguntas: onde estou ? onde estive ?
  • Outros mecanismos importantes: mecanismos de busca interna e árvores de navegação

A respeito do layout:

  • O espaço em branco pode orientar o olhar e ajudar os usuários a entender o agrupamento das informações
  • Simplicidade -> menos tempo de transferência -> economia. "Se o design funcionar igualmente bem sem um dado elemento, retire-o"
  • Especificar páginas que permitam aos browsers otimizar a exibição do conteúdo conforme o contexto de cada usuário (web, palm, celular, tv digital)
  • "Colecione browsers !"
  • Recomenda-se separar significado de apresentação (folhas de estilo)
  • Especificar layouts como percentuais do espaço disponível
  • Não imbutir texto em elementos gráficos -> dificulta a tradução para outros idiomas e compromete a legibilidade em função da resolução de vídeo
  • Links visitados em vermelho e não visitados em azul (preferencialmente)
  • Texto conciso, layout de fácil leitura e linguagem objetiva. - Uma idéia por parágrafo
  • Usar cores de alto contraste entre fundo e letra.
  • Não usar imagens de fundo.

A respeito da disponibilização de conteúdo:

  • "Codificação semântica" -> permite que o dispositivo otimize a exibição de acordo com a sua capacidade
  • Usar thumbnails para exibir imagens
  • Oferecer uma versão para impressão de conteúdos muito longos.

A respeito da acessibilidade:

  • Permitir que usuários possam ajustar o tamanho da fonte
  • Fazer testes de alto contraste e com dosvox (por minha conta - lembrei que isso foi falado na palestra do Tiago - para não esquecer dois testes importantes)

A respeito dos mecanismos de ajuda:

  • Enfatizar o "como fazer" -> passo a passo
  • Usar "títulos de links" para fornecer uma breve visão sobre o que trata o link (palavra reservada title do html). Obs : o formato muda em cada navegador
  • Links ou títulos de links explicando conceitos difíceis
  • Mensagens de erro devem ser escritas em linguagem simples e centrada no usuário -> devem ajudar o usuário a superar o problema e aprender (para não repetir o erro)
  • Barras de progresso ou uso de cores indicando links mais rápidos ou mais lentos ajudam o usuário a prever o tempo de resposta para uma determinada ação

Nenhum comentário:

Postar um comentário