Planear um Website

1
Planear um Website
2
Planear um Website

• Conjunto de etapas
• Estabelecer os objectivos
• Reflectir 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

• Fase 1 Definir os objectivos do Web Site
• Para quê?
• Qual o propósito ou finalidade do Web Site?
• Uma definição sucinta dos objectivos é 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

• 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

• 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

• 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

• 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

• 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