Intensivo 80h - Arquitetura de informação e usabilidade

1,164 views

Published on

Data: 24/04/12
Curso: Int. Marketing Digital
Disciplina: Arquitetura de Informação e Usabilidade
Professor: João Francisco de Freitas Neto
Veja próximos cursos: http://escoladomarketingdigital.com.br/
Webseminários gratuitos: http://escoladomarketingdigital.com.br/webinars-e-ebooks

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

No Downloads
Views
Total views
1,164
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
57
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Intensivo 80h - Arquitetura de informação e usabilidade

  1. 1. Arquitetura de Informaçãoe UsabilidadeJoão de Freitas
  2. 2. joaodefreitas eu: twitter.com/facebook.com/
  3. 3. Introdução O que é Arquitetura de Informação O que é Usabilidade Comportamento dos Usuários Processos, Metodologias e Entregáveis Competências
  4. 4. Definindo: Navegação“ O hipertexto da Web aplica a possibilidade de saltos a partir de ”ramificações de conteúdos e entre diversos níveis de informações. Rosenfeld e Morville
  5. 5. Navegação não é só na Web!
  6. 6. História Richard Saul Wurman Criou o termo Arquitetura de Informação em 1976 Nascimento: 1935, Philadelphia, PA Publicou seu primeiro livro em 1962 aos 26 anos. Paixão da sua vida: tornar a informação fácil de se compreender.
  7. 7. Desenho de Design estrutural dawireframes emapas do site Designers Bibliotecários informação (vocabulário controlado / taxonomia)
  8. 8. HistóriaEm 1998 foi lançada a primeira versão do livromais famoso da área “Livro do Urso Porlar”.Autores: Louis Rosenfeld e Peter Morville. “Nossa área é muito nova e incipiente para qualquer um afirmar que sabe tudo. [...] Se você quer conselhos sobre AI, evite pessoas que dizem ter todas as respostas” “As pessoas estão prevendo o fim das hierarquias desde o início das hierarquias. Mas as hierarquias não estão deixando de existir”
  9. 9. Arquitetura de Informação:
  10. 10. Arquitetura de Informação:
  11. 11. Arquitetura de Informação: Transformar o complexo em algo simples
  12. 12. Exercício
  13. 13. Quantos vezes o número 9 aparece abaixo?
  14. 14. Quantos vezes o número 9 aparece abaixo?858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328
  15. 15. Quantos vezes o número 9 aparece abaixo?858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023 ..969519886660377067470328 )
  16. 16. Quantos vezes o número 9 aparece abaixo?
  17. 17. Quantos vezes o número 9 aparece abaixo?858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328
  18. 18. Quantos vezes o número 9 aparece abaixo?858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023 ..969519886660377067470328 )
  19. 19. Objetivo: não passar mais por isso.“Se a minha mãe perguntar o que faço? Simplesmente respondo que trabalho com internet, pois sei que não vai entender mesmo. ” Para o meu pai, trabalho com computador e já basta. Rogério Pereira, Arquiteto de Informação
  20. 20. 24h ARQUITETURA DE INFORMAÇÃO Aula 1 - João de FreitasFundamentos da AI
  21. 21. Fundamentos Contexto★ Objetivos do projeto ★ Tecnologias ★ Restrições★ Exigências e expectativas ★ Recursos
  22. 22. Fundamentos Conteúdo★ Documentos ★ Volume ★ Ferramentas ou aplicações★ Tipos de dados ★ Estrutura
  23. 23. Fundamentos Usuário★ Público ★ Necessidades ★ Comportamento ★ Experiência★ Tarefas ★ Busca de Informações ★ Contexto de Uso
  24. 24. FundamentosContexto Conteúdo Usuários
  25. 25. Fundamentos ContextoConteúdo Usuários
  26. 26. Ecologia da Informação Contexto Conteúdo Usuários
  27. 27. Princípios Sistemas de Organização Sistemas de Navegação da AI Sistemas de Rotulação Sistemas de Busca
  28. 28. Sistemas de Organização
  29. 29. Sistemas de OrganizaçãoDetermina o agrupamento e a forma de categorizar as informações.
  30. 30. Sistemas de Organização
  31. 31. Sistemas deOrganização
  32. 32. Sistemas deOrganização
  33. 33. Sistemas deOrganização
  34. 34. Sistemas deOrganização
  35. 35. Sistemas deOrganização .. )
  36. 36. Sistemas deOrganização
  37. 37. Sistemas deOrganização
  38. 38. Sistemas de Navegação
  39. 39. Sistemas de NavegaçãoEspecifica as maneiras de navegar, de se mover dentro do espaço informacional e hipertextual.
  40. 40. Sistemas de Navegação
  41. 41. Sistemas de Navegação .. )
  42. 42. Sistemas de Navegação
  43. 43. Sistemas de Navegação .. )
  44. 44. Sistemas de Navegação
  45. 45. Sistemas de Navegação
  46. 46. Sistema deNavegação Global Sistemas de Navegação Local Sistema deNavegação Global Sistemas de Navegação Local
  47. 47. Sistemas de Rotulação
  48. 48. Sistemas de RotulaçãoEstabelece as formas de apresentação da informação, definindo “rótulos” para os elementos.
  49. 49. Sistemas de Rotulação
  50. 50. Sistemas de Rotulação
  51. 51. Sistemas de Rotulação O Cardsorting é o processo mais indicado para definição de nomenclaturas, de acordo com as expectativas dos usuários.
  52. 52. Sistemas de Rotulação
  53. 53. Exercício
  54. 54. Organize os termos em grupos e defina um nome para cada agrupamentoNatação Tsunami Ipod Computadores Paris Hilton Internacional TerremotoÍndia Futebol Japão Carros Brasil Grêmio Steve Jobs Atletismo
  55. 55. Organize os termos em grupos e defina um nome para cada agrupamentoESPORTES TECNOLOGIA MUNDO Computadores Atletismo Brasil Ipod Futebol Japão Carros Terremoto Internacional Grêmio CELEBRIDADES Tsunami Natação Steve Jobs Índia Paris Hilton
  56. 56. Sistemas de Busca
  57. 57. Sistemas de BuscaDetermina as perguntas que o usuário pode fazer e o conjunto de respostas que irá receber.
  58. 58. O que é uma busca? Apenas um campo de pesquisa?
  59. 59. O que é uma busca? Apenas um campo de pesquisa?
  60. 60. O que é uma busca? Apenas um campo de pesquisa?
  61. 61. O que é uma busca? Apenas um campo de pesquisa?
  62. 62. O que é uma busca? Apenas um campo de pesquisa?
  63. 63. O que é uma busca? Apenas um campo de pesquisa?
  64. 64. O processo de uma busca
  65. 65. O processo de uma busca
  66. 66. A Busca é um processode Dois Lados!
  67. 67. Sistemas de Busca“ A busca é uma parte fundamental da experiência dos usuários, ” eles criam grandes expectativas sobre como ela deve funcionar. Nielsen, 2006
  68. 68. Você deve se preocupar em estar no Google!
  69. 69. Você deve se preocupar em estar no Google! MAS...
  70. 70. Você deve se preocupar em estar no Google! MAS... Não esqueça de arrumar sua própria casa.
  71. 71. Sistemas de Busca Arrume sua casa.Há, obviamente, um conjunto bem menor de páginas a ser considerado em um único site do que em toda a Web.
  72. 72. Sistemas de Busca Arrume sua casa. Dentro de um único Website você temuma percepção melhor da intenção do usuário
  73. 73. Sistemas de Busca Arrume sua casa.Você sabe quais são os documentos mais importantes do seu site
  74. 74. Sistemas de Busca Arrume sua casa. Você sabe quais os documentos antigos ouobsoletos, e assim, por padrão, pode atribuir a eles uma relevância menor
  75. 75. Sistemas de Busca Arrume sua casa.Temos controle sobre o vocabulário (sinônimos, erros ortográficos)
  76. 76. Sistemas de Busca1. Quem? 4. O que?2. Onde? 2. Quando?3. Por que? 3. Como?
  77. 77. 93% dos usuários só olham a primeira página
  78. 78. 47% rolam a primeira página (53% olham acima da dobra)
  79. 79. Onde usuários mais clicam 1 - 51% 2 - 16% 3 - 6% 4 - 6% 5 - 5% 6 - 4% 7 - 2% 8 - 1% 9 - 1% 10 - 2% 11 - 5%
  80. 80. Busca : Elementos
  81. 81. Busca : Elementos
  82. 82. Usabilidade
  83. 83. Usabilidade
  84. 84. Usabilidade .. )
  85. 85. Usabilidade
  86. 86. Usabilidade
  87. 87. UsabilidadeTécnicas de 1. Entrevistas 2. Análises Heurísticas 3. Testes de UsabilidadeUsabilidade 4. Card sorting
  88. 88. Heurísticas da Usabilidade na web 1. Visibilidade e status do sistema 2. Relacionamento com o mundo real 3. Liberdade e controle do usuário 4. Consistência 5. Prevenção de erros 6. Reconhecimento ao invés de lembrança 7. Flexibilidade e eficiência de uso 8. Estética e design minimalista 9. Prevenção e correção de erros pelo usuário 10. Ajuda e documentação
  89. 89. O que torna um problema de usabilidade grave
  90. 90. O que torna um problema de usabilidade grave 1. Frequência
  91. 91. O que torna um problema de usabilidade grave 1. Frequência 2. Impacto
  92. 92. O que torna um problema de usabilidade grave 1. Frequência 2. Impacto 3. Persistência
  93. 93. CONSISTÊNCIA
  94. 94. Comportamento dos Usuários Experiência Baixa Experiência Alta 40 segundos 35 30 segundos 25 20 segundos 10 segundos Tempo na HomePage 0 segundos
  95. 95. Comportamento dos Usuários Experiência Baixa Experiência Alta 60 60 segundos 45 45 segundos 35 25 30 segundos 15 segundos Tempo na HomePage 0 segundos Tempo em Uma Pág. Interna
  96. 96. Arquitetura de Informação na prática
  97. 97. Políticas Internas
  98. 98. Arquitetura de Informação na práticaLevantamentode Requisitos Entender objetivos do projeto, exigências e expectativas Entender público alvo Levantamento de conteúdos e serviços Identificar empecilhos de usabilidade
  99. 99. Arquitetura de Informação na práticaLevantamento Modelo dede Requisitos Organização Definição das regras de organização e apresentação dos conteúdos e serviços Definir sistema de organização Definir sistema de rotulação Definir sistema de navegação Definir sistema de busca
  100. 100. Arquitetura de Informação na práticaLevantamento Modelo de Documentaçãode Requisitos Organização Especificações da interface auxiliando nas demais etapas do projeto Elaborar sitemap Fluxo de navegação Desenvolvimento de Wireframes
  101. 101. Arquitetura de Informação na práticaLevantamento Modelo de Documentaçãode Requisitos Organização
  102. 102. Arquitetura de Informação na práticaLevantamento Modelo de Documentaçãode Requisitos Organização
  103. 103. Arquitetura de Informação na práticaLevantamento Modelo de Documentaçãode Requisitos Organização
  104. 104. Arquitetura de Informação na práticaLevantamento Modelo de Acompanhamento Documentaçãode Requisitos Organização da Implementação Auxiliar no desenvolvimento e garantir especificações sejam desenvolvidas corretamente Apresentar documentos elaborados para entendimento da equipe de desenvolvimento Estar sujeito a mudanças e revisão nos documentos (caso necessário)
  105. 105. Arquitetura de Informação na práticaLevantamento Modelo de Acompanhamento Análise dos Documentaçãode Requisitos Organização da Implementação Resultados Avaliação dos resultados da interface de acordo com planejamento inicial Medir o desempenho dos fatores críticos de sucesso Levantamento de melhorias a partir dos dados de navegação e interações
  106. 106. Impactos da AI Interface Componentes da Arquitetura de Informação
  107. 107. Resumindo:O arquiteto de informação é Multidisciplinar.
  108. 108. Valeu! joaodefreitas eu: twitter.com/facebook.com/

×