PLANEAMENTO DO SITE. - Objectivos. - Público-alvo. -Estrutura. - Navegação

Transcrição

1 PLANEAMENTO DO SITE Desenhar e planear o site tendo em conta: - Objectivos - Público-alvo -Estrutura - Navegação MCM

2 Objectivos Entender a posição do cliente O que se pretende com a criação do site? Listar todos os objectivos usá-los mais tarde no design do site Grau de complexidade dos objectivos afecta: - o sistema de navegação - a tecnologia a usar - o design do site Exemplo: o design e o sistema de navegação devem ser diferentes num site de notícias e num site comercial. MCM

3 Público-Alvo Quem vai utilizar o site? O site deve estar orientado para os seus destinatários principais. Ter em conta: - diferente tipo de equipamento - diferente plataforma (Windows/Macintosh) - diferente velocidade de acesso à Internet - diferente tipo de browser - diferentes gostos pessoais Desenho do site. MCM

4 Estrutura A relação utilizador/informação disponível estabelece-se através de: - Definição da estrutura organizacional da informação do site - Forma de acesso a essa mesma informação (navegação) Estrutura da informação faz-se através de níveis/ subníveis MCM

5 Navegação A ligação entre páginas tem de ser: - perceptível para o utilizador - coerente e consistente ao longo de todo o site O utilizador tem de saber sempre: - onde se encontra - títulos, cores coerentes e consistentes ao longo do site - onde andou - links com uma cor diferente para visitado manter cores tradicionais dos links azul para não clicado violeta para clicado. - para onde vai - descrição do que vai encontrar, alterar a cor de um link quando se faz rollover MCM

6 Estrutura vs Navegação Estrutura - a forma como o conteúdo está organizado Navegação - forma de apresentar ao utilizador a estrutura do site Algumas opções de navegação: - categorias (assuntos) - localização geográfica - idioma - personalizada (áreas restritas) - segmento de cliente - produto MCM

7 Layout Ao desenhar um site, ter em conta: - desenhar para o utilizador conteúdo que ele quer e apresentado como ele quer - conteúdo bem organizado para que seja fácil de pesquisar e navegar - o layout tipo jornal : conteúdo curto e apelativo - seguir as convenções da web não ser original no layout mas sim ser original no conteúdo - pensar na interactividade; encorajar o feedback do utilizador - manter o site simples (KIS Keep It Simple) MCM

8 Seguir preferencialmente as convenções da web (I) Logótipo Caixa de Pesquisa Home/ Categoria A/ Categoria B/ / Acerca de/ Contactos Categoria A -Subcategoria 1 -Subcategoria 2 -Subcategoria 3 -Subcategoria 4 -Subcategoria 5 2º nível 1º nível Navegação de Home/ Categoria A/ Categoria B/ / Acerca de/ Contactos Cabeçalho Rodapé condições de utilização/ copyright/ privacidade/ Navegação principal - topo e rodapé de cada página, contendo ligações para as secções principais do site. MCM

9 Seguir preferencialmente as convenções da web (II) Algumas regras: - Informar sempre bem o utilizador. - Optimizar o layout para uma largura de 800 pixeis compatibilidade máxima. (na prática deve ser 760 para dar lugar à barra de scroll vertical) - É preferível o scrolling (vertical) ao clique repetido de uma página para outra. -As páginas principais devem ter um máximo de 2 ecrãns de altura, ou menos. MCM

10 Seguir preferencialmente as convenções da web (III) Algumas regras: - O scroll só deve ser vertical e nunca horizontal. -A navegação principal deve ser consistente em cada página. - Nunca usar texto em forma de imagem (mais tempo a descarregar e cria problemas de acessibilidade) - Páginas leves com poucas imagens (para que possam ser descarregadas rapidamente mais de 10 segundos, a maior parte dos utilizadores desiste) MCM

11 Seguir preferencialmente as convenções da web (IV) Algumas regras: - Oferecer o produto logo na primeira página. Não utilizar páginas desnecessárias. - Colocar os contactos acessíveis, não escondidos. - Fomentar a opinião dos utilizadores. - Fidelizar os utilizadores, através de newsletters por com conteúdo de qualidade e com regularidade. - Não usar mal os dados dos utilizadores. Respeitar a sua privacidade. MCM

12 USABILIDADE O que é? Facilidade com que o utilizador navega num site. 7 regras básicas: - Clareza na estrutura da informação - Facilidade de navegação - Simplicidade - Relevância no conteúdo - Manter a consistência - Tempo de descarga suportável - Foco no utilizador MCM

13 Guardar todo o site numa pasta (I) - Criar uma Pasta para guardar tudo o que constitui o site -CriarSubpastas para as várias áreas do site (itens de navegação de 1º nível) -CriarSubpastas para imagens exclusivamente usadas no site, uma em cada pasta de um item de naveg. 1º nível Nomes curtos e intuitivos fácil identificação Pasta: - Subpasta A: - Imagens A - Subpasta B: - Imagens B - Subpasta C: - Imagens C MCM

14 Guardar todo o site numa pasta (II) Criar uma pasta para guardar todos os ficheiros que digam respeito ao site. Dentro dessa pasta, criar outra pasta só para todas as imagens do site. MCM