Web Boaspraticas2007

344 visualizações

Publicada em

Publicada em: Educação, Tecnologia, Negócios
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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

Nenhuma nota no slide

Web Boaspraticas2007

  1. 1. Boas Práticas em Web Design Denise Zornoff NEAD.TIS - FMB 2007
  2. 2. Planejamento da página O que e para quem? Audiência   Conteúdo  Manutenção
  3. 3. Conteúdo Objetivo do site Autor, editor, e-mail Origem da informação Critérios de qualidade usados Data de criação/atualização Tendências (patrocínio)
  4. 4. Propriedades Legibilidade Honestidade Respeito pela propriedade intelectual Acurácia Durabilidade Manutenção adequada
  5. 5. Redação e Edição Pontos principais no topo Conciso Parágrafos curtos (2-5 sentenças) Sentenças simples (menos que 17 palavras) Tempo verbal presente, evitar voz passiva Uso de palavras específicas Direto Positivo
  6. 6. Redação e Edição Cuidado na escolha dos itens do menu Títulos significativos Texto consistente Checagem ortográfica Livre de redundâncias (links versus cut & paste) Cautela no uso de pontuação Sublinhar apenas links Evitar frases como “clique no link” “site em construção ou manutenção”
  7. 7. Layout e Navegabilidade Design limpo Número limitado de hiperlinks Facilidade para ajuda ou contato Texto escuro com fundo claro Alinhado à esquerda Uso limitados de gráficos Capacidade de busca Localização do usuário
  8. 8. Padrão de leitura na Web Mapa de calor - estudo do movimento dos olhos em 3 websites. Áreas mais olhadas em vermelho e as menos olhadas em azul. Áreas cinza não atraíram atenção fixa Nielsen, Jakob (2006) F shaped pattern for reading web content.http://www.useit.com/alertbox/reading_pattern.html
  9. 9. Padrão em “F” Usuários não lêem texto na íntegra Os dois primeiros parágrafos devem conter as principais informações Inicie cabeçalhos, parágrafos e marcadores de numeração com palavras significativas
  10. 10. Acessabilidade World Wide Web Consortium (W3C) - http://www.w3.org/TR/WCAG10/
  11. 11. Imagens Tamanho Resolução “thumb-nail” Atributos ALT
  12. 12. Bibliografia Writing for the Internet. Dorner, J. 2002. Pp. 105-109 useit.com: Jakob Nielsen's Website http://www.useit.com/
  13. 13. Mãos à obra! Dúvidas e sugestões Denise Zornoff – NEAD.TIS FMB UNESP virtual@fmb.unesp.br

×