O slideshow foi denunciado.
Boas Práticas em Web
       Design

      Denise Zornoff
       NEAD.TIS - FMB
           2007
Planejamento da página
O que e para quem?
  Audiência


 Conteúdo

 Manutenção
Conteúdo
Objetivo do site
Autor, editor, e-mail
Origem da informação
Critérios de qualidade usados
Data de criação/atualiz...
Propriedades
Legibilidade
Honestidade
Respeito pela propriedade intelectual
Acurácia
Durabilidade
Manutenção adequada
Redação e Edição
Pontos principais no topo
Conciso
Parágrafos curtos (2-5 sentenças)
Sentenças simples (menos que 17 palav...
Redação e Edição
Cuidado na escolha dos itens do menu
Títulos significativos
Texto consistente
Checagem ortográfica
Livre ...
Layout e Navegabilidade
Design limpo
Número limitado de hiperlinks
Facilidade para ajuda ou contato
Texto escuro com fundo...
Padrão de leitura na Web




Mapa de calor - estudo do movimento dos olhos em 3
websites. Áreas mais olhadas em vermelho e...
Padrão em “F”
Usuários não lêem texto na íntegra
Os dois primeiros parágrafos devem
conter as principais informações
Inici...
Acessabilidade
World Wide Web Consortium (W3C) -
http://www.w3.org/TR/WCAG10/
Imagens
Tamanho
Resolução
“thumb-nail”
Atributos ALT
Bibliografia
Writing for the Internet. Dorner, J. 2002.
Pp. 105-109
useit.com: Jakob Nielsen's Website
http://www.useit.co...
Mãos à obra!

        Dúvidas e sugestões
Denise Zornoff – NEAD.TIS FMB UNESP
        virtual@fmb.unesp.br
Próximos SlideShares
Carregando em…5
×

Web Boaspraticas2007

350 visualizações

Publicada em

Publicada em: Educação, Tecnologia, Negócios
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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

×