Os 7 processos da Arquitetura de Informação

Instituto Faber-Ludens

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

Ouvido Visual

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.