Arquitetura de Informação
Onde estamos, de onde viemos
e pra onde vamos?

Carolina Leslie
• Cientista Molecular
• AgênciaClick, Globo.com, TPI
• Try Consultoria e Pesquisas -
Usabilidade
• Board of Advisors do Instituto de
Arquitetura de Informação
lulileslie.com

Luciana Cattony
plantabaixa.wordpress.com

Parte I:
Mas que diabos é isso?

“Information
Architecture”
Wurman

Design de Informação

Duas escolas de AIs
Designers Bibliotecários

Mas o que seria essa tal de
Arquitetura de Informação?

(

()

Segundo o Instituto de Arquitetura de Informação:
1. O design estrutural de ambientes de informação
compartilhados
2. A arte e a ciência da organização e categorização de sites,
intranets, comunidades online e softwares para proporcionar
usabilidade e “encontrabilidade”
3. Uma comunidade de prática emergente focada em levar
princípios de design e arquitetura ao ambiente digital

Ou na versão para a minha família:
Sabe quando você entra em um site e fica
confuso perdido?
Meu trabalho é fazer com que isso não
aconteça. Eu decido que páginas existem, os
nomes dos links e o que acontece quando você
clica em alguma coisa.

E para que serve essa tal de
Arquitetura de Informaçã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 às marcas;
• Criar experiências de uso memoráveis.

Parte II:
Metodologia

Contexto
AI
Usuários Conteúdo

Qual desses sistemas de organização é melhor?

Processo de trabalho
Entendimento do Definição de uma Design da
problema estratégia solução

Processo de trabalho
Entendimento do Definição de uma Design da
problema estratégia solução
E a avaliação?

Entrevistas com o cliente

Estudo etnográfico

Personas

emp
B ra s t
nart
Análise da concorrência
Cuisi
lpool
Whir
7
200
gosto
x|A
ctrolu ul
Cons
| Ele
g e ra l
ncia
rrê
Vi s ã o
conco -
U TO S
ROD rolux
DE P Elect
LOGO
C AT Á OS
IS A D
ANAL
S IT E S
a
págin
3 por ação
7
separ iais e o
ssui 1
ia po á uma ec
tegor ível h linhas esp por tipo.
a
aior c on
imeir dos
ou,
(a m e
No pr rastemp Y tos agrupa mo fogões
ite
á lim
Não h s) B o
u .
entre e dos prod tegorias, c ubdivisão
oduto as
ant ca
60
eral ucas ssuem um
pr rest
de
g as po
mais
Visão o
.
s com Algum radores, p
relho
ina e apa o
tálog
á pág efrige
tipo d de ca
(h r
ite por telas a lista de
á lim nível, r das
Não h s) ra
um ferio k pa
as em
to rte in m lin
produ Apen Na pa utos há u nha.
por
cados á od li
sifi de pr s fora de
o clas el h ara
l estã gundo nív to
link p produ
o níve á um
se
rimeir relho e no ada. rdo h
gina No p
á
esque os”.
por p et
pa
r
s po fac teral inuad
ea
3
tipo d ssificação
apena enu la t
cada orias, No m tos descon
la Não
uma c iro
lassifi prime as do
eg
está c umas cat ssuem rodu
ão om o
r
s o “p
parte o e alg in
a não consumid s pág
rdo c
po
maior parelh h
,
esque m todas a
dores de lin logo. O es
ite est
A l
a
á lim a
friger latera
os for obre
ea ão e
atá
Não h tipo d gões e re
s na rodut tados no c rmações s nsumidor. Menu e navegaç
duto P
o
por tip fo
e pro v itrine ao co d
en fo
como bdivisão. nível o.
apres ncontrar in
cipal Não
ade d iro
ento prime
r
u prin ria po u tados g
uma s endim
uantid
e do catálo
o men da catego pode com o s páginas
no at
resen “Tudo
Q s
n ria o
p tos
íveis: querd
são a atego as a
produ
nu o
dois n o e no me ica. ral es ão em tod
linha u na seçã
junto
s as c late
ra de iores o da
Em
ados
de to
arelh aracteríst Menu e navegaç
tos fo itrine
esent
de ap r
Produ adas ante o”.
estão c , na v ível d .
o de pr
s
oduto são a
têm n
um tip éc t Sim
oa
nas d seu produ
na s não
? go
uma b
os pr ssificados ados isso, catálo linha
esent a de egoria o invés d topo
o
Como sobre e cat ra de
o apr
rt têm
cla A o o
inas d esquerdo. facetas n
ha sã icativ
tálog
s fo sina
lin ind g
oduto
As pá teral
e Cui do ca
ra de ensagem or
ltro p
lux pr
tos fo
emp adas
la
menu tam um fi
m
Produ com uma st ar
ro
e. Bra
Elect as sep
en
Não o
apres .
e rimeir as do
vitrin tus.
vitrin
ha
ite da ra áre
mop
de lin la
e no s ão na
a do co as as págin da te
seu st ks pa
s fora atados? erdo
squer ç
ment lin
to
produ l esqu
tod
produ le
são tr ssuem
latera ão em
• So latera
tos em
Como Menu e navegaç
o: po tálog
rodu u
stã o men
d
do ca
nível o.
a que
aos p
Não
antêm
ra ess
nta o
ginas
utos dos.
g
tada? catálo
prese egoria
prod as pá
ão pa ua m
e
o fac stemp
a
ontin
erdo
e de a.
at
soluç todas
egaçã a áre
l esqu pções da c
s desc e Bra
vitrin
i nav latera
l nest
tos em
inart
oduto
rar a
o
Possu uma
Menu o nível de
o níve
, Cuis produ
e fi lt m pr
r, é
und ra und
l
co
od e
ncont Consu
seg
ção d
ário p e seg
a.
ionad
ine?
seja e avega
tes da enu d
o usu
selec
a v itr e de Os si an
nde m
enu d ível d ta um
tos qu
da, o da.
éom •
r
eiro n
os po resen
veita
aceta produ
Como lemas
rodut
r apro lux ap
ão f prim
de s prob
gos e
vegaç as 3 p
sticas o
ve se tro queno
a Elec
atálo
terí
e na pen

Card sorting
• Tenho uma foto boa na Try

Testes de usabilidade

Avaliação heurística

Inventário de conteúdo
Jeffrey Veen - http://www.adaptivepath.com/ideas/essays/archives/000040.php

Estatísticas de uso

Definição de uma estratégia
Diagramas conceituais
Casos de uso / cenários
Mapa do site geral
Wireframes de telas-tipo
Apresentações de conceito

Design da solução
Vocabulário controlado e
taxonomias
Matriz de conteúdo

Mapa do site detalhado

Wireframes

Testes de usabilidade em papel ou
protótipo

Obrigada =)
carolinaleslie@gmail.com
www.lulileslie.com
lucianacattony@gmail.com
www.plantabaixa.wordpress.com/