Intensivo 80h - Arquitetura de informação e usabilidade
-
Upload
escola-do-marketing-digital -
Category
Documents
-
view
835 -
download
1
description
Transcript of Intensivo 80h - Arquitetura de informação e usabilidade
![Page 1: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/1.jpg)
Arquitetura de Informaçãoe UsabilidadeJoão de Freitas
![Page 2: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/2.jpg)
joaodefreitastwitter.com/facebook.com/
eu:
![Page 3: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/3.jpg)
O que é Arquitetura de InformaçãoO que é UsabilidadeComportamento dos UsuáriosProcessos, Metodologias e EntregáveisCompetências
Introdução
![Page 4: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/4.jpg)
![Page 5: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/5.jpg)
![Page 6: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/6.jpg)
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
![Page 7: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/7.jpg)
Navegação não é só na Web!
![Page 8: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/8.jpg)
História
Paixão da sua vida: tornar a informação fácil de se compreender.
Richard Saul Wurman
Nascimento: 1935, Philadelphia, PA
Publicou seu primeiro livro em 1962 aos 26 anos.
Criou o termo Arquitetura de Informação em 1976
![Page 9: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/9.jpg)
Desenho de wireframes e
mapas do site
Design estrutural da informação (vocabulário controlado / taxonomia)
Designers Bibliotecários
![Page 10: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/10.jpg)
“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”
“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”
História
Autores: Louis Rosenfeld e Peter Morville.
Em 1998 foi lançada a primeira versão do livro mais famoso da área “Livro do Urso Porlar”.
![Page 11: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/11.jpg)
Arquitetura de Informação:
![Page 12: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/12.jpg)
Arquitetura de Informação:
![Page 13: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/13.jpg)
Transformar o complexo
em algo simples
Arquitetura de Informação:
![Page 14: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/14.jpg)
Exercício
![Page 15: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/15.jpg)
Quantos vezes o número 9 aparece abaixo?
![Page 16: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/16.jpg)
Quantos vezes o número 9 aparece abaixo?
858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328
![Page 17: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/17.jpg)
Quantos vezes o número 9 aparece abaixo?
858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328
. .)
![Page 18: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/18.jpg)
Quantos vezes o número 9 aparece abaixo?
![Page 19: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/19.jpg)
Quantos vezes o número 9 aparece abaixo?
858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328
![Page 20: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/20.jpg)
Quantos vezes o número 9 aparece abaixo?
858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328
. .)
![Page 21: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/21.jpg)
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
![Page 22: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/22.jpg)
Fundamentos da AI
ARQUITETURA DE INFORMAÇÃOAula 1 - João de Freitas24h
![Page 23: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/23.jpg)
Fundamentos
Contexto
★ Tecnologias★ Recursos
★ Objetivos do projeto★ Exigências e expectativas
★ Restrições
![Page 24: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/24.jpg)
Fundamentos
Conteúdo
★ Volume★ Estrutura
★ Documentos★ Tipos de dados
★ Ferramentas ou aplicações
![Page 25: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/25.jpg)
Fundamentos
Usuário
★ Necessidades★ Busca de Informações
★ Público★ Tarefas
★ Experiência★ Comportamento★ Contexto de Uso
![Page 26: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/26.jpg)
Fundamentos
UsuáriosContexto Conteúdo
![Page 27: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/27.jpg)
Fundamentos
Usuários
Contexto
Conteúdo
![Page 28: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/28.jpg)
Usuários
Contexto
Conteúdo
Ecologia da Informação
![Page 29: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/29.jpg)
Sistemas de OrganizaçãoSistemas de NavegaçãoSistemas de RotulaçãoSistemas de Busca
Princípios da AI
![Page 30: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/30.jpg)
Sistemas de Organização
![Page 31: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/31.jpg)
Sistemas de OrganizaçãoDetermina o agrupamento e a forma de categorizar as informações.
![Page 32: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/32.jpg)
Sistemas de Organização
![Page 33: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/33.jpg)
Sistemas de Organização
![Page 34: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/34.jpg)
Sistemas de Organização
![Page 35: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/35.jpg)
Sistemas de Organização
![Page 36: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/36.jpg)
Sistemas de Organização
![Page 37: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/37.jpg)
. .)
Sistemas de Organização
![Page 38: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/38.jpg)
Sistemas de Organização
![Page 39: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/39.jpg)
Sistemas de Organização
![Page 40: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/40.jpg)
Sistemas de Navegação
![Page 41: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/41.jpg)
Sistemas de NavegaçãoEspecifica as maneiras de navegar, de se mover dentro
do espaço informacional e hipertextual.
![Page 42: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/42.jpg)
Sistemas de Navegação
![Page 43: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/43.jpg)
Sistemas de Navegação
..)
![Page 44: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/44.jpg)
Sistemas de Navegação
![Page 45: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/45.jpg)
Sistemas de Navegação
..)
![Page 46: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/46.jpg)
Sistemas de Navegação
![Page 47: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/47.jpg)
Sistemas de Navegação
![Page 48: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/48.jpg)
Sistemas de Navegação Local
Sistema de Navegação Global
Sistema de Navegação Global
Sistemas de Navegação Local
![Page 49: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/49.jpg)
Sistemas de Rotulação
![Page 50: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/50.jpg)
Sistemas de RotulaçãoEstabelece as formas de apresentação da informação,
definindo “rótulos” para os elementos.
![Page 51: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/51.jpg)
Sistemas de Rotulação
![Page 52: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/52.jpg)
Sistemas de Rotulação
![Page 53: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/53.jpg)
Sistemas de Rotulação
O Cardsorting é o processo mais indicado para definição de nomenclaturas, de acordo com as expectativas dos usuários.
![Page 54: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/54.jpg)
Sistemas de Rotulação
![Page 55: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/55.jpg)
Exercício
![Page 56: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/56.jpg)
Organize os termos em grupos e defina um nome para cada agrupamento
Paris Hilton
Carros
Terremoto
Grêmio
Internacional
Futebol
Natação
AtletismoSteve Jobs
ComputadoresIpodTsunami
BrasilÍndia Japão
![Page 57: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/57.jpg)
Organize os termos em grupos e defina um nome para cada agrupamento
Paris Hilton
Carros TerremotoGrêmioInternacional
Futebol
Natação
Atletismo
Steve Jobs
Computadores
Ipod
Tsunami
Brasil
Índia
Japão
ESPORTES TECNOLOGIA
CELEBRIDADES
MUNDO
![Page 58: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/58.jpg)
Sistemas de Busca
![Page 59: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/59.jpg)
Sistemas de BuscaDetermina as perguntas que o usuário pode fazer e o conjunto
de respostas que irá receber.
![Page 60: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/60.jpg)
![Page 61: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/61.jpg)
![Page 62: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/62.jpg)
O que é uma busca? Apenas um campo de pesquisa?
![Page 63: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/63.jpg)
O que é uma busca? Apenas um campo de pesquisa?
![Page 64: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/64.jpg)
O que é uma busca? Apenas um campo de pesquisa?
![Page 65: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/65.jpg)
O que é uma busca? Apenas um campo de pesquisa?
![Page 66: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/66.jpg)
O que é uma busca? Apenas um campo de pesquisa?
![Page 67: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/67.jpg)
O que é uma busca? Apenas um campo de pesquisa?
![Page 68: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/68.jpg)
O processo de uma busca
![Page 69: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/69.jpg)
O processo de uma busca
![Page 70: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/70.jpg)
A Busca é um processo
de Dois Lados!
![Page 71: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/71.jpg)
A busca é uma parte fundamental da experiência dos usuários, eles criam grandes expectativas sobre como ela deve funcionar.“ ”
Nielsen, 2006
Sistemas de Busca
![Page 72: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/72.jpg)
Você deve se preocupar em estar no
Google!
![Page 73: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/73.jpg)
Você deve se preocupar em estar no
Google!
MAS...
![Page 74: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/74.jpg)
Você deve se preocupar em estar no
Google!
MAS...Não esqueça de arrumar sua própria casa.
![Page 75: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/75.jpg)
Há, obviamente, um conjunto bem menor de páginas a ser considerado em um único site do que em toda a Web.
Sistemas de BuscaArrume sua casa.
![Page 76: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/76.jpg)
Dentro de um único Website você tem uma percepção melhor da intenção do usuário
Sistemas de BuscaArrume sua casa.
![Page 77: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/77.jpg)
Você sabe quais são os documentos mais importantes do seu site
Sistemas de BuscaArrume sua casa.
![Page 78: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/78.jpg)
Você sabe quais os documentos antigos ou obsoletos, e assim, por padrão, pode atribuir
a eles uma relevância menor
Sistemas de BuscaArrume sua casa.
![Page 79: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/79.jpg)
Temos controle sobre o vocabulário (sinônimos, erros ortográficos)
Sistemas de BuscaArrume sua casa.
![Page 80: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/80.jpg)
Sistemas de Busca1. Quem?
2. Onde?
3. Por que?
4. O que?
2. Quando?
3. Como?
![Page 81: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/81.jpg)
![Page 82: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/82.jpg)
93% dos usuários só olham a primeira página
![Page 83: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/83.jpg)
47% rolam a primeira página (53% olham acima da dobra)
![Page 84: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/84.jpg)
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%
![Page 85: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/85.jpg)
Busca : Elementos
![Page 86: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/86.jpg)
Busca : Elementos
![Page 87: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/87.jpg)
![Page 89: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/89.jpg)
Usabilidade
![Page 90: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/90.jpg)
Usabilidade
..)
![Page 91: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/91.jpg)
Usabilidade
![Page 92: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/92.jpg)
Usabilidade
![Page 93: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/93.jpg)
Usabilidade
Técnicas deUsabilidade
1. Entrevistas2. Análises Heurísticas3. Testes de Usabilidade4. Card sorting
![Page 94: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/94.jpg)
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
![Page 95: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/95.jpg)
O que torna um problema de usabilidade grave
![Page 96: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/96.jpg)
O que torna um problema de usabilidade grave
1. Frequência
![Page 97: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/97.jpg)
O que torna um problema de usabilidade grave
2. Impacto1. Frequência
![Page 98: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/98.jpg)
O que torna um problema de usabilidade grave
2. Impacto 3. Persistência1. Frequência
![Page 99: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/99.jpg)
CONSISTÊNCIA
![Page 100: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/100.jpg)
Comportamento dos Usuários
0 segundos
10 segundos
20 segundos
30 segundos
40 segundos35
25
Tempo na HomePage
Experiência Baixa Experiência Alta
![Page 101: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/101.jpg)
Comportamento dos Usuários
0 segundos
15 segundos
30 segundos
45 segundos
60 segundos
35
60
25
45
Tempo na HomePageTempo em Uma Pág. Interna
Experiência Baixa Experiência Alta
![Page 102: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/102.jpg)
Arquitetura de Informação na prática
![Page 103: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/103.jpg)
Políticas Internas
![Page 104: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/104.jpg)
Arquitetura de Informação na prática
Entender objetivos do projeto, exigências e expectativas
Entender público alvo
Levantamento de conteúdos e serviços
Identificar empecilhos de usabilidade
Levantamento de Requisitos
![Page 105: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/105.jpg)
Arquitetura de Informação na prática
Definição das regras de organização e apresentação dos conteúdos e serviços
Definir sistema de organização
Definir sistema de navegação
Definir sistema de rotulação
Definir sistema de busca
Levantamento de Requisitos
Modelo de Organização
![Page 106: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/106.jpg)
Arquitetura de Informação na prática
Especificações da interface auxiliando nas demais etapas do projeto
Elaborar sitemap
Fluxo de navegação
Desenvolvimento de Wireframes
Levantamento de Requisitos
Modelo de Organização
Documentação
![Page 107: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/107.jpg)
Levantamento de Requisitos
Modelo de Organização
Documentação
Arquitetura de Informação na prática
![Page 108: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/108.jpg)
Levantamento de Requisitos
Modelo de Organização
Documentação
Arquitetura de Informação na prática
![Page 109: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/109.jpg)
Arquitetura de Informação na prática
Levantamento de Requisitos
Modelo de Organização
Documentação
![Page 110: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/110.jpg)
Arquitetura de Informação na prática
Auxiliar no desenvolvimento e garantir especificações sejam desenvolvidas corretamente
Apresentar documentos elaborados para entendimento da equipe de desenvolvimentoEstar sujeito a mudanças e revisão nos documentos (caso necessário)
Levantamento de Requisitos
Modelo de Organização
Documentação Acompanhamento da Implementação
![Page 111: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/111.jpg)
Arquitetura de Informação na prática
Levantamento de Requisitos
Modelo de Organização
Documentação Acompanhamento da Implementação
Análise dos Resultados
Avaliação dos resultados da interface de acordo com planejamento inicial
Medir o desempenho dos fatores críticos de sucessoLevantamento de melhorias a partir dos dados de navegação e interações
![Page 112: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/112.jpg)
Impactos da AI
Interface
Componentes da Arquitetura de Informação
![Page 113: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/113.jpg)
Resumindo:
O arquiteto de informação é
Multidisciplinar.
![Page 114: Intensivo 80h - Arquitetura de informação e usabilidade](https://reader034.fdocument.pub/reader034/viewer/2022052505/555b2f54d8b42afc348b4ab3/html5/thumbnails/114.jpg)
Valeu!
joaodefreitastwitter.com/facebook.com/
eu: