Arquitetura de Informação

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 ﬁca 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; • Simpliﬁcar 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 Deﬁnição de uma Design da problema estratégia solução

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

Entrevistas com o cliente

Estudo etnográﬁco

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

Deﬁniçã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/

http://plantabaixa.wordpress.com	321
http://sinistras.aranha.com.br	43
http://fabiocaparica.com	35
http://juniorvenancio.blogspot.com	33
http://lulileslie.com	30
http://www.lulileslie.com	12
http://www.slideshare.net	8
http://juniorvenancio.blogspot.com.br	3
http://www.computercom.com.br	3
http://www.netvibes.com	3
http://www.frisaprodutora.com.br	1
http://feeds.feedburner.com	1

Arquitetura de Informação

by lulileslie on Nov 13, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

12 Embeds 493

Statistics

Arquitetura de Informação — Presentation Transcript