Planear um Website Principais etapas.

Apresentação em tema: "Planear um Website Principais etapas."— Transcrição da apresentação:

1 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 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

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

13 Desenhar o esquema de navegação
Esquema de navegação global Esquema de navegação local Esquema de navegação contextual

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.

16 Layout Deste modo, antes de elaborar o site deve ser definido o aspecto visual das páginas (Layout). Prof.ª Eugénia Narciso

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