Arquitetura de informação<br />Colégio XIX de Março<br />Elisa Volpato - agosto de 2008<br />
Quem é a Elisa Volpato?<br />Sim, soufilhada Regina (issoexplica a mitocôndriaaolado)<br />Tenho 25 anos (estava no 2o col...
O que é arquitetura de informação? <br />“Organizaçãodainformação de forma a torná-la clara, compreensível”<br />“Organiza...
Resumindo:<br />O arquiteto de informação é umapessoaqueorganiza as coisasparaajudaroutraspessoasa encontraressascoisasdep...
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />O arquitetovaiorganizar as compras do supermercado no a...
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />nascompras de supermercadotemos: <br />
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />o arquitetoorganizatudoemtrêsgrupos<br />
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />e define o quefazer com cadagrupo<br />
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />no final, vê se a mãegostou<br />Adorei, filho! Sóachom...
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />OK, foiumametáfora.<br />
O que o arquiteto de informaçãofaz?<br />Sites<br />Intranets (sites quefuncionamapenasdentro de umaempresa)<br />Aplicati...
Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />O site é bonitinho, masvocênãoencontrou nada do quequeria<br...
Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />O sistemadevia se esforçarparaentender o quevocêquer, e não ...
Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />As categorias e hierarquias de um site devemfazersentido – c...
Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />É importanteevitar a ambiguidade, paranãoconfundir o usuário...
Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />Nãoadianta o site ser bonitinho se nãoderparaenxergar o menu...
O que o arquiteto de informaçãofaz?<br />Para fazer um novo site:<br />Organiza o conteúdo do site<br />“Desenha” comoeste...
Exemplo (quase) real: um arquitetofazendo um site de faculdade<br />Novo site para o <br />Grupo de Estudos de Arquitetura...
Exemplo (quase) real: site de faculdade<br />1. Organizar o conteúdo<br />Levantamento de conteúdo e funcionalidades (o qu...
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />1. Organizar o conteúdo<br />Diagramasparamostrar a organizaçãocriadapara o c...
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />2. “Desenhar”<br />Para orientar as demaisetapasdacriação do site, o arquitet...
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />3. Testar<br />O arquiteto de informaçãopodemontar um protótipo do site (umav...
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />
Exemplo (quase) real: site de faculdade<br />3. Testar<br />Depois do teste:<br />Listarosproblemas do projeto<br />Realiz...
Onde um arquiteto de informaçãopodetrabalhar?  <br />Agências de publicidade <br />Produtoras de websites<br />Portais de ...
Como virar um arquiteto de informação?  <br />Nãoexisteumafaculdade de arquitetura de informação! <br />
Como virar um arquiteto de informação?  <br />Mashávárioscursosquepodemformar um arquiteto de informação:<br />Comunicação...
Qual o perfil do arquiteto de informação? <br />Nemtodososarquitetosprecisam ser assim!<br />Gosta (muito) de Internet<br ...
Vale a pena ser arquiteto de informação? <br />
Vale a pena ser arquiteto de informação? <br />OPA!<br />$<br />$<br />O mercadoestá crescendo bastante, e osbonsprofissio...
Vale a pena ser arquiteto de informação? <br />(gráficogrosseiro, exagerado e fictício)<br />
Para aprenderporcontaprópria<br />Sites:<br />www.useit.com.br<br />	do Jakob Nielsen<br />www.arquiteturadeinformacao.com...
Para aprenderporcontaprópria<br />Livros: <br />Não me façapensar!, Steve Krug<br />O Design do Dia-a-dia, Donald Norman<b...
elisavolpato@gmail.com<br />Para perguntas e currículos:<br />
Upcoming SlideShare
Loading in …5
×

Explicando arquitetura de informação...

1,565 views

Published on

...para pessoas de 15 anos do interior de minas e para minha mãe.

Published in: Design, Education, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,565
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Explicando arquitetura de informação...

  1. 1. Arquitetura de informação<br />Colégio XIX de Março<br />Elisa Volpato - agosto de 2008<br />
  2. 2. Quem é a Elisa Volpato?<br />Sim, soufilhada Regina (issoexplica a mitocôndriaaolado)<br />Tenho 25 anos (estava no 2o colegialhá 10 anosatrás!)<br />Fizjornalismona USP e depoiscomecei a trabalhar com Internet<br />Hojesouarquiteta de informaçãonaAgência Click, em São Paulo<br />
  3. 3. O que é arquitetura de informação? <br />“Organizaçãodainformação de forma a torná-la clara, compreensível”<br />“Organizar e estruturar (…) paraajudar as pessoas a satisfazeremsuasnecessidades de informação de forma efetiva”<br />“design estrutural”<br />“estruturar e classificar websites e intranets paraajudar as pessoas a encontrar o queprocuram”<br />
  4. 4. Resumindo:<br />O arquiteto de informação é umapessoaqueorganiza as coisasparaajudaroutraspessoasa encontraressascoisasdepois<br />
  5. 5. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />O arquitetovaiorganizar as compras do supermercado no armário de um jeitoquefaçasentido…<br />…para a mãe dele encontrar as coisasfacilmentenahora de cozinhar. <br />
  6. 6. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />nascompras de supermercadotemos: <br />
  7. 7. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />o arquitetoorganizatudoemtrêsgrupos<br />
  8. 8. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />e define o quefazer com cadagrupo<br />
  9. 9. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />no final, vê se a mãegostou<br />Adorei, filho! Sóachomelhoresconder a pimentapara o seupainãousardemais…<br />
  10. 10. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha<br />OK, foiumametáfora.<br />
  11. 11. O que o arquiteto de informaçãofaz?<br />Sites<br />Intranets (sites quefuncionamapenasdentro de umaempresa)<br />Aplicativospara web e paracelular<br />Caixaseletrônicos<br />Quiosques de informaçãoemshoppings<br />Sistemasparabibliotecas<br />etc. (nãopáram de inventarcoisas!)<br />
  12. 12. Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />O site é bonitinho, masvocênãoencontrou nada do quequeria<br />A busca do site trouxeresultadosquenãotinham nada a ver com o quevocêdigitou<br />Vocêdesistiu no meio de um cadastroque era muitodifícil de preencher<br />
  13. 13. Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />O sistemadevia se esforçarparaentender o quevocêquer, e não o contrário. Tem quehaver um diálogo!<br />
  14. 14. Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />As categorias e hierarquias de um site devemfazersentido – casocontrário, atrapalhamemvez de ajudar.<br />
  15. 15. Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />É importanteevitar a ambiguidade, paranãoconfundir o usuário – aindanãodápravotar online naeleição, né? <br />
  16. 16. Vocêpercebe a falta de um arquiteto de informaçãoquando…<br />Nãoadianta o site ser bonitinho se nãoderparaenxergar o menu!<br />
  17. 17. O que o arquiteto de informaçãofaz?<br />Para fazer um novo site:<br />Organiza o conteúdo do site<br />“Desenha” comoesteconteúdoseráapresentado no site<br />Testa o queele fez com osfuturosusuários do site<br />
  18. 18. Exemplo (quase) real: um arquitetofazendo um site de faculdade<br />Novo site para o <br />Grupo de Estudos de Arquitetura de Informação (GAI) daFaculdadeBelga<br />
  19. 19. Exemplo (quase) real: site de faculdade<br />1. Organizar o conteúdo<br />Levantamento de conteúdo e funcionalidades (o quevaiter no site?)<br />Taxonomia (organizar o conteúdoemcategorias)<br />
  20. 20. Exemplo (quase) real: site de faculdade<br />
  21. 21. Exemplo (quase) real: site de faculdade<br />1. Organizar o conteúdo<br />Diagramasparamostrar a organizaçãocriadapara o conteúdo do site<br />É a estrutura do site <br />
  22. 22. Exemplo (quase) real: site de faculdade<br />
  23. 23. Exemplo (quase) real: site de faculdade<br />2. “Desenhar”<br />Para orientar as demaisetapasdacriação do site, o arquitetofaz“rascunhos” de cadapágina do site, mostrando a localização dos elementos e comoelesfuncionam. <br />É um esqueleto do site, a quechamamos de wireframes.<br />
  24. 24. Exemplo (quase) real: site de faculdade<br />
  25. 25. Exemplo (quase) real: site de faculdade<br />
  26. 26. Exemplo (quase) real: site de faculdade<br />
  27. 27. Exemplo (quase) real: site de faculdade<br />3. Testar<br />O arquiteto de informaçãopodemontar um protótipo do site (umaversãosem cores e design)<br />O teste com o usuários serve paraencontrarproblemas e obteropiniões de quemvaiusar o site<br />
  28. 28. Exemplo (quase) real: site de faculdade<br />
  29. 29. Exemplo (quase) real: site de faculdade<br />
  30. 30. Exemplo (quase) real: site de faculdade<br />3. Testar<br />Depois do teste:<br />Listarosproblemas do projeto<br />Realizarajustes no desenho e naestrutura<br />Se possível, testar de novo! <br />
  31. 31. Onde um arquiteto de informaçãopodetrabalhar? <br />Agências de publicidade <br />Produtoras de websites<br />Portais de conteúdo (UOL, Terra etc.)<br />Empresas de softwares e de tecnologia<br />Empresas de pesquisa e consultoria de usabilidade<br />Qualquerempresaquequeiraterumaequipeinternaparadesenvolverseu site ou intranet<br />
  32. 32. Como virar um arquiteto de informação? <br />Nãoexisteumafaculdade de arquitetura de informação! <br />
  33. 33. Como virar um arquiteto de informação? <br />Mashávárioscursosquepodemformar um arquiteto de informação:<br />Comunicação (jornalismo, publicidade)<br />CiênciasSociais<br />Design para web / design digital<br />Ciênciadacomputação<br />Pós-graduaçõesem design de interação e arquitetura de informação no Rio, São Paulo e BH. <br />
  34. 34. Qual o perfil do arquiteto de informação? <br />Nemtodososarquitetosprecisam ser assim!<br />Gosta (muito) de Internet<br />É detalhista<br />Gosta de pesquisarcoisasporcontaprópria<br />É organizado (oupelomenossabe se organizarquandoquer)<br />Sabelidarbem com equipes e é comunicativo<br />Sabelereminglês (muitos dos livrosdaáreasãosóeminglês)<br />
  35. 35. Vale a pena ser arquiteto de informação? <br />
  36. 36. Vale a pena ser arquiteto de informação? <br />OPA!<br />$<br />$<br />O mercadoestá crescendo bastante, e osbonsprofissionaissãodisputados!<br />
  37. 37. Vale a pena ser arquiteto de informação? <br />(gráficogrosseiro, exagerado e fictício)<br />
  38. 38. Para aprenderporcontaprópria<br />Sites:<br />www.useit.com.br<br /> do Jakob Nielsen<br />www.arquiteturadeinformacao.com.br<br />www.boxesandarrows.com<br />http://googleblog.blogspot.com/<br /> o blog do google!<br />
  39. 39. Para aprenderporcontaprópria<br />Livros: <br />Não me façapensar!, Steve Krug<br />O Design do Dia-a-dia, Donald Norman<br />Information Architecture for the World Wide Web, Peter Morville e Louis Rosenfeld<br />The Elements of User Experience, Jesse James Garrett<br />
  40. 40. elisavolpato@gmail.com<br />Para perguntas e currículos:<br />

×