Planear um Website

Principais etapas

2

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;

3

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.

4

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.

5

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.

6

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?

7

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.

8

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,...

9

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.

10

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

Organizar a estrutura do site

11

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

12

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

Desenhar o esquema de navegação

13

Desenhar o esquema de navegação

Esquema de

navegação global

Esquema de

navegação contextual

Esquema de

navegação local

14

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.

15

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.

Prof.ª Eugénia Narciso 16

Layout

Deste modo, antes de elaborar o site deve ser definido o aspecto visual das páginas (Layout).

17

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.

18

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.

19

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