Logo Passei Direto
Study with thousands of resources!

Text Material Preview

Arquitetura de 
Informação
Diogo Soares
Arquitetura de Informação
● Introdução ao assunto...
Arquitetura de Informação
● Introdução ao assunto…
○ O que é arquitetura da Informação
○ O que é usabilidade
○ Comportamentos dos Usuários
○ Processos, Metodologias e entregáveis
○ Competências
Arquitetura de Informação
● Mas o que é navegação?
Arquitetura de Informação
● Mas o que é navegação?
O hipertexto da Web aplica a possibilidade de saltos a 
partir de ramificac ̧ões de conteúdos e entre diversos nǤ́veis 
de informac ̧ões.
 Rosenfeld e Morville
Arquitetura de Informação
● Mas navegação NÃO é só Web!
Arquitetura de Informação
● Mas navegação NÃO é só Web!
Arquitetura de Informação
Arquitetura de Informação
● Um pouco de história…
○ Richard Saul Wurman Criou o termo Arquitetura de 
Informac ̧ão em 1976
○ Nasceu em 1935, Philadelphia, PA
○ Publicou seu primeiro livro em 1962 aos 26 anos.
○ Paixão da sua vida: tornar a informac ̧ão fácil de se 
compreender.
Arquitetura de Informação
● Um pouco de história…
○ Richard Saul Wurman Criou o termo Arquitetura de 
Informac ̧ão em 1976
○ Nasceu em 1935, Philadelphia, PA
○ Publicou seu primeiro livro em 1962 aos 26 anos.
○ Paixão da sua vida: tornar a informac ̧ão fácil de se 
compreender.
Arquitetura de Informação
● E como as coisas eram (e em alguns casos ainda são 
:sad:)
Arquitetura de Informação
Arquitetura de Informação
● Mas então veio a revolução com Louis Rosenfeld e Peter 
Morville com seu livro: "Livro do Urso Polar"
Arquitetura de Informação
● Mas então veio a revolução com Louis Rosenfeld e Peter 
Morville com seu livro: "Livro do Urso Polar"
Arquitetura de Informação
● Mas então veio a revolução com Louis Rosenfeld e Peter 
Morville com seu livro: "Livro do Urso Polar"
 “Nossa área é muito nova e incipiente para qualquer um afirmar 
 que sabe tudo. [...] Se voce ̂ 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”
Arquitetura de Informação
● Mas beleza, o que é arquitetura da informação?
Arquitetura de Informação
● Mas beleza, e o que é arquitetura da informação?
Arquitetura de Informação
● Mas beleza, e o que é arquitetura da informação?
É transformar algo complexo em algo simples...
Arquitetura de Informação
● Vamos ao exemplo...
Arquitetura de Informação
● Quantos vezes o número 9 aparece abaixo?
Arquitetura de Informação
● Quantos vezes o número 9 aparece abaixo?
Arquitetura de Informação
● Quantos vezes o número 9 aparece abaixo?
Arquitetura de Informação
● E agora? Quantos vezes o número 9 aparece abaixo?
Arquitetura de Informação
● E agora? Quantos vezes o número 9 aparece abaixo?
Arquitetura de Informação
● Fundamentos da AI
Arquitetura de Informação
● Fundamentos da AI: Contexto
○ Objetivos do projeto 
○ Tecnologias 
○ Restric ̧ões 
○ Exige ̂ncias e expectativas 
○ Recursos
Arquitetura de Informação
● Fundamentos da AI: Conteúdo
○ Documentos
○ Volume
○ Ferramentas ou aplicac ̧ões
○ Tipos de dados
○ Estrutura
Arquitetura de Informação
● Fundamentos da AI: Usuários
○ Público
○ Necessidades
○ Comportamento
○ Experie ̂ncia
○ Tarefas
○ Busca de Informac ̧ões
○ Contexto de Uso
Arquitetura de Informação
● Fundamentos da AI
○ Eles devem estar em união!
Arquitetura de Informação
● Fundamentos da AI
○ E com isso temos a ECOLOGIA DA INFORMAÇÃO
Arquitetura de Informação
● E qual é a sua aplicação?
○ Encurtar o tempo de construção
○ Tornar a manutenção mais simples
○ Tornar a busca por informações mais rápida
○ Simplificar tarefas e processos
○ Diminuir a necessidade de treinamentos
○ Agregar valor à marca
○ Criar boas experiências de uso
Arquitetura de Informação
● E em qual momento aplicamos ela?
Arquitetura de Informação
● E em qual momento aplicamos ela?
Arquitetura de Informação
● E precisamos de alguns elementos especiais:
○ Contexto: Entender as estratégias e oportunidades de negócio, 
os processos e a cultura da empresa, o background do projeto e 
os recursos disponíveis para sua realização
○ Usuários: Design centrado no usuário > Considerar as 
necessidades do usuário final e entender seus tipos de 
comportamento em busca da informação
○ Conteúdo: Levantar a natureza e a quantidade de conteúdo a ser 
desenvolvido para o projeto, projetar possíveis cenários para o 
crescimento do site
○
Arquitetura de Informação
● Dentro do desenvolvimento de um projeto é 
fundamental:
○ Descobrir o que precisa projetar e como
○ Conhecer quem vai desenvolver
○ A tecnologia disponível
○ Referências importantes
Arquitetura de Informação
● 5 dicas de Steve Krug para que as pessoas entendam 
seu site
○ Aproveite as convenções
○ Crie uma hierarquia visual clara em cada página
○ Quebre as páginas em áreas claramente definíveis
○ Deixe óbvio o que é clicável
○ Minimize o ruído
Arquitetura de Informação
● 5 dicas de Steve Krug para que as pessoas entendam 
seu site
○ Aproveite as convenções
○ Crie uma hierarquia visual clara em cada página
○ Quebre as páginas em áreas claramente definíveis
○ Deixe óbvio o que é clicável
○ Minimize o ruído
Arquitetura de Informação
● E voltando para o projeto :D
● Descobrir o Contexto significa:
○ Entender os objetivos do negócio e metas 
corporativas
○ Descobrir o “reason why” do projeto
○ Saber qual é o público-alvo
○ Levantar todos os stakeholders envolvidos
Arquitetura de Informação
● Descobrir o Contexto significa:
○ Identificar as restrições do projeto
○ Avaliar erros e sucessos anteriores
○ Olhar para o que está feito no mercado (benchmark 
funcional)
■ Focado nas funcionalidades e experiências de uso 
dos sites concorrentes
Arquitetura de Informação
● Algumas perguntas para descobrir o Contexto
○ Quais os objetivos a curto, médio e longo prazo?
○ Qual é o modelo de negócio? Quais são as políticas?
○ Quem é o público-alvo?
○ Que tipo de tarefas os usuários poderão realizar?
○ Porque os usuários visitarão o site? Porque voltarão?
○ Qual o orçamento e o cronograma do projeto?
○ Como o conteúdo será criado e gerido?
Arquitetura de Informação
● Algumas perguntas para descobrir o Contexto
○ Qual a infraestrutura técnica?
○ O que funcionou e o que deu errado no passado?
● E a mais importante!
○ O que deixei de perguntar?
Arquitetura de Informação
● Agora nossas estrelas! Os Usuário!
Os usuários são os designers definitivos da web. 
Arquitetura de Informação
● Descobrindo o Usuário
● Porque conhecer os usuários:
○ Para alinhar os objetivos corporativos com as 
necessidades do público-alvo
○ Para encontrar inadequações nos projetos
○ Para ter subsídios consistentes ao defender aspectos 
importantes do projeto
○ Para projetar com maior chance de sucesso
Arquitetura de Informação
● Algumas técnicas
○ Pesquisa 
○ Testes de Usabilidade
○ Entrevista 
○ Análise da Tarefa
○ Questionário 
○ Web Analytics
○ Grupo de Foco 
○ Personas e Cenários
Arquitetura de Informação
● Web Analytics
Arquitetura de Informação
● Web Analytics
Arquitetura de Informação
● Web Analytics
Arquitetura de Informação
● Personas 
○ PERSONAGEM FICTÍCIO que representa um grupo de 
usuários reunindo padrões de comportamento de 
suasdecisões de compra, uso de tecnologia ou 
produtos, preferências de atendimento ao cliente, 
estilo de vida, etc.
Arquitetura de Informação
● Cenários 
○ Descric ̧ões de legǤ́timas situac ̧ões hipotéticas
○ Devem abranger emoc ̧ões e levantar diferentes 
questionamentos sobre a necessidade do produto
● Como seria sua mãe usando o Tinder?
Arquitetura de Informação
● Personas e Cenários É:
○ O objetivo é obter a simulac ̧ão realista dos principais 
tipos de usuários e suas intenc ̧ões com o produto
● Personas e Cenários NÃO É:
○ Estereótipos dos usuários
○ Perfis baseados em dados demográficos
Arquitetura de Informação
● Como trabalhar Personas e Cenários
○ Primeira dica!
Arquitetura de Informação
● Como trabalhar Personas e Cenários
○ Não seja a mãe Dináh!
Arquitetura de Informação
● Como trabalhar Personas e Cenários
○ Identificar grupo de usuários potenciais
○ Faça entrevistas e faça coleta de dados!
■ sócio-demográficos, objetivos, hábitos, 
necessidades, expectativas, barreiras/problemas
○ Com base nas informac ̧ões, perceber o estilo de vida, 
o que ele necessita ou o que gostaria de ter com a 
sua solução
Arquitetura de Informação
● Como trabalhar Personas e Cenários
○ Criac ̧ão de 3 a 7 perfis
○ Escolha dos perfis prioritários
○ O personagem deve representar o perfil médio do 
grupo
Arquitetura de Informação
● Como trabalhar Personas e Cenários
○ Criac ̧ão de 3 a 7 perfis
○ Escolha dos perfis prioritários
○ O personagem deve representar o perfil médio do 
grupo
Arquitetura de Informação
● Exemplo de persona
Arquitetura de Informação
● Modelos legais:
○ http://www.caroli.org/atividade-identificando-person
as/
○ https://resultadosdigitais.com.br/blog/mapa-da-emp
atia/
Arquitetura de Informação
● Agora bora praticar?
○ Aquela dinâmica que vocês respeita!
○ Bora fazer as personas para esse incrível produto?
Arquitetura de Informação
● Agora bora praticar?