Os 7 processos da Arquitetura da Informação

29,757 views
29,747 views

Published on

Arquitetura da Informação é a organização da estrutura de um website, seu conteúdo, rotulagem e categorização da informação, e design dos sistemas de busca.

Published in: Design
1 Comment
46 Likes
Statistics
Notes
  • Jogando.net/mu - 27
    Servidor de qualidade muitas novidades nova temporada do jogando.net/mu
    São 7 serves exclusivos:
    Phoenix-3000x
    War-1000x pontuativo
    Super-10.000x
    Pvp-30.000x
    VeryEasy-5.000x
    Hard-100x
    Extreme-10x
    novidades:
    » Novos itens do novo char
    » Free ganha 1 GOLD por minuto e VIP 2 GOLDs.
    » O TOP ranking da semanal e do mês ganha muitos GOLDs seja TOP você também.
    » O player TOP 1 Semanal de Illusion temple ganha “Fenrir Gold”.
    » Novas asas lvl 3 com Socket!
    » Novos Rings e pendents com socket!
    » Novos Shield 18 opt
    » Novos SHILDs 18 0PTIONAIS , youtube.com/watch?v=lGfMxTqeSaA -
    » Super Lançamentos dos KITs FUSION SUPREMO V2 ,Especial para pvp,Muito ataque e defesa,seu char ainda muito mais forte.
    » Castle Siege aos SÁBADOS e DOMINGOS.
    » Novo kit devastator especial para pvp .
    » PARTICIPEM DO TS DO ts.jogando.net:4508
    » e muito mais... Venha Conferir , estamos te esperando!
    » KIT DIAMOND “ http://i41.tinypic.com/j6n4af.jpg...
    » Promoções Jcash...
    » Vip Premiun tem xps e vantagens exclusivas...
    Curte Animes, então faça uma visita, cadastre-se e divulgue aos seus contatos,..... !!!
    http://animescloud.com/

    NOVOS KITS RAROS SÓ 100 A VENDA Diamond Supremo v2.

    Mais Informaçãoes e Duvidas, acesse o Site: jogando.net/mu/
    Siga o nosso twitter :twitter.com/#!/Jogandonet
    By:Talula
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
29,757
On SlideShare
0
From Embeds
0
Number of Embeds
11,232
Actions
Shares
0
Downloads
549
Comments
1
Likes
46
Embeds 0
No embeds

No notes for slide

Os 7 processos da Arquitetura da Informação

  1. 1. Os 7 processos daArquitetura de InformaçãoInstituto Faber-Ludens
  2. 2. Os 7 processos da A.I.
  3. 3. 7 processosPlanejamento de Informações
  4. 4. Planejamento de Informações • Etapa inicial de análise do sistema e planejamento Métodos recomendados • Definição de objetivos do ✓ Briefing cliente e do sistema ✓ Benchmarking • Metadesign: planejar a plataforma que permitirá ✓ Mapas conceituais planejar depois ✓ Reuniões
  5. 5. Significado Utilidade Necessidade
  6. 6. Significado Utilidade Segurança durante a transação
  7. 7. Significado Utilidade Comprar passagens para o dia seguinte
  8. 8. Modelos conceituais• Excelentes para negociar mudanças• Definir melhor conceitos abstratos• Gerar uma visão compartilhada do artefato entre os membros da equipe de projeto
  9. 9. Modelos conceituais:Mapas mentais• Mostra tendências e ligações • Usado em brainstorming coletivo sobre a percepção das pessoas para desenvolver perspectivas comuns• Estruturação hierárquica de ideias
  10. 10. Modelos conceituais: Mapas mentaisMapa mental do Delicious
  11. 11. Contextos de uso Cebola dos contextos da interação mediada
  12. 12. Modelos conceituais: Contexto tecnológicoDiagrama de Modelo de banco de dados
  13. 13. Modelos conceituais: Contexto simbólicoRelações conceituais dos artefatos no Delicious.com
  14. 14. Modelos conceituais: Contexto simbólicoFluxo de mediação de atividades no Delicious.com
  15. 15. Modelos conceituais: Contexto socialContexto social do Delicious.com
  16. 16. 7 processosLevantamento de Informações
  17. 17. Levantamento de Informações • Busca compreensão do projeto Métodos recomendados • Levantamento de ✓ Inventário de Conteúdo informações, dados, atores e envolvidos (usuários, stakeholders, etc) ✓ Entrevistas • Compreender as tarefas e ✓ Questionários atividades que o usuário irá realizar e o contexto social ✓ Etnografia Virtual onde está inserido
  18. 18. Inventário de Conteúdo
  19. 19. Questionários Google Docs
  20. 20. Entrevistas
  21. 21. Pesquisa com registro editado em vídeo realizado por alunos
  22. 22. Entrevistas • Pessoal ou a distância (síncrono ou assíncrono) • Importante: • Recrutamento, agendamento e confirmação • Roteiro (estruturado, semi-estruturado, livre) • Ajuda de custos...
  23. 23. EtnografiaBusca a compreensão aprofundada docomportamento a partir da observaçãode situação reais.
  24. 24. Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia
  25. 25. Jason Diptych
  26. 26. Juan Carlos
  27. 27. “Etnografia” virtual Estudo etnográfico realizado no espaço digital, baseado na participação em redes sociais na web.
  28. 28. Exemplos de frases de boleiros:Boleiro não joga,desfila!Boleiro não conversa,resenha!Boleiro não treina,ensina!Boleiro não faz fundamento,ensaia!Boleiro não comemora gol,ascena pra torcida!Boleiro não se machuca,fica contudido!Boleiro não é metido,só faz seu estilo!Boleiro não é cumprimentado,é aplaudido!Boleiro não corre,faz a bola correr!Boleiro não dribla,apenas ignora o adversário!
  29. 29. Algumas palavras-chave dos boleiros: moral (e não "força",por exemplo) fera (e não "jogador",por exemplo) time (e não "equipe",por exemplo)
  30. 30. Muito + no Corais.org+ acompanhamento (shadowing)+ fly on the wall+ diários de uso continuado+ sondas culturais (cultural probes)+ história de vida+ um dia na vida (real ou simulado)+ levantamento demográfico+ questionários+ porquê,porquê,porquê
  31. 31. 7 processosClassificação de Informações
  32. 32. Organização e classificação Métodos recomendados ✓ Card-Sorting ✓ Vocabulário Controlado ✓ Taxonomia ✓ Modelo Mental ✓ Folcsonomia ✓ Diagrama de afinidades
  33. 33. Taxonomia na Biologia • Esquema de classificação hierárquica dos seres vivos • Os filhos tem apenas um pai • A classificação é feita para acolher novas descobertas
  34. 34. Taxonomia dos seres vivos (Lineu)
  35. 35. Taxonomia em Arquitetura daInformação • Esquema de classificação hierárquico para informações diversas • Os filhos podem ter mais de um pai • Pode ser usada em ferramentas de busca e navegação
  36. 36. Taxonomias para navegação(antigo Cadê?)
  37. 37. Taxonomia em buscas(WolframAlpha)
  38. 38. Taxonomia em buscas(WolframAlpha)
  39. 39. Elaboração de Taxonomias 1.Inventário de conteúdo 2.Avaliação da taxonomia atual (se existir) 3.Agrupamento 4.Hierarquização 5.Testes
  40. 40. Processo de Classificação agrupar rotular categori zar
  41. 41. Quero pegar um livro na biblioteca... Como faço?
  42. 42. Card-sorting • Testar ou criar classificações baseadas no modelo mental do usuário • Aberto (categorias não bem pré- definidas) ou fechado (categorias chegam definidas) • Apresentar cartões pros usuários e pedir para que organizem
  43. 43. Card-sorting Presencial Online
  44. 44. Rótulos aprendiz colega educando pupilo aluno universitário tutelado estudante estagiário acadêmico discípulo
  45. 45. Agrupamentos aluno universitário estudante acadêmico colega educando tutelado aprendiz pupilo estagiário discípulo
  46. 46. Categorias coloquial formal aluno universitário estudante acadêmico colega direito educando tutelado trabalho fábulas aprendiz pupilo estagiário discípulo
  47. 47. Teste com protótipo • Palm Vx • Portátil • Arquivos HTML apenas com as opções de menu • Tarefas de recuperação de informação
  48. 48. Taxonomia• Hierarquia das categorias que representam a navegação• Classificação dos conteúdos do site.• Especificação de metadados em um gerenciador de conteúdo,• Páginas e menu de navegação. Classificação hierárquica
  49. 49. Folcsonomia
  50. 50. Vocabulário Controlado• Contém a Taxonomia• Pode conter um Tesauro• Glossário• Ontologia• Gerenciadores de conteúdo Ontologia no Cadê
  51. 51. 7 processosGestão do Conteúdo
  52. 52. Antes da Gestão de Conteúdo
  53. 53. 1/2Gestão de Conteúdo centralizada
  54. 54. 2/2Gestão de Conteúdo centralizada
  55. 55. Gestão de Conteúdo descentralizada
  56. 56. Gerenciadores de Conteúdo - CMSAdministração de categorias no gerenciador de conteúdo Wordpress
  57. 57. Definição de papéis dosusuários e privilégios
  58. 58. 7 processosNavegação
  59. 59. Navegação• Fluxos da Informação Métodos recomendados• Facilitar o encontrabilidade dainformação pelo usuário ✓ Fluxograma ✓ Sitemap
  60. 60. Modelos de Navegação • Macro para Micro • Entrada e Saída • Linear • Rizomático
  61. 61. Modelo de Navegação:Macro para Micro Modelo de navegação em árvore
  62. 62. Modelo de Navegaçãoem Entrada e Saída
  63. 63. Modelo de NavegaçãoLinear
  64. 64. Modelo de NavegaçãoRizomátíca
  65. 65. Sitegrama ou SiteMap
  66. 66. Fluxogramaou fluxo de tarefa
  67. 67. Árvore de Tarefas
  68. 68. 7 processosVisualização de Informações
  69. 69. Visualização de Informações• Abstração da Informação Métodos recomendados• Gráfico/Imagem ✓ Wireframe• Facilita do entendimento ✓ Wireflow• Melhoria na comunicação através da documentação visual
  70. 70. Newsmap
  71. 71. Simetria ProximidadeSimilaridade PRINCÍPIOS GESTALTFechamento Figura-fundo
  72. 72. Densidade populacional no Time MagazineLinha interativa com a história do Império Britânico:
  73. 73. Heatmap: visualização em forma de F e Eyetrack (Poynter Institute : 2004)
  74. 74. Prototipação das representações visuais das interfaces• Propósito (demonstrar,testar,explorar)• Fidelidade (alta,baixa)• Funcionalidade (funcional,semi-funcional)• Etapa e Competência técnica
  75. 75. Sketchs ou RabiscosLiberte-se!
  76. 76. Wireframe Momento de definição: especificação
  77. 77. Protótipos Protótipos em baixa ou em alta fidelidade
  78. 78. Protótipo em baixa fidelidade
  79. 79. Protótipo em papel
  80. 80. Mockup Protótipo que permite testar funcionalidades com usuários
  81. 81. Cardboard Mockup of a calendar application for school kids
  82. 82. Protótipo em alta fidelidade
  83. 83. Protótiposemi-funcional Ouvido Visual
  84. 84. Protótiposemi-funcional Reactables
  85. 85. Performance Reactables
  86. 86. Vocabulário Visual página/ documento (e suas pilhas) dois tipos de estrutura (árvore,a esquerda) ponto de decisãoSetas indicam o caminho que o usuário exemplo de área está propenso a seguir.A crossbar indica operações irreversíveis. Visual Vocabulary de Jesse James Garrett
  87. 87. Visual Vocabulary de Jesse James GarrettVocabulário Visual página/ documento (e suas pilhas)
  88. 88. Visual Vocabulary de Jesse James GarrettVocabulário Visual dois tipos de estrutura (árvore,a esquerda)
  89. 89. Visual Vocabulary de Jesse James GarrettVocabulário Visual Setas indicam o caminho que o usuário está propenso a seguir.A crossbar indica operações irreversíveis.
  90. 90. Visual Vocabulary de Jesse James GarrettVocabulário Visual exemplo de área
  91. 91. Visual Vocabulary de Jesse James GarrettVocabulário Visual ponto de decisão
  92. 92. Análisede Tarefa
  93. 93. Storyboard Ferramenta para edição de quadrinhos online: Pixton
  94. 94. Diagrama Sequencial Representa a interação entre papéis de usuários
  95. 95. Diagrama Sequencial Negativo
  96. 96. Wireflow
  97. 97. 7 processosRecuperação de Informações
  98. 98. Recuperação de Informações• Encontrabilidade Métodos recomendados• Dar pistas ao usuário ✓ Análise de• Múltiplos caminhos para Estatísticas de navegação encontrar a informação ✓ SEO• Análise de Estatísticas
  99. 99. “Dar pistas aos usuários...”
  100. 100. Análise de estatísticas
  101. 101. Análise de Helpdesk Saber a opinião dos usuários que se importam
  102. 102. Conheça nossoCurso Online deArquitetura de Informaçãoe descubra mais sobre osprocessos de A.I.

×