Metodologia para criação de sites

7.623 visualizações

Publicada em

Apresentação para conclusão de curso de graduação de desenho industrial com enfase em programação visual. Produzido em 2001, com conteúdo ainda atual (2015).

Metodologia para criação de web sites:
briefing, planejamento, programação, desenvolvimento, organização de conteúdo, arquitetura de informação, wireframe

Publicada em: Educação
0 comentários
8 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
7.623
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3.369
Ações
Compartilhamentos
0
Downloads
182
Comentários
0
Gostaram
8
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Metodologia para criação de sites

  1. 1. Metodologia para criação de sites Celina Uemura
  2. 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. 3. Metodologia, suas etapas:1. Briefing2. Estrutura de Navegação3. Cronograma4. Criação da Interface5. Programação6. Manutenção
  4. 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. 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. 6. Estrutura de NavegaçãoFormas 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. 7. Estrutura de navegação
  8. 8. Definição de Conteúdo
  9. 9. Cronograma• Prazos de entrega de material por parte do cliente• Reuniões de aprovação de documentação e design• Testes
  10. 10. Interface• Criação de uma identidade para o site (logomarca, padrão de cores e tipografia)• Usabilidade fácil e amigável
  11. 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. 12. Usabilidade• Indicador “você está aqui”• Buscas
  13. 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.

×