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

1. Arquitetura de Informação
e Usabilidade
João de Freitas

2. joaodefreitas
eu:
twitter.com/
facebook.com/

3. Introdução O que é Arquitetura de Informação
O que é Usabilidade
Comportamento dos Usuários
Processos, Metodologias e Entregáveis
Competências

6. 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

7. Navegação não é só na Web!

8. 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.

9. Desenho de Design estrutural da
wireframes e
mapas do site
Designers Bibliotecários informação (vocabulário
controlado / taxonomia)

10. História
Em 1998 foi lançada a primeira versão do livro
mais 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”

11. Arquitetura de Informação:

12. Arquitetura de Informação:

13. Arquitetura de Informação:
Transformar o complexo
em algo simples

14. Exercício

15. Quantos vezes o número 9 aparece abaixo?

16. Quantos vezes o número 9 aparece abaixo?
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023
969519886660377067470328

17. Quantos vezes o número 9 aparece abaixo?
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023 ..
969519886660377067470328
)

18. Quantos vezes o número 9 aparece abaixo?

19. Quantos vezes o número 9 aparece abaixo?
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023
969519886660377067470328

20. Quantos vezes o número 9 aparece abaixo?
858143952590613363537873
464568776650968459429719
115449522648941007624872
739293144821041121475387
983937236573091651320322
555834226221921864134835
407456588871151617288023 ..
969519886660377067470328
)

21. 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

22. 24h ARQUITETURA DE INFORMAÇÃO
Aula 1 - João de Freitas
Fundamentos da AI

23. Fundamentos
Contexto
★ Objetivos do projeto ★ Tecnologias ★ Restrições
★ Exigências e expectativas ★ Recursos

24. Fundamentos
Conteúdo
★ Documentos ★ Volume ★ Ferramentas ou aplicações
★ Tipos de dados ★ Estrutura

25. Fundamentos
Usuário
★ Público ★ Necessidades ★ Comportamento ★ Experiência
★ Tarefas ★ Busca de Informações ★ Contexto de Uso

26. Fundamentos
Contexto Conteúdo Usuários

27. Fundamentos
Contexto
Conteúdo Usuários

28. Ecologia da Informação
Contexto
Conteúdo Usuários

29. Princípios Sistemas de Organização
Sistemas de Navegação
da AI Sistemas de Rotulação
Sistemas de Busca

30. Sistemas de Organização

31. Sistemas de Organização
Determina o agrupamento e a forma de categorizar as informações.

32. Sistemas de Organização

33. Sistemas de
Organização

34. Sistemas de
Organização

35. Sistemas de
Organização

36. Sistemas de
Organização

37. Sistemas de
Organização
..
)

38. Sistemas de
Organização

39. Sistemas de
Organização

40. Sistemas de Navegação

41. Sistemas de Navegação
Especifica as maneiras de navegar, de se mover dentro
do espaço informacional e hipertextual.

42. Sistemas de Navegação

43. Sistemas de Navegação
..
)

44. Sistemas de Navegação

45. Sistemas de Navegação
..
)

46. Sistemas de Navegação

47. Sistemas de Navegação

48. Sistema de
Navegação Global
Sistemas de
Navegação Local
Sistema de
Navegação Global
Sistemas de
Navegação Local

49. Sistemas de Rotulação

50. Sistemas de Rotulação
Estabelece as formas de apresentação da informação,
definindo “rótulos” para os elementos.

51. Sistemas de Rotulação

52. Sistemas de Rotulação

53. Sistemas de Rotulação
O Cardsorting é o processo mais
indicado para definição de
nomenclaturas, de acordo com
as expectativas dos usuários.

54. Sistemas de Rotulação

55. Exercício

56. Organize os termos em grupos e defina um nome para cada agrupamento
Natação Tsunami
Ipod
Computadores
Paris Hilton Internacional
Terremoto
Índia Futebol Japão
Carros Brasil
Grêmio Steve Jobs
Atletismo

