Aula05 webdesign
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,078
On Slideshare
780
From Embeds
298
Number of Embeds
2

Actions

Shares
Downloads
47
Comments
0
Likes
0

Embeds 298

http://profsergioxavier.wordpress.com 295
https://profsergioxavier.wordpress.com 3

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