Aula05 webdesign

1,053 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,053
On SlideShare
0
From Embeds
0
Number of Embeds
304
Actions
Shares
0
Downloads
52
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aula05 webdesign

  1. 1. WEBDESIGN- UNIDADE II -ESTRUTURAÇÃO PARA A CRIAÇÃO DESITEArquitetura da Informação (AI)
  2. 2. Conceito - Arquitetura da informação2  “A ciência e a arte de organizar e rotular websites, intranets, comunidades online e software para dar suporte à usabilidade e facilitar a busca das informações.” (Information Architecture Institute)
  3. 3. Exemplo - Arquitetura da informação3
  4. 4. Exemplo - Arquitetura da informação4
  5. 5. Por que usar?5  Uma má arquitetura da informação pode trazer grandes prejuízos para as empresas.  27% das causas de insucesso das vendas em um site de comércio eletrônico são porque o usuário não encontrou as informações.
  6. 6. 6 Exemplos de MAU USO da Arquitetura da Informação (AI)
  7. 7. Exemplos de MAU USO da AI7 www.universodobebe.com.br
  8. 8. Exemplos de MAU USO da AI8 www. mcdonalds.com.br
  9. 9. Exemplos de MAU USO da AI9 www.bobs.com.br
  10. 10. 10 Exemplos de USO CORRETO da Arquitetura da Informação (AI)
  11. 11. Exemplos de USO CORRETO de AI11 www. habibs.com.br
  12. 12. Exemplos de USO CORRETO de AI12 www.voegol.com.br
  13. 13. Exemplos de USO CORRETO de AI13 www.submarino.com.br
  14. 14. Ciclo de vida para estruturação de site14 ARQUITETURA COLETA DESIGN DO SITE DESENVOLVI- DA DE DADOS MENTO INFORMAÇÃO
  15. 15. Papel do Arquiteto da Informação15  Facilitar o acesso à informação  Evidenciar as informações mais importantes  Retirar informações desnecessárias  Equilibrar as características e necessidades dos usuários, contexto e conteúdo.
  16. 16. www16 Obrigatoriamente TODO SITE deve ser feito a sua Arquitetura da Informação
  17. 17. Tripé da Arquitetura da Informação17 CONTEXTO CONTEÚDO USUÁRIOS
  18. 18. Tripé da Arquitetura da Informação18 CONTEXTO  Objetivos da organização, políticas, cultura, tecnologia e recursos humanos
  19. 19. Tripé da Arquitetura da Informação19 CONTEÚDO  Documentos, formatos/tipos, objetos, estrutura existente
  20. 20. Tripé da Arquitetura da Informação20 USUÁRIOS  Audiência, tarefas, necessidades, comportamento de busca de informação, experiência, vocabulário
  21. 21. Componentes da21 Arquitetura da Informação  Sistemas de organização  Sistemas de rotulagem  Sistemas de navegação  Sistemas de busca
  22. 22. Sistemas de Organização22  Exatas  Ambíguas - Alfabética - Tópico - Cronológica - Tarefa - Geográfica - Audiência - Metáfora - Híbrida
  23. 23. Sistemas de Organização23
  24. 24. Sistemas de Organização24
  25. 25. Sistemas de Rotulagem25  São os nomes das diferentes categorias do site  Aparece no sistema de navegação  É um dos mais importantes aspectos e um dos mais difíceis de ser realizado  Necessita-se refletir sobre o conteúdo para redigir na linguagem do usuário  Pode ser em forma textual ou como imagem (ícone representativo)
  26. 26. Sistemas de Rotulagem26
  27. 27. Sistemas de Rotulagem27
  28. 28. Sistemas de Navegação28 Trata-se de especificar os modelos de navegação que serão vistos pelo usuário de forma que possam se mover pelo espaço informacional e hipertextual.
  29. 29. Sistemas de Navegação29 O sistema de navegação se apresenta em dois níveis de localização ou possui duas funções básicas para o usuário (Reis, 2007; Nielsen, 2000):  1) indicar sua localização: mostra a posição do usuário em relação ao website como um todo e identifica em que website o usuário está; e  2) mostrar o caminho correto para seguir e chegar ao seu destino: posiciona o usuário em relação à estrutura interna do website.
  30. 30. Sistemas de Navegação30 Tipos de Sistemas de Navegação  Global  Local  Contextual  Auxiliar
  31. 31. Sistemas de Navegação31
  32. 32. Sistemas de Navegação32 NAVEGAÇÃO LOCAL
  33. 33. Sistemas de Navegação NAVEGAÇÃO CONTEXTUAL33
  34. 34. Sistemas de Navegação NAVEGAÇÃO AUXILIAR34
  35. 35. Sistemas de Busca35  Interface de Busca  Áreas de Busca  Linguagem de Busca  Resultado
  36. 36. REFERÊNCIAS36  BIBLIOTECA VIRTUAL http://www.guilhermo.com/ai_biblioteca/assunto.asp?assunto=1
  37. 37. OBRIGADO!37  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com

×