Arquitetura de informaçãoColégio XIX de MarçoElisa Volpato - agosto de 2008
Quem é a Elisa Volpato?Sim, soufilhada Regina (issoexplica a mitocôndriaaolado)Tenho 25 anos (estava no 2o colegialhá 10 anosatrás!)Fizjornalismona USP e depoiscomecei a trabalhar com InternetHojesouarquiteta de informaçãonaAgência Click, em São Paulo
O que é arquitetura de informação? “Organizaçãodainformação de forma a torná-la clara, compreensível”“Organizar e estruturar (…) paraajudar as pessoas a satisfazeremsuasnecessidades de informação de forma efetiva”“design estrutural”“estruturar e classificar websites e intranets paraajudar as pessoas a encontrar o queprocuram”
Resumindo:O arquiteto de informação é umapessoaqueorganiza as coisasparaajudaroutraspessoasa encontraressascoisasdepois
Exemplobesta: um arquiteto de informaçãoorganizando a cozinhaO arquitetovaiorganizar as compras do supermercado no armário de um jeitoquefaçasentido……para a mãe dele encontrar as coisasfacilmentenahora de cozinhar.
Exemplobesta: um arquiteto de informaçãoorganizando a cozinhanascompras de supermercadotemos:
Exemplobesta: um arquiteto de informaçãoorganizando a cozinhao arquitetoorganizatudoemtrêsgrupos
Exemplobesta: um arquiteto de informaçãoorganizando a cozinhae define o quefazer com cadagrupo
Exemplobesta: um arquiteto de informaçãoorganizando a cozinhano final, vê se a mãegostouAdorei, filho! Sóachomelhoresconder a pimentapara o seupainãousardemais…
Exemplobesta: um arquiteto de informaçãoorganizando a cozinhaOK, foiumametáfora.
O que o arquiteto de informaçãofaz?SitesIntranets (sites quefuncionamapenasdentro de umaempresa)Aplicativospara web e paracelularCaixaseletrônicosQuiosques de informaçãoemshoppingsSistemasparabibliotecasetc. (nãopáram de inventarcoisas!)
Vocêpercebe a falta de um arquiteto de informaçãoquando…O site é bonitinho, masvocênãoencontrou nada do quequeriaA busca do site trouxeresultadosquenãotinham nada a ver com o quevocêdigitouVocêdesistiu no meio de um cadastroque era muitodifícil de preencher
Vocêpercebe a falta de um arquiteto de informaçãoquando…O sistemadevia se esforçarparaentender o quevocêquer, e não o contrário. Tem quehaver um diálogo!
Vocêpercebe a falta de um arquiteto de informaçãoquando…As categorias e hierarquias de um site devemfazersentido – casocontrário, atrapalhamemvez de ajudar.
Vocêpercebe a falta de um arquiteto de informaçãoquando…É importanteevitar a ambiguidade, paranãoconfundir o usuário – aindanãodápravotar online naeleição, né?
Vocêpercebe a falta de um arquiteto de informaçãoquando…Nãoadianta o site ser bonitinho se nãoderparaenxergar o menu!
O que o arquiteto de informaçãofaz?Para fazer um novo site:Organiza o conteúdo do site“Desenha” comoesteconteúdoseráapresentado no siteTesta o queele fez com osfuturosusuários do site
Exemplo (quase) real: um arquitetofazendo um site de faculdadeNovo site para o Grupo de Estudos de Arquitetura de Informação (GAI) daFaculdadeBelga
Exemplo (quase) real: site de faculdade1. Organizar o conteúdoLevantamento de conteúdo e funcionalidades (o quevaiter no site?)Taxonomia (organizar o conteúdoemcategorias)
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade1. Organizar o conteúdoDiagramasparamostrar a organizaçãocriadapara o conteúdo do siteÉ a estrutura do site
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade2. “Desenhar”Para orientar as demaisetapasdacriação do site, o arquitetofaz“rascunhos” de cadapágina do site, mostrando a localização dos elementos e comoelesfuncionam. É um esqueleto do site, a quechamamos de  wireframes.
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade3. TestarO arquiteto de informaçãopodemontar um protótipo do site (umaversãosem cores e design)O teste com o usuários serve paraencontrarproblemas e obteropiniões de quemvaiusar o site
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade3. TestarDepois do teste:Listarosproblemas do projetoRealizarajustes no desenho e naestruturaSe possível, testar de novo!
Onde um arquiteto de informaçãopodetrabalhar?  Agências de publicidade Produtoras de websitesPortais de conteúdo (UOL, Terra etc.)Empresas de softwares e de tecnologiaEmpresas de pesquisa e consultoria de usabilidadeQualquerempresaquequeiraterumaequipeinternaparadesenvolverseu site ou intranet
Como virar um arquiteto de informação?  Nãoexisteumafaculdade de arquitetura de informação!
Como virar um arquiteto de informação?  Mashávárioscursosquepodemformar um arquiteto de informação:Comunicação (jornalismo, publicidade)CiênciasSociaisDesign para web / design digitalCiênciadacomputaçãoPós-graduaçõesem design de interação e arquitetura de informação no Rio, São Paulo e BH.
Qual o perfil do arquiteto de informação? Nemtodososarquitetosprecisam ser assim!Gosta (muito) de InternetÉ detalhistaGosta de pesquisarcoisasporcontaprópriaÉ organizado (oupelomenossabe se organizarquandoquer)Sabelidarbem com equipes e é comunicativoSabelereminglês (muitos dos livrosdaáreasãosóeminglês)
Vale a pena ser arquiteto de informação?
Vale a pena ser arquiteto de informação? OPA!$$O mercadoestá crescendo bastante, e osbonsprofissionaissãodisputados!
Vale a pena ser arquiteto de informação? (gráficogrosseiro, exagerado e fictício)
Para aprenderporcontaprópriaSites:www.useit.com.br	do Jakob Nielsenwww.arquiteturadeinformacao.com.brwww.boxesandarrows.comhttp://googleblog.blogspot.com/	o blog do google!
Para aprenderporcontaprópriaLivros: Não me façapensar!, Steve KrugO Design do Dia-a-dia, Donald NormanInformation Architecture for the World Wide Web, Peter Morville e Louis RosenfeldThe Elements of User Experience, Jesse James Garrett
elisavolpato@gmail.comPara perguntas e currículos:

