ARQUITETURA DA INFORMAÇÃO
O que é e para que serve?
 
Arquitetura de Informação O que é e para que serve? ONDE ESTOU  ? DE ONDE VIM ? PARA ONDE VOU ?
Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as...
Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação  dentro de um sistema de ...
Ciclo de Vida Projeto Site
Ciclo de Vida Projeto Site
PRA QUE SERVE?
PRA QUE SERVE?
 
Componentes da AI
Sistema de Organização
Três classificações distintas ? Três Classificações Distintas Fruta  |  Legume  |  Verdura Tomate
Dificuldades na Organização <ul><li>Liquidificador está em “Eletrodomésticos” ou “Eletroportáteis” </li></ul><ul><li>O que...
Sistema de Navegação
Sistema de Navegação
Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que  estabelece as formas de repre...
Sistema de Rotulação
 
Sistema de Rotulação
Sistema de Busca
Arquitetura da Informação Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu ...
Arquitetura da Informação Ferramentas e Técnicas da AI Wireframes •  Wireframes servem  a um propósito diferente: eles mos...
Arquitetura da Informação Marca XYZ Buscar >Link 01  >Link02  >Link03  >Link04  >Link05 Navegação local Breadcrumbs ( Home...
 
Site Adria. Finalizado
Arquitetura da Informação Ferramentas e Técnicas da AI Card Sorting •  Método de usabilidade que objetiva levantar como us...
Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído de entendim...
Card Sorting
Arquitetura da Informação Sitegrama
Finalizando......
 
 
 
“ Não seja um desenvolvedor de sistemas para computadores, desenvolva sistemas para pessoas”
Perguntas [email_address] www.sil.inf.br
Quem sou eu? <ul><li>Otaviano Silvério </li></ul><ul><li>Graduado em Tecnologia em Sistemas para Internet - UNIBH  </li></...
Upcoming SlideShare
Loading in …5
×

Arquitetura da Informação em Projetos Web

2,093 views

Published on

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

No Downloads
Views
Total views
2,093
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
65
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Arquitetura da Informação em Projetos Web

  1. 1. ARQUITETURA DA INFORMAÇÃO
  2. 2. O que é e para que serve?
  3. 4. Arquitetura de Informação O que é e para que serve? ONDE ESTOU ? DE ONDE VIM ? PARA ONDE VOU ?
  4. 5. Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  5. 6. Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação dentro de um sistema de informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  6. 7. Ciclo de Vida Projeto Site
  7. 8. Ciclo de Vida Projeto Site
  8. 9. PRA QUE SERVE?
  9. 10. PRA QUE SERVE?
  10. 12. Componentes da AI
  11. 13. Sistema de Organização
  12. 14. Três classificações distintas ? Três Classificações Distintas Fruta | Legume | Verdura Tomate
  13. 15. Dificuldades na Organização <ul><li>Liquidificador está em “Eletrodomésticos” ou “Eletroportáteis” </li></ul><ul><li>O que é UD? </li></ul>
  14. 16. Sistema de Navegação
  15. 17. Sistema de Navegação
  16. 18. Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação , de apresentação da informação, definindo signos para cada elemento informativo. Seu desafio é criar para o website uma linguagem clara , compreensível e sem ambigüidades . PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!
  17. 19. Sistema de Rotulação
  18. 21. Sistema de Rotulação
  19. 22. Sistema de Busca
  20. 23. Arquitetura da Informação Sobretudo, o arquiteto de informação deve saber como apresentar visualmente/estruturalmente seu material para dar vida a suas idéias. Retirado de Rosenfield & Morville O que faz um arquiteto da informação
  21. 24. Arquitetura da Informação Ferramentas e Técnicas da AI Wireframes • Wireframes servem a um propósito diferente: eles mostram como uma página deve parecer de uma perspectiva arquitetônica. • Wireframes são a intersecção entre a arquitetura da informação do site e o design e visual do mesmo. • O wireframe força o arquiteto a considerar onde as navegações estarão na página, onde o usuário vai navegar e sobretudo o que ele vai ver naquele espaço.
  22. 25. Arquitetura da Informação Marca XYZ Buscar >Link 01 >Link02 >Link03 >Link04 >Link05 Navegação local Breadcrumbs ( Home ) Conteúdo global e contextual Conteúdo relacionado Rodapé A localização mais comum de elementos numa página básica de web: • Logomarca no canto superior esquerdo • Busca na barra superior • Navegação global na parte superior • Navegação local na coluna esquerda • Conteúdo na área central • Breadcrumbs na parte superior Wireframe
  23. 27. Site Adria. Finalizado
  24. 28. Arquitetura da Informação Ferramentas e Técnicas da AI Card Sorting • Método de usabilidade que objetiva levantar como usuários do público-alvo agrupam informações de forma que sejam úteis para eles, possibilitando que sejam criadas estruturas de organização de informação otimizadas e mais adequadas ao modelo mental dos usuários. • O card-sorting é uma técnica usada por arquitetos da informação para descobrir como o usuário classifica determinada informação em sua mente.
  25. 29. Categorizar o site é uma tarefa complexa. Utilizar o usuário no processo de classificação pode reduzir o ruído de entendimento. Card Sorting
  26. 30. Card Sorting
  27. 31. Arquitetura da Informação Sitegrama
  28. 32. Finalizando......
  29. 36. “ Não seja um desenvolvedor de sistemas para computadores, desenvolva sistemas para pessoas”
  30. 37. Perguntas [email_address] www.sil.inf.br
  31. 38. Quem sou eu? <ul><li>Otaviano Silvério </li></ul><ul><li>Graduado em Tecnologia em Sistemas para Internet - UNIBH </li></ul><ul><li>Especialista em Engenharia de Software e Governança de TI – FUMEC </li></ul><ul><li>Mestrando em Administração - UNIPEL. </li></ul><ul><li>Atuação : </li></ul><ul><ul><li>CIO do NUMBER ONE Idiomas Franchising </li></ul></ul><ul><ul><li>Consultor de tecnologia, com ênfase em Governança da TI, atuando principalmente nos seguintes temas: conectividade e intranet, BPM - Business Process Management , gestão de conhecimento, comércio eletrônico e Arquitetura da informação. </li></ul></ul><ul><ul><li>Professor MBA – Faculdade Pitágoras </li></ul></ul><ul><ul><li>Professor UNIBH </li></ul></ul><ul><ul><li>Coordenador Pós-Graduação COTEMIG </li></ul></ul><ul><ul><li>Sócio diretor SIL Consultoria e Sistemas </li></ul></ul>Desenvolvo ininterruptamente para Web desde 1998 [email_address] @silveriotaviano www.professorotaviano.com.br

×