Boas Práticas em Web Design

Denise ZornoffNEAD.TIS - FMB

2007

Planejamento da página

O que e para quem? Audiência Conteúdo Manutenção

Conteúdo

Objetivo do siteAutor, editor, e-mailOrigem da informaçãoCritérios de qualidade usadosData de criação/atualizaçãoTendências (patrocínio)

Propriedades

Legibilidade HonestidadeRespeito 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 palavras) Tempo verbal presente, evitar voz passiva Uso de palavras específicasDiretoPositivo

Redação e Edição

Cuidado na escolha dos itens do menuTítulos significativos Texto consistente Checagem ortográfica Livre de redundâncias (links versus cut & paste)Cautela no uso de pontuaçãoSublinhar apenas linksEvitar frases como “clique no link” “site em construção ou manutenção”

Layout e Navegabilidade

Design limpo Número limitado de hiperlinksFacilidade para ajuda ou contatoTexto escuro com fundo claroAlinhado à esquerdaUso limitados de gráficosCapacidade de buscaLocalização do usuário

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 fixaNielsen, Jakob (2006) F shaped pattern for reading web content.http://www.useit.com/alertbox/reading_pattern.html

Padrão em “F”

Usuários não lêem texto na íntegraOs dois primeiros parágrafos devem conter as principais informaçõesInicie cabeçalhos, parágrafos e marcadores de numeração com palavras significativas

Acessabilidade

World Wide Web Consortium (W3C) -http://www.w3.org/TR/WCAG10/

Imagens

TamanhoResolução“thumb-nail”Atributos ALT

Bibliografia

Writing for the Internet. Dorner, J. 2002. Pp. 105-109useit.com: Jakob Nielsen's Website http://www.useit.com/

Mãos à obra!

Dúvidas e sugestões

Denise Zornoff – NEAD.TIS FMB UNESP

virtual@fmb.unesp.br