Explicando arquitetura de informação...

  • 1.
    Arquitetura de informaçãoColégioXIX de MarçoElisa Volpato - agosto de 2008
  • 2.
    Quem é aElisa Volpato?Sim, soufilhada Regina (issoexplica a mitocôndriaaolado)Tenho 25 anos (estava no 2o colegialhá 10 anosatrás!)Fizjornalismona USP e depoiscomecei a trabalhar com InternetHojesouarquiteta de informaçãonaAgência Click, em São Paulo
  • 3.
    O que éarquitetura de informação? “Organizaçãodainformação de forma a torná-la clara, compreensível”“Organizar e estruturar (…) paraajudar as pessoas a satisfazeremsuasnecessidades de informação de forma efetiva”“design estrutural”“estruturar e classificar websites e intranets paraajudar as pessoas a encontrar o queprocuram”
  • 4.
    Resumindo:O arquiteto deinformação é umapessoaqueorganiza as coisasparaajudaroutraspessoasa encontraressascoisasdepois
  • 5.
    Exemplobesta: um arquitetode informaçãoorganizando a cozinhaO arquitetovaiorganizar as compras do supermercado no armário de um jeitoquefaçasentido……para a mãe dele encontrar as coisasfacilmentenahora de cozinhar.
  • 6.
    Exemplobesta: um arquitetode informaçãoorganizando a cozinhanascompras de supermercadotemos:
  • 7.
    Exemplobesta: um arquitetode informaçãoorganizando a cozinhao arquitetoorganizatudoemtrêsgrupos
  • 8.
    Exemplobesta: um arquitetode informaçãoorganizando a cozinhae define o quefazer com cadagrupo
  • 9.
    Exemplobesta: um arquitetode informaçãoorganizando a cozinhano final, vê se a mãegostouAdorei, filho! Sóachomelhoresconder a pimentapara o seupainãousardemais…
  • 10.
    Exemplobesta: um arquitetode informaçãoorganizando a cozinhaOK, foiumametáfora.
  • 11.
    O que oarquiteto de informaçãofaz?SitesIntranets (sites quefuncionamapenasdentro de umaempresa)Aplicativospara web e paracelularCaixaseletrônicosQuiosques de informaçãoemshoppingsSistemasparabibliotecasetc. (nãopáram de inventarcoisas!)
  • 12.
    Vocêpercebe a faltade um arquiteto de informaçãoquando…O site é bonitinho, masvocênãoencontrou nada do quequeriaA busca do site trouxeresultadosquenãotinham nada a ver com o quevocêdigitouVocêdesistiu no meio de um cadastroque era muitodifícil de preencher
  • 13.
    Vocêpercebe a faltade um arquiteto de informaçãoquando…O sistemadevia se esforçarparaentender o quevocêquer, e não o contrário. Tem quehaver um diálogo!
  • 14.
    Vocêpercebe a faltade um arquiteto de informaçãoquando…As categorias e hierarquias de um site devemfazersentido – casocontrário, atrapalhamemvez de ajudar.
  • 15.
    Vocêpercebe a faltade um arquiteto de informaçãoquando…É importanteevitar a ambiguidade, paranãoconfundir o usuário – aindanãodápravotar online naeleição, né?
  • 16.
    Vocêpercebe a faltade um arquiteto de informaçãoquando…Nãoadianta o site ser bonitinho se nãoderparaenxergar o menu!
  • 17.
    O que oarquiteto de informaçãofaz?Para fazer um novo site:Organiza o conteúdo do site“Desenha” comoesteconteúdoseráapresentado no siteTesta o queele fez com osfuturosusuários do site
  • 18.
    Exemplo (quase) real:um arquitetofazendo um site de faculdadeNovo site para o Grupo de Estudos de Arquitetura de Informação (GAI) daFaculdadeBelga
  • 19.
    Exemplo (quase) real:site de faculdade1. Organizar o conteúdoLevantamento de conteúdo e funcionalidades (o quevaiter no site?)Taxonomia (organizar o conteúdoemcategorias)
  • 20.
    Exemplo (quase) real:site de faculdade
  • 21.
    Exemplo (quase) real:site de faculdade1. Organizar o conteúdoDiagramasparamostrar a organizaçãocriadapara o conteúdo do siteÉ a estrutura do site
  • 22.
    Exemplo (quase) real:site de faculdade
  • 23.
    Exemplo (quase) real:site de faculdade2. “Desenhar”Para orientar as demaisetapasdacriação do site, o arquitetofaz“rascunhos” de cadapágina do site, mostrando a localização dos elementos e comoelesfuncionam. É um esqueleto do site, a quechamamos de wireframes.
  • 24.
    Exemplo (quase) real:site de faculdade
  • 25.
    Exemplo (quase) real:site de faculdade
  • 26.
    Exemplo (quase) real:site de faculdade
  • 27.
    Exemplo (quase) real:site de faculdade3. TestarO arquiteto de informaçãopodemontar um protótipo do site (umaversãosem cores e design)O teste com o usuários serve paraencontrarproblemas e obteropiniões de quemvaiusar o site
  • 28.
    Exemplo (quase) real:site de faculdade
  • 29.
    Exemplo (quase) real:site de faculdade
  • 30.
    Exemplo (quase) real:site de faculdade3. TestarDepois do teste:Listarosproblemas do projetoRealizarajustes no desenho e naestruturaSe possível, testar de novo!
  • 31.
    Onde um arquitetode informaçãopodetrabalhar? Agências de publicidade Produtoras de websitesPortais de conteúdo (UOL, Terra etc.)Empresas de softwares e de tecnologiaEmpresas de pesquisa e consultoria de usabilidadeQualquerempresaquequeiraterumaequipeinternaparadesenvolverseu site ou intranet
  • 32.
    Como virar umarquiteto de informação? Nãoexisteumafaculdade de arquitetura de informação!
  • 33.
    Como virar umarquiteto de informação? Mashávárioscursosquepodemformar um arquiteto de informação:Comunicação (jornalismo, publicidade)CiênciasSociaisDesign para web / design digitalCiênciadacomputaçãoPós-graduaçõesem design de interação e arquitetura de informação no Rio, São Paulo e BH.
  • 34.
    Qual o perfildo arquiteto de informação? Nemtodososarquitetosprecisam ser assim!Gosta (muito) de InternetÉ detalhistaGosta de pesquisarcoisasporcontaprópriaÉ organizado (oupelomenossabe se organizarquandoquer)Sabelidarbem com equipes e é comunicativoSabelereminglês (muitos dos livrosdaáreasãosóeminglês)
  • 35.
    Vale a penaser arquiteto de informação?
  • 36.
    Vale a penaser arquiteto de informação? OPA!$$O mercadoestá crescendo bastante, e osbonsprofissionaissãodisputados!
  • 37.
    Vale a penaser arquiteto de informação? (gráficogrosseiro, exagerado e fictício)
  • 38.
    Para aprenderporcontaprópriaSites:www.useit.com.br do JakobNielsenwww.arquiteturadeinformacao.com.brwww.boxesandarrows.comhttp://googleblog.blogspot.com/ o blog do google!
  • 39.
    Para aprenderporcontaprópriaLivros: Nãome façapensar!, Steve KrugO Design do Dia-a-dia, Donald NormanInformation Architecture for the World Wide Web, Peter Morville e Louis RosenfeldThe Elements of User Experience, Jesse James Garrett
  • 40.