Fundamentos Essenciais do Planeamento e Design Web

Fases de Planeamento de um Website

O planeamento eficaz de um website envolve as seguintes etapas:

1. Estratégia de Objetivos: Definição clara dos fins do projeto.
2. Estratégia de Público-Alvo: Identificação e análise dos utilizadores pretendidos.
3. Vigilância Concorrencial: Determinar os principais concorrentes do site, analisar como respondem à sua clientela e, eventualmente, identificar as suas lacunas.
4. Cenários: Consiste em colocar-se na perspetiva do utilizador e imaginar os diferentes casos de utilização possíveis do site.
5. Caderno de Encargos: Documento que permite ao cliente definir as suas necessidades junto do gestor de projeto.
6. Planificação: Fazer uma lista das pessoas que trabalham no projeto, repartir as tarefas, estabelecer o planeamento e calcular o orçamento global do projeto.
7. Estudo de Viabilidade: O site deve ser analisado em termos de orçamento e tempo de execução.

Ergonomia e Usabilidade Web

Ergonomia é a utilização de conhecimentos científicos relativos ao ser humano (psicologia, fisiologia, medicina) com o objetivo de melhorar o seu ambiente de trabalho e a interação com sistemas.

Critérios Determinantes para um Website:

Os critérios seguintes são geralmente determinantes para a usabilidade de um website:

• Expectativas do utilizador;
• Hábitos do utilizador;
• Idade do utilizador;
• Equipamentos (dispositivos);
• Nível de conhecimentos.

Tipos de Memória (Psicologia Cognitiva):

As teorias da psicologia distinguem três tipos de memórias:

1. Memória Sensorial: Permite armazenar a informação sensorial.
2. Memória a Curto Prazo (MCP): Capaz de armazenar um número restrito de unidades de informação.
3. Memória a Longo Prazo (MLP): Capaz de armazenar um número infinito de informações.

Estrutura e Elementos Clássicos de um Website

1. Percurso Visual
2. Estruturação do Website
3. Os Clássicos:
   • Logótipo do Website: Um clique neste logótipo conduz diretamente à página inicial do site.
   • Link (Hiperligação) para a Página Inicial: Presente em cada página do site.
   • Elementos de Navegação: Permitem ao utilizador situar-se no site.
4. Elementos de Navegação Específicos:
   • Fio de Ariadne (sequência de links hierarquizados);
   • Navegação por Separadores (Tabs);
   • Mapa do Site (Sitemap);
   • Testes de Navegação.

Introdução ao Webdesign

O Webdesign é a disciplina que consiste em estruturar os elementos gráficos de um website para traduzir, através de uma dimensão estética, a identidade visual da empresa ou da organização.

Para a construção, é necessário considerar:

• A Necessária Inspiração: O desenho de uma página Web é sobretudo um ato artístico que combina invenção e criatividade.
• Estatuto Gráfico: Define o aspeto gráfico da página.
• Maqueta (Mockup): Apresenta o grafismo do site e a sua navegação.
• Dimensões das Páginas
• Posição das Informações
• Escolha das Cores, Imagem e Tipografia
• Símbolos Gráficos

Estrutura Tradicional de uma Página Web:

1. Um logótipo situado na parte superior esquerda.
2. Uma zona de navegação (menu), situada à esquerda e/ou direita.
3. Uma rubrica que contém o nome do site.
4. Um corpo de página, contendo o essencial da informação.
5. Um rodapé que reúne informações úteis (como a data de atualização).

Conteúdos Otimizados para Web

Qualificação da Informação:

A informação deve ser apresentada em frases simples, claras, precisas e concisas.

Os elementos indispensáveis em qualquer conteúdo são:

• Um título explícito;
• O nome do autor;
• A data da última modificação;
• Os direitos de autor;
• As eventuais fontes de informação.

Estilo Editorial:

Permite garantir uma coerência global na redação dos artigos.

Calibragem:

Determinação do comprimento ideal do artigo.