1

Criação de um Web site

Clara Pereira Coutinho

Componentes

• Home• Menu• Conteúdo• Navegação• Páginas do site: ligações internas e externas

Página inicial

• Deve caber no rectângulo do monitor (evitar o scrolling)

• deve compreender o assunto do site,• como o usar• e ter indicações sobre o que pode ver (encontrar)

quando o percorrer• autor do site• data da concepção/última alteração• optimização do site (I.E. e resolução do monitor)

Processo de Concepção

• Planear o site (organizar a informação)• conteúdo• navegação no site• E os níveis de interacção.

2

Navegação no site

• Deve proporcionar confiança ao utilizador– saber onde está– saber como ir para...

• Torna-se intuitiva quando existe consistência na sua localização

Texto

• Simplicidade e clareza

• Legibilidade e efeito estético

• Tipo de letra: sem serifa

Exemplos: arial, helvética

• Tamanho: 10 ou 12

Cor

• Web palette (216 cores)

• É importante haver contraste entre o fundo e os caracteres

• A cor pode ser um indicador da relevância da informação

Cuidados!

• Não coloque demasiadas opções

• O conteúdo central deve ficar acima da linha do “scroll”

• Não conceba uma página pesada que vai demorar a ser descarregada

3

5 princípios de design (J. Davis e S. Merritt (1998)

• Comunique com clareza

• Mantenha consistência visual, conceptual e mecânica

• Tire partido dos contrastes

• Evite a confusão e a desordem: equilíbrio

• Aplique os princípios do cinema: início, meio e o fim

Site

Três condições de sucesso:• Rápido acesso• Atraente• deve ser fácil e rápido encontrar a informação

Padrão de comportamento visual para a leitura de conteúdos on-line.

Zonas prioritárias para colocação de conteúdos on-line

4

10 principais erros num site (Nielsen, 1994)

1. FramesEmbora a maioria dos browsers já suporte os frames, o

uso de frames continua a não permitir que o utilizador recomende um link de uma determinada página dentro do site.

2. Usar tecnologia de pontaOs upgrades do software leva a que muitos utilizadores

desistam de visitar um site ao mínimo erro de javascript.

3. Movimento do texto e animações em loop

- É difícil ler um texto em deslocamento- o uso intensivo de animações causa cada vez mais

problemas sendo associados pelos utilizadores a publicidade.

4. URL complexas e longas

5. Páginas orfãs

6. Páginas com barras de scroll90% dos utilizadores da Web não fazem o scroll

das páginas. Preferem navegar através dos botões e de links visíveis.

7. Falta de suporte na navegação

É importante o utilizador saber sempre onde se encontra num documento Web e poder aceder sempre a qualquer parte do documento.

Suportes á navegação: logótipo no canto superior esquerdo, link para a homepage ou indicação clara de que parte do site a pagina corrente pertence.

5

8. Utilização de cores não standard para os links

9. Informação desactualizada

10. Tempo de download elevado+ do que 10 segundos de espera para carregar uma

página leva a que o utilizador desista

Concepção e gestão do site

• Pasta principal com o nome do projecto e uma pasta para guardar as imagens

• Defina previamente as pastas que vai precisar e onde vai colocar os ficheiros (deslocar ficheiros para outras pastas obriga-o a refazer os links)

• designe os seus ficheiros de uma forma correcta e consistente

• Quando designar os ficheiros e links não use espaços. Por ex:

manualEd.html ou manual_Ed.html

• seja cuidadoso na actualização do site (designe a versão antiga)