Upload
internet
View
108
Download
0
Embed Size (px)
Citation preview
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