Planear um Website

Conjunto de fases:
Estabelecer os objectivos;
Reflectir sobre a audincia;
Listar as caractersticas pretendidas para o site;
Organizar a estrutura do site;
Definir a estrutura das pginas;
Planear um Website

Fases Estabelecer os objectivos

O estabelecimento dos objectivos do website na fase de

Fase 1 Definir os objectivos do Web Site
Para qu?
Qual o propsito ou finalidade do Web Site?
Uma definio sucinta dos objectivos necessria e til para
fundamentar as decises que se tomam quanto sua estrutura,
contedo e manuteno.
planeamento permite estruturar o seu desenvolvimento;
Antes necessrio efectuar um estudo prvio, em que a
equipa de desenvolvimento procura conhecer todos os
aspectos relacionados com a inteno de criar o website;
necessrio identificar, de forma clara, uma resposta a
questes como a sua finalidade, os objectivos principais a
atingir, a quem se destina e quais as informaes a divulgar.

3 4

1
Fases Reflectir sobre a audincia
A reflexo sobre a audincia do website a desenvolver
Fase 2 Caracterizar o pblico-alvo deve permitir conhecer melhor os potenciais futuros
utilizadores;
Para quem?
A quem se dirige?
Procurar respostas para questes como quem so os
Para qualquer pessoa em geral, ou para um determinado tipo
potenciais utilizadores, que idades tm, qual o seu nvel
de utilizador?
econmico, que nvel de instruo possuem, quais os seus
interesses, quais as suas competncias tcnicas, quais as
actividades desempenhadas e quais os novos utilizadores
que podem ser fidelizados.

5 6

Fases Caractersticas e contedos do site

Fase 3 Identificar os contedos a publicar Deve ser efectuada tendo por base os dados das etapas
O qu?
anteriores, identificando as propriedades que
caracterizam o site e permitem diferenci-lo dos demais;
Que informao deve conter?
Devem ter em conta os objectivos definidos, o pblico alvo.
Exemplo: O google, apesar do logtipo sofrer alteraes
Trabalhos pessoais, imagens, contedos multimdia,...
de acordo com os diferentes momentos, o website
continua a manter as suas caractersticas de marca, que o
permitem identificar facilmente.

7 8

2
Fases Organizar a estrutura do site

Fase 4 Estruturar o site

Trata-se de pensar o site em termos globais ou de estrutura
(no ainda em relao aos detalhes).
Executar um esboo ou esquema das pginas que vo integrar
o site;
Organizar o site por seces;
Definir relaes ou ligaes entre as pginas - estrutura
hierrquica.

9 10

Organizar a estrutura do site Organizar a estrutura do site

Definio das ligaes entre as pginas que o compem;

Deve ser intuitiva e fcil de compreender pelo utilizador;
De acordo com as ligaes que so estabelecidas entre as
pginas de um site, podem existir diferentes tipos de
estruturas:
Hierrquico;
Rede;
Combinao dos dois, com maior ou menor complexidade.

11 12

3
Desenhar o esquema de navegao Desenhar o esquema de navegao
Existem vrios esquemas de navegao:
Esquema
de
Global as hiperligaes encontram-se, normalmente, em todas navegao
as pginas do site e no topo destas; permitem o acesso s global
principiais reas do website.
Esquema
Local as hiperligaes encontram-se, habitualmente, no lado de
Esquema
esquerdo do site; permitem o acesso a locais mais especficos navegao
de
dentro da rea em que o utilizador se encontra. local
navegao
contextual
Contextual as hiperligaes permitem o acesso a locais no
abrangidos pelos esquemas de navegao global e local.

13 14

Fases Definir a estrutura das pginas

Fase 5 Estrutura das pginas
Manter uma identidade visual prpria que se deve manter ao
longo de todas as pginas para que o utilizador encontre a
informao que procura utilizando sempre os mesmos
procedimentos.
a ltima etapa do planeamento de um website antes da sua
implementao, publicao e manuteno;
Pode ser feito em papel, um esquema da estrutura de pginas
com a disposio dos seus componentes e avaliando as vrias
hipteses;

A definio da estrutura das pginas no pode perder de vista

o objectivo de obter um equilbrio entre o aspecto esttico, a
funcionalidade e o contedo informativo das mesmas.

15 16

4
Estrutura das pginas Alguns cuidados a ter:
Antes de elaborar o site deve ser definido o aspecto
visual das pginas (Layout). Destacar o ttulo utilizando formatos maiores, maisculas ou
negrito;
Aplicar nas listagens marcas e/ou numerao;
Identificar claramente os links e a pgina para onde remete;
No sobrecarregar as pginas com muitas cores, de forma a
no distrair o utilizador. No usar mais de trs cores.
Escolher uma cor de fundo neutra que garanta legibilidade.
O excesso de objectos multimdia sobrecarrega as pginas e
torna a navegao lenta e difcil.

17 18

Imagens, Sons e Vdeo Trabalho de Projeto

As imagens devem ser gravadas em formatos adequados s suas
caractersticas: Elabore o plano de um site com o mnimo de cinco
GIF: imagens com poucas cores. pginas. Nesse documento deve definir:
JPG ou JPEG fotografias, imagens com muitas tonalidades. O tema
O pblico-alvo
Os sons: A informao a integrar em cada pgina
WAVE: utilizado apenas em ambiente windows, ocupa muito espao e torna a
pgina lenta. Multimdia (imagens/sons/vdeos) a incluir
MPEG: ficheiros mais leves. O layout da pgina mais adequado
O esquema hierrquico das pginas
Os vdeos introduzem muita lentido na visualizao das pginas. Os
formatos mais utilizados so:
MPEG: relativamente pouco pesados e com qualidade.
AVI: ocupa muito espao.

19 20