Módulo 4

Desenvolvimento de Páginas
Web Estáticas

Fundamentos do planeamento de um
website

Planear o website

 Estabelecer os seus objetivos;

 Refletir sobre a audiência;
 Listar as características e os conteúdos pretendidos
para o site;
 Organizar a estrutura do site;
 Desenhar o esquema de navegação;
 Definir a estrutura das páginas.

1
Planear o website
Estabelecer os seus objetivos

Antes da definição dos objetivos:

 efetuar um estudo prévio,
onde a equipa de desenvolvimento procura conhecer
todos os aspetos relacionados com a intenção de criar o
web site.

Este estudo prévio deve ser feito pela equipa de

desenvolvimento do website, em conjunto com os
“clientes”.

Planear o website
Estabelecer os seus objetivos (cont.)
Através da definição dos objetivos é necessário
identificar, de forma clara, uma resposta a questões como:
 a sua finalidade;
 os objetivos principais a atingir;
 a quem se destina;
 quais as informações a divulgar.

Conclusão: é necessário discriminar os objetivos por ordem da sua

importância, e divulgá-los a todos os elementos
envolvidos.

2
Planear o website
Refletir sobre a audiência
A reflexão deve ser efetuada 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?;

• Quais os novos utilizadores que podem ser fidelizados?.

Planear o website
Refletir sobre a audiência (cont.)

Desta reflexão deve resultar:

Uma lista onde são enumerados todos os
potenciais utilizadores.
Esta lista pode ser subdividida em conjuntos
definidos com objetivos mais específicos.

3
Planear o website
Listar as características e os conteúdos pretendidos para o site

A lista das características pretendidas deve ser efetuada

tendo por base os dados das duas etapas anteriores,
identificando:
• a marca principal;

• outras propriedades que caracterizam o site, que

permitem diferenciá-lo dos demais, ainda que
considerados dentro da mesma categoria.

A inventariação dos conteúdos pretendidos para o site

resulta também dos dados das duas etapas anteriores.

Planear o website
Organizar a estrutura do site

Na organização da estrutura do site temos que definir as

ligações entre as páginas que o compõem e esta
organização deve ser:
• intuitiva;
• e fácil de compreender pelo utilizador.

4
Planear o website
Organizar a estrutura do site (cont.)

De acordo com as ligações estabelecidas entre as páginas

de um site, podem existir diferentes tipos de estruturas
como:
• hierárquico;
• rede;
•ou a combinação dos dois, com maior ou menor
complexidade.

Planear o website
Organizar a estrutura do site (cont.)

O ideal é encontrar o ponto de equilíbrio, para evitar que o

utilizador:
• efetue muitos cliques para atingir a informação
pretendida;
• tenha de escolher uma opção de entre muitas opções
possíveis.

O tamanho do site pode influenciar de forma decisiva a

organização da sua estrutura e, por isso, esta deve ser
ponderada com flexibilidade.

10

5
Planear o website
Desenhar o esquema de navegação

Desenhar o esquema de navegação de um website significa

definir a sua estrutura de orientação (descrita em
documentos – blueprints), de forma a facilitar a procura da
informação por parte dos utilizadores.

Os blueprints – são documentos criados para descrever as

relações entre as páginas, que permitem, depois, definir e
construir o esquema de navegação do website.

11

Planear o website
Desenhar o esquema de navegação (cont.)

Esquemas de navegação de um website:

• Global;
• Local;

• Contextual.

Dentro dos esquemas de navegação referidos acima,

podem identificar-se os seguintes tipos de navegação:
• externa e interna.

12

6
Planear o website
Desenhar o esquema de navegação (cont.)
Esquemas de navegação de um website:

•Global – as hiperligações (permitem o acesso às principais

áreas do website) encontram-se, normalmente, em todas as
páginas do site e no topo destas;

•Local – as hiperligações (permitindo o acesso a locais mais

específicos dentro da área em que o utilizador se encontra)
encontram-se, habitualmente, no lado esquerdo do site;

•Contextual – as hiperligações permitem acessos a locais não

abrangidos pelos esquemas de navegação global e local.

13

Planear o website
Desenhar o esquema de navegação (cont.)

Tipos de navegação de um website:

Navegação externa – quando as hiperligações permitem

navegar para outras páginas do mesmo site.

Navegação interna – quando as hiperligações permitem

navegar dentro da mesma página.

14

7
Planear o website
Definir a estrutura das páginas

A definição da estrutura das páginas é a última etapa do

planeamento de um website antes da sua implementação,
publicação e manutenção.
Nesta etapa pode ser necessário, inicialmente, a
elaboração em papel, do esquema da estrutura das
páginas com a disposição dos seus componentes e ir
avaliando as várias hipóteses.

15

Planear o website
Definir a estrutura das páginas (cont.)

Nesta etapa devem ser definidas as resoluções das

páginas para a sua impressão e visualização (os valores
adoptados devem evitar o aparecimento e a utilização da
barra de deslocamento horizontal) por diferentes
equipamentos.

16

8
Planear o website
Definir a estrutura das páginas (cont.)

A disposição e as características dos componentes das

páginas devem ser definidas
de forma a criar níveis de destaque,
de acordo com o grau de importância destes.

17

Planear o website
Definir a estrutura das páginas (cont.)

A definição da estrutura das páginas tem como objetivo

obter o equilíbrio entre:
• o aspeto estético,
• a funcionalidade
• e o conteúdo informativo das mesmas.

18