57. Organize os termos em grupos e defina um nome para cada agrupamento
ESPORTES TECNOLOGIA MUNDO
Computadores
Atletismo Brasil
Ipod
Futebol Japão
Carros Terremoto
Internacional
Grêmio CELEBRIDADES Tsunami
Natação Steve Jobs Índia
Paris Hilton

58. Sistemas de Busca

59. Sistemas de Busca
Determina as perguntas que o usuário pode fazer e o conjunto
de respostas que irá receber.

62. O que é uma busca? Apenas um campo de pesquisa?

63. O que é uma busca? Apenas um campo de pesquisa?

64. O que é uma busca? Apenas um campo de pesquisa?

65. O que é uma busca? Apenas um campo de pesquisa?

66. O que é uma busca? Apenas um campo de pesquisa?

67. O que é uma busca? Apenas um campo de pesquisa?

68. O processo de uma busca

69. O processo de uma busca

70. A Busca é um processo
de Dois Lados!

71. 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

72. Você deve se preocupar em estar no
Google!

73. Você deve se preocupar em estar no
Google!
MAS...

74. Você deve se preocupar em estar no
Google!
MAS...
Não esqueça de arrumar sua própria casa.

75. 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.

76. Sistemas de Busca
Arrume sua casa.
Dentro de um único Website você tem
uma percepção melhor da intenção do usuário

77. Sistemas de Busca
Arrume sua casa.
Você sabe quais são os documentos mais importantes
do seu site

78. Sistemas de Busca
Arrume sua casa.
Você sabe quais os documentos antigos ou
obsoletos, e assim, por padrão, pode atribuir
a eles uma relevância menor

79. Sistemas de Busca
Arrume sua casa.
Temos controle sobre o vocabulário (sinônimos,
erros ortográficos)

80. Sistemas de Busca
1. Quem? 4. O que?
2. Onde? 2. Quando?
3. Por que? 3. Como?

82. 93% dos usuários só olham a primeira página

83. 47% rolam a primeira página
(53% olham acima da dobra)

84. 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%

85. Busca : Elementos

86. Busca : Elementos

88. Usabilidade

89. Usabilidade

90. Usabilidade
..
)

91. Usabilidade

92. Usabilidade

93. Usabilidade
Técnicas de 1. Entrevistas
2. Análises Heurísticas
3. Testes de Usabilidade
Usabilidade 4. Card sorting

94. 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

95. O que torna um problema de usabilidade grave

96. O que torna um problema de usabilidade grave
1. Frequência

97. O que torna um problema de usabilidade grave
1. Frequência 2. Impacto

98. O que torna um problema de usabilidade grave
1. Frequência 2. Impacto 3. Persistência

99. CONSISTÊNCIA

100. 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

101. 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

102. Arquitetura de Informação na prática

103. Políticas Internas

104. Arquitetura de Informação na prática
Levantamento
de Requisitos
Entender objetivos do projeto, exigências e expectativas
Entender público alvo
Levantamento de conteúdos e serviços
Identificar empecilhos de usabilidade

105. Arquitetura de Informação na prática
Levantamento Modelo de
de 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

106. Arquitetura de Informação na prática
Levantamento Modelo de Documentação
de Requisitos Organização
Especificações da interface auxiliando nas demais
etapas do projeto
Elaborar sitemap
Fluxo de navegação
Desenvolvimento de Wireframes

107. Arquitetura de Informação na prática
Levantamento Modelo de Documentação
de Requisitos Organização

108. Arquitetura de Informação na prática
Levantamento Modelo de Documentação
de Requisitos Organização

109. Arquitetura de Informação na prática
Levantamento Modelo de Documentação
de Requisitos Organização

110. Arquitetura de Informação na prática
Levantamento Modelo de Acompanhamento
Documentação
de 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)

111. Arquitetura de Informação na prática
Levantamento Modelo de Acompanhamento Análise dos
Documentação
de 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

112. Impactos da AI
Interface
Componentes da
Arquitetura de Informação

113. Resumindo:
O arquiteto de informação é
Multidisciplinar.

114. Valeu!
joaodefreitas
eu:
twitter.com/
facebook.com/