Planear um Website
Principais etapas
Planear um Website

Conjunto de etapas:





Estabelecer os objetivos;
Refletir sobre a audiência;
Listar as características pretendidas para o site;
Organizar a estrutura do site;
Definir a estrutura das páginas;
2
Estabelecer os seus objectivos




O estabelecimento dos objectivos do website na fase de
planeamento
permite
estruturar
todo
o
seu
desenvolvimento;
Antes é necessário efectuar um estudo prévio, em que a
equipa de desenvolvimento procura conhecer todos os
aspectos relacionados com a intenção de criar o
website;
É necessário identificar, de forma clara, uma resposta a
questões como a sua finalidade, os objectivos principais
a atingir, a quem se destina e quais as informações a
divulgar;
É necessário descriminá-los por ordem da sua
importância, devendo ser divulgados a todos os
elementos envolvidos.
3
Objetivos

Fase 1 – Definir os objetivos do Web Site



Para quê?
Qual o propósito ou finalidade do Web Site?
Uma definição sucinta dos objetivos é necessária
e útil para fundamentar as decisões que se
tomam quanto à sua estrutura, conteúdo e
manutenção.
4
Reflectir sobre a audiência


A reflexão sobre a audiência do website a
desenvolver deve permitir conhecer melhor os
potenciais futuros utilizadores;
Deve ser feito em conjunto com os “clientes” e
procurar respostas para questões como quem são
os potenciais utilizadores, que idades têm, qual o
seu nível económico, que nível de instrução
possuem, quais os seus interesses, quais as suas
competências técnicas, quais as actividades
desempenhadas e quais os novos utilizadores que
podem ser fidelizados.
5
Público

Fase 2 – Caracterizar o público-alvo



Para quem?
A quem se dirige?
Para qualquer pessoa em geral, ou para um
determinado tipo de utilizador?
6
Listar as características e os conteúdos
pretendidos para o site


Deve ser efectuada tendo por base os dados
das duas etapas anteriores, identificando a
marca principal e outras propriedades que
caracterizam o site e permitem diferenciá-lo
dos demais;
Exemplo: O google, apesar do logótipo sofrer
alterações de acordo com os diferentes
momentos, o website continua a manter as
suas características de marca, que o
permitem identificar facilmente.
7
Conteúdos

Fase 3 – Identificar os conteúdos a
publicar




O quê?
Que informação deve conter?
Devem ter em conta os objectivos definidos, o
públicoalvo.
Trabalhos pessoais, imagens, conteúdos
multimédia,...
8
Organizar a estrutura do site



Passa pela definição das ligações entre as páginas
que o compõem;
Deve ser intuitiva e fácil de compreender pelo
utilizador;
De acordo com as ligações que são estabelecidas
entre as páginas de um site, podem existir
diferentes tipos de estruturas:



Hierárquico;
Rede;
Combinação dos dois, com maior ou menor complexidade.
9
Organizar a estrutura do site

A situação ideal é encontrar um ponto de
equilíbrio, para evitar que, por um lado, o
utilizador efectue muitos cliques para atingir
a informação pretendida e, por outro lado,
tenha de escolher uma opção de entre
muitas opções possíveis
10
Organização da informação

Fase 4 – Estruturar o site




Trata-se de pensar o site em termos globais ou
de estrutura (não ainda em relação aos detalhes).
Executar um esboço ou esquema das páginas
que vão integrar o site;
Organizar o site por secções;
Definir relações ou ligações entre as páginas estrutura hierárquica.
Esquema de
Navegação
11
Desenhar o esquema de navegação

Existem vários esquemas de navegação:




Global – as hiperligações encontram-se, normalmente, em
todas as páginas do site e no topo destas; permitem o
acesso às principiais áreas do website.
Local – as hiperligações encontram-se, habitualmente, no
lado esquerdo do site; permitem o acesso a locais mais
específicos dentro da área em que o utilizador se encontra.
Contextual – as hiperligações permitem o acesso a locais
não abrangidos pelos esquemas de navegação global e
local.
As navegações externas permitem navegar para
outras páginas do mesmo site; as navegações
internas permitem navegar dentro da mesma
página
12
Desenhar o esquema de navegação
Esquema
de
navegação
global
Esquema
de
navegação
local
Esquema
de
navegação
contextual
13
Definir a estrutura das páginas




É a última etapa do planeamento de um website antes
da sua implementação, publicação e manutenção;
Pode ser feito em papel, um esquema da estrutura de
páginas com a disposição dos seus componentes e
avaliando as várias hipóteses;
São definidas as resoluções das páginas para
impressão e visualização por diferentes equipamentos;
A definição da estrutura das páginas não pode perder de
vista o objectivo de obter um equilíbrio entre o aspecto
estético, a funcionalidade e o conteúdo informativo das
mesmas.
14
Estrutura

Fase 5 – Estrutura das páginas

Manter uma identidade visual própria que se deve
manter ao longo de todas as páginas para que o
utilizador encontre a informação que procura
utilizando sempre os mesmos procedimentos.
15
Layout

Deste modo, antes de elaborar o site deve ser
definido o aspecto visual das páginas (Layout).
Prof.ª Eugénia Narciso
16
Alguns cuidados a ter:






Destacar o título utilizando formatos maiores,
maiúsculas ou negrito;
Aplicar nas listagens marcas e/ou numeração;
Identificar claramente os links e a página para onde
remete;
Não sobrecarregar as páginas com muitas cores, de
forma a não distrair o utilizador. Não usar mais de três
cores.
Escolher uma cor de fundo neutra que garanta
legibilidade.
O excesso de objectos multimédia sobrecarrega as
páginas e torna a navegação lenta e difícil.
17
Imagens, Sons e Vídeo
As imagens devem ser gravadas em formatos adequados às
suas características:
– GIF: imagens com poucas cores.
– JPG ou JPEG – fotografias, imagens com muitas tonalidades.

Os sons:
– WAVE: utilizado apenas em ambiente windows, ocupa muito
espaço e torna a página lenta.
– MPEG: ficheiros mais leves.

Os vídeos introduzem muita lentidão na visualização das
páginas. Os formatos mais utilizados são:
– MPEG: relativamente pouco pesados e com qualidade.
– AVI: ocupa muito espaço.

18
Exercício
Utilizando um processador de texto, elabore
o plano de um site com o máximo de seis
páginas. Nesse documento deve definir:
– O tema
– O público-alvo
– A informação a integrar em cada página
– As imagens/sons/vídeos a incluir
– O layout da página mais adequado
– O esquema hierárquico das páginas

19