O documento apresenta uma metodologia para criação de sites dividida em 6 etapas: 1) Briefing, 2) Estrutura de Navegação, 3) Cronograma, 4) Criação da Interface, 5) Programação e 6) Manutenção. A estrutura de navegação define os elementos da página e formas de organizar a informação, enquanto a interface cria a identidade visual do site considerando usabilidade.

1. Metodologia para
criação de sites
Celina Uemura

2. Importância / Relevância
• organização da informação (informação
redundante, ausência de informação)
• atualização de dados
• definição do projeto (usos, aplicações,
usuários, necessidades como acesso a
banco de dados, animações)
• transparência para o cliente

3. Metodologia, suas etapas:
1. Briefing
2. Estrutura de Navegação
3. Cronograma
4. Criação da Interface
5. Programação
6. Manutenção

4. Briefing
• Público-alvo (incluindo a resolução de
monitor, tipo de usuário)
• Perfil da empresa ou produto (estratégia de
marketing)
• Objetivos do site
• Conteúdo e material disponível
• Sites concorrentes, relacionados e/ou
indicações
• Atualização

5. Estrutura de Navegação
• Mapa do site - detalhamento das páginas
• Elementos da página - animações (plug-ins),
imagens (ilustrações, fotos), botões (menus),
formulários, texto, tabelas, links
• Elementos de navegação - sistemas de
buscas, indexação, sistema de rótulos e títulos.

6. Estrutura de Navegação
Formas de organizar a informação:
• em ordem alfabética
• ordem cronológica
• ordem geográfica, por tópicos
• orientado a tarefas (menu de sistemas
operacionais)
• direcionada a audiência (imprensa,
estudantes)
• através de metáforas

7. Estrutura de navegação

8. Definição de Conteúdo

9. Cronograma
• Prazos de entrega de material por parte do
cliente
• Reuniões de aprovação de documentação e
design
• Testes

10. Interface
• Criação de uma identidade para o site
(logomarca, padrão de cores e tipografia)
• Usabilidade fácil e amigável

11. Usabilidade
• Botões clicáveis - tornar óbvio o que é
clicável.
• Links óbvios
• Menus “fixos”
• Hierarquia Visual
• Convenções (Metáforas conhecidas)
• Títulos óbvios e curtos
• Rótulos e ícones

12. Usabilidade
• Indicador “você está aqui”
• Buscas

13. Programação e Manutenção
• A partir da criação e aprovação da estrutura
de navegação é possível dar início ao
processo de programação.
• A manutenção se dá de acordo com a
necessidade do projeto com um
acompanhamento e análise de áreas
acessadas e não acessadas.