Your SlideShare is downloading. ×
Aula05 webdesign
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

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

  • Be the first to like this

No Downloads
Views
Total Views
708
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
48
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WEBDESIGN- UNIDADE II -ESTRUTURAÇÃO PARA A CRIAÇÃO DESITEArquitetura da Informação (AI)
  • 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. Exemplo - Arquitetura da informação3
  • 4. Exemplo - Arquitetura da informação4
  • 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 Exemplos de MAU USO da Arquitetura da Informação (AI)
  • 7. Exemplos de MAU USO da AI7 www.universodobebe.com.br
  • 8. Exemplos de MAU USO da AI8 www. mcdonalds.com.br
  • 9. Exemplos de MAU USO da AI9 www.bobs.com.br
  • 10. 10 Exemplos de USO CORRETO da Arquitetura da Informação (AI)
  • 11. Exemplos de USO CORRETO de AI11 www. habibs.com.br
  • 12. Exemplos de USO CORRETO de AI12 www.voegol.com.br
  • 13. Exemplos de USO CORRETO de AI13 www.submarino.com.br
  • 14. Ciclo de vida para estruturação de site14 ARQUITETURA COLETA DESIGN DO SITE DESENVOLVI- DA DE DADOS MENTO INFORMAÇÃO
  • 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. www16 Obrigatoriamente TODO SITE deve ser feito a sua Arquitetura da Informação
  • 17. Tripé da Arquitetura da Informação17 CONTEXTO CONTEÚDO USUÁRIOS
  • 18. Tripé da Arquitetura da Informação18 CONTEXTO  Objetivos da organização, políticas, cultura, tecnologia e recursos humanos
  • 19. Tripé da Arquitetura da Informação19 CONTEÚDO  Documentos, formatos/tipos, objetos, estrutura existente
  • 20. Tripé da Arquitetura da Informação20 USUÁRIOS  Audiência, tarefas, necessidades, comportamento de busca de informação, experiência, vocabulário
  • 21. Componentes da21 Arquitetura da Informação  Sistemas de organização  Sistemas de rotulagem  Sistemas de navegação  Sistemas de busca
  • 22. Sistemas de Organização22  Exatas  Ambíguas - Alfabética - Tópico - Cronológica - Tarefa - Geográfica - Audiência - Metáfora - Híbrida
  • 23. Sistemas de Organização23
  • 24. Sistemas de Organização24
  • 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. Sistemas de Rotulagem26
  • 27. Sistemas de Rotulagem27
  • 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. 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. Sistemas de Navegação30 Tipos de Sistemas de Navegação  Global  Local  Contextual  Auxiliar
  • 31. Sistemas de Navegação31
  • 32. Sistemas de Navegação32 NAVEGAÇÃO LOCAL
  • 33. Sistemas de Navegação NAVEGAÇÃO CONTEXTUAL33
  • 34. Sistemas de Navegação NAVEGAÇÃO AUXILIAR34
  • 35. Sistemas de Busca35  Interface de Busca  Áreas de Busca  Linguagem de Busca  Resultado
  • 36. REFERÊNCIAS36  BIBLIOTECA VIRTUAL http://www.guilhermo.com/ai_biblioteca/assunto.asp?assunto=1
  • 37. OBRIGADO!37  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com