os 7 processos da arquitetura da informação
DESCRIPTION
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.TRANSCRIPT
Os 7 processos da A.I.
7 processos
Planejamento de Informações
• Etapa inicial de análise do sistema e planejamento
• Definição de objetivos do
cliente e do sistema
• Metadesign: planejar a
plataforma que permitirá planejar depois
Planejamento de Informações
Métodos recomendados
✓ Briefing
✓ Benchmarking
✓ Mapas conceituais
✓ Reuniões
Necessidade
Significado Utilidade
Segurança durante a transação
Significado Utilidade
Significado Utilidade
Comprar passagens para o dia seguinte
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
Modelos conceituais: Mapas mentais
• Mostra tendências e ligações sobre a percepção das pessoas
• Estruturação hierárquica de
ideias
• Usado em brainstorming coletivo para desenvolver perspectivas comuns
Modelos conceituais: Mapas mentais
Mapa mental do Delicious
Contextos de uso
Cebola dos contextos da interação mediada
Modelos conceituais: Contexto tecnológico
Diagrama de Modelo de banco de dados
Modelos conceituais: Contexto simbólico
Relações conceituais dos artefatos no Delicious.com
Modelos conceituais: Contexto simbólico
Fluxo de mediação de atividades no Delicious.com
Modelos conceituais: Contexto social
Contexto social do Delicious.com
7 processos
Levantamento de Informações
• Busca compreensão do projeto
• Levantamento de
informações, dados, atores e envolvidos (usuários, stakeholders, etc)
• Compreender as tarefas e
atividades que o usuário irá realizar e o contexto social onde está inserido
Levantamento de Informações
Métodos recomendados
✓ Inventário de
Conteúdo
✓ Entrevistas
✓ Questionários
✓ Etnografia Virtual
Conteúdo Inventário de
Google Docs
Questionários
Entrevistas
Pesquisa com registro editado em vídeo realizado por alunos
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...
Etnografia
Busca a compreensão aprofundada do comportamento a partir da observação de situação reais.
Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia
Jason Diptych
Juan Carlos
Estudo etnográfico realizado no espaço
digital, baseado na participação em redes
sociais na web.
“Etnografia” virtual
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!
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)
+ 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ê
Muito + no Corais.org
7 processos
Classificação de Informações
Organização e classificação
Métodos recomendados
✓ Card-Sorting
✓ Taxonomia
✓ Folcsonomia
✓ Vocabulário Controlado
✓ Modelo Mental
✓ Diagrama de afinidades
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
Taxonomia dos seres vivos (Lineu)
Taxonomia em Arquitetura da
Informaçã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
Taxonomias para navegação (antigo Cadê?)
Taxonomia em buscas
(WolframAlpha)
Taxonomia em buscas
(WolframAlpha)
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
Processo de Classificação
rotular
categori zar
agrupar
Quero pegar um livro na biblioteca...
Como faço?
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
Presencial Online
Card-sorting
Rótulos
aluno
aprendiz
estagiário acadêmico
universitário
tutelado
estudante
colega
pupilo
discípulo
educando
Agrupamentos
tutelado
aluno
estudante
colega
aprendiz
estagiário
universitário
acadêmico
educando
pupilo
discípulo
Categorias
direito
tutelado
formal
universitário
acadêmico
educando
fábulas
pupilo
discípulo
coloquial
aluno
estudante
colega
trabalho
aprendiz
estagiário
Teste com protótipo
• Palm Vx
• Portátil
• Arquivos HTML apenas com as opções de menu
• Tarefas de recuperação de informação
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
Folcsonomia
Vocabulário Controlado
• Contém a Taxonomia
• Pode conter um Tesauro
• Glossário
• Ontologia
• Gerenciadores de conteúdo
Ontologia no Cadê
7 processos
Gestão do Conteúdo
Antes da Gestão de Conteúdo
Gestão de Conteúdo centralizada
1/2
Gestão de Conteúdo centralizada
2/2
Gestão de Conteúdo descentralizada
Gerenciadores de Conteúdo - CMS
Administração de categorias no gerenciador de conteúdo Wordpress
Definição de papéis dos usuários e privilégios
7 processos
Navegação
Navegação
• Fluxos da Informação Métodos recomendados
• Facilitar o encontrabilidade da informação pelo usuário
✓ Fluxograma
✓ Sitemap
Modelos de Navegação
• Macro para Micro
• Entrada e Saída
• Linear
• Rizomático
Modelo de Navegação: Macro para Micro
Modelo de navegação em árvore
Modelo de Navegação em Entrada e Saída
Modelo de Navegação Linear
Modelo de Navegação Rizomátíca
Sitegrama ou SiteMap
Fluxograma ou fluxo de tarefa
Árvore de Tarefas
7 processos
Visualização de Informações
Visualização de Informações
• Abstração da Informação
• Melhoria na comunicação através da documentação visual
Métodos recomendados
• Gráfico/Imagem ✓ Wireframe
• Facilita do entendimento
✓ Wireflow
Newsmap
Proximidade
Similaridade
PRINCÍPIOS GESTALT
Figura-fundo
Simetria
Fechamento
Densidade populacional no Time Magazine
Linha interativa com a história do Império
Britânico:
Heatmap: visualização em forma de F e Eyetrack (Poynter Institute : 2004)
• Propósito (demonstrar,testar,explorar) • Fidelidade (alta,baixa) • Funcionalidade (funcional,semi-funcional) • Etapa e Competência técnica
Prototipação das representações
visuais das interfaces
Rabiscos Sketchs ou
Liberte-se!
Momento de definição: Wireframe
especificação
Protótipos em baixa ou em
alta fidelidade
Protótipos
Protótipo em baixa fidelidade
Protótipo em papel
Mockup Protótipo que permite testar funcionalidades com usuários
Cardboard Mockup of a calendar application for school kids
Protótipo em alta fidelidade
Protótipo semi-funcional
Reactables
Performance Reactables
Vocabulário Visual
página/ documento (e suas pilhas)
dois tipos de estrutura (árvore,a esquerda)
Setas indicam o caminho que o usuário
está propenso a seguir.A crossbar indica operações irreversíveis.
ponto de decisão
exemplo de área
Visual Vocabulary de Jesse James Garrett
Vocabulário Visual Visual Vocabulary de Jesse James Garrett
página/ documento (e suas pilhas)
Vocabulário Visual Visual Vocabulary de Jesse James Garrett
dois tipos de estrutura (árvore,a esquerda)
Vocabulário Visual Visual Vocabulary de Jesse James Garrett
Setas indicam o caminho que o usuário está propenso a seguir.A crossbar indica operações irreversíveis.
Visual Vocabulary de Jesse James Garrett
Vocabulário Visual exemplo de área
Vocabulário Visual Visual Vocabulary de Jesse James Garrett
ponto de decisão
de Tarefa Análise
Ferramenta para edição
de quadrinhos online: Pixton
Storyboard
Representa a interação entre papéis de usuários
Diagrama Sequencial
Diagrama Sequencial Negativo
Wireflow
7 processos
Recuperação de Informações
Recuperação de Informações
• Encontrabilidade
• Dar pistas ao usuário
• Múltiplos caminhos para
encontrar a informação
• Análise de Estatísticas
Métodos recomendados
✓ Análise de
Estatísticas de navegação
✓ SEO
“Dar pistas aos usuários...”
Análise de estatísticas
Análise de Helpdesk Saber a opinião dos usuários
que se importam
Curso Online de Arquitetura de Informação
Conheça nosso
e descubra mais sobre os processos de A.I.