SlideShare una empresa de Scribd logo
1 de 40
Arquitetura de informação Colégio XIX de Março Elisa 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 Internet Hojesouarquiteta 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 cozinha O 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 cozinha nascompras de supermercadotemos:
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha o arquitetoorganizatudoemtrêsgrupos
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha e define o quefazer com cadagrupo
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha no final, vê se a mãegostou Adorei, filho! Sóachomelhoresconder a pimentapara o seupainãousardemais…
Exemplobesta: um arquiteto de informaçãoorganizando a cozinha OK, foiumametáfora.
O que o arquiteto de informaçãofaz? Sites Intranets (sites quefuncionamapenasdentro de umaempresa) Aplicativospara web e paracelular Caixaseletrônicos Quiosques de informaçãoemshoppings Sistemasparabibliotecas etc. (nãopáram de inventarcoisas!)
Vocêpercebe a falta de um arquiteto de informaçãoquando… O site é bonitinho, masvocênãoencontrou nada do quequeria A busca do site trouxeresultadosquenãotinham nada a ver com o quevocêdigitou Você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 site Testa o queele fez com osfuturosusuários do site
Exemplo (quase) real: um arquitetofazendo um site de faculdade Novo site para o  Grupo de Estudos de Arquitetura de Informação (GAI) daFaculdadeBelga
Exemplo (quase) real: site de faculdade 1. Organizar o conteúdo Levantamento 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 faculdade 1. Organizar o conteúdo Diagramasparamostrar a organizaçãocriadapara o conteúdo do site É a estrutura do site
Exemplo (quase) real: site de faculdade
Exemplo (quase) real: site de faculdade 2. “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 faculdade 3. Testar O 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 faculdade 3. Testar Depois do teste: Listarosproblemas do projeto Realizarajustes no desenho e naestrutura Se possível, testar de novo!
Onde um arquiteto de informaçãopodetrabalhar?   Agências de publicidade  Produtoras de websites Portais de conteúdo (UOL, Terra etc.) Empresas de softwares e de tecnologia Empresas de pesquisa e consultoria de usabilidade Qualquerempresaquequeiraterumaequipeinternaparadesenvolverseu 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ênciasSociais Design para web / design digital Ciênciadacomputação Pó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 É detalhista Gosta de pesquisarcoisasporcontaprópria É organizado (oupelomenossabe se organizarquandoquer) Sabelidarbem com equipes e é comunicativo Sabelereminglê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ópria Sites: www.useit.com.br 	do Jakob Nielsen www.arquiteturadeinformacao.com.br www.boxesandarrows.com http://googleblog.blogspot.com/ 	o blog do google!
Para aprenderporcontaprópria Livros:  Não me façapensar!, Steve Krug O Design do Dia-a-dia, Donald Norman Information Architecture for the World Wide Web, Peter Morville e Louis Rosenfeld The Elements of User Experience, Jesse James Garrett
elisavolpato@gmail.com Para perguntas e currículos:

Más contenido relacionado

La actualidad más candente

Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
pospipoca
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
duradez
 
Arquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de OrganizaçãoArquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de Organização
pospipoca
 

La actualidad más candente (20)

Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Arquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de InformaçãoArquitetura de Informação - Sistemas de Rotulação e de Informação
Arquitetura de Informação - Sistemas de Rotulação e de Informação
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemas
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de Informação
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagem
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de Design
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Arquitetura da Informacao e Webdesign
Arquitetura da Informacao e WebdesignArquitetura da Informacao e Webdesign
Arquitetura da Informacao e Webdesign
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidade
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Arquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de OrganizaçãoArquitetura de Informação - Sistemas de Rotulação e de Organização
Arquitetura de Informação - Sistemas de Rotulação e de Organização
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 

Destacado

ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...
ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...
ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...
Hamilton
 

Destacado (20)

Palestra: Por que é importante fazer testes de usabilidade - e como começar já!
Palestra: Por que é importante fazer testes de usabilidade - e como começar já!Palestra: Por que é importante fazer testes de usabilidade - e como começar já!
Palestra: Por que é importante fazer testes de usabilidade - e como começar já!
 
13 user experience commandments
13 user experience commandments13 user experience commandments
13 user experience commandments
 
ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...
ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...
ARQUITETURA DA INFORMAÇÃO: REPRESENTAÇÃO DA INFORMAÇÃO DE PRONTUÁRIO ELETRÔNI...
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidade
 
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
 
Palestra pesquisa com usuários para turma da pós do IED
Palestra pesquisa com usuários para turma da pós do IEDPalestra pesquisa com usuários para turma da pós do IED
Palestra pesquisa com usuários para turma da pós do IED
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
 
Girls in tech - onde trabalhar com UX?
Girls in tech - onde trabalhar com UX?Girls in tech - onde trabalhar com UX?
Girls in tech - onde trabalhar com UX?
 
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
 
Como crianças fazem pesquisas na web? Estudo de caso
Como crianças fazem pesquisas na web? Estudo de caso Como crianças fazem pesquisas na web? Estudo de caso
Como crianças fazem pesquisas na web? Estudo de caso
 
UXConfBR - Apresentação
UXConfBR - ApresentaçãoUXConfBR - Apresentação
UXConfBR - Apresentação
 
Data visualization: advances by brazilian researches
Data visualization: advances by brazilian researches Data visualization: advances by brazilian researches
Data visualization: advances by brazilian researches
 
(novas) interfaces e interações: novas fronteiras do design
(novas) interfaces e interações: novas fronteiras do design(novas) interfaces e interações: novas fronteiras do design
(novas) interfaces e interações: novas fronteiras do design
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no Usuário
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX Mobile
 
Making faster design decisions
Making faster design decisionsMaking faster design decisions
Making faster design decisions
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015
 
Warning - Real Time Global Air Quality Display: case study of digital art and...
Warning - Real Time Global Air Quality Display: case study of digital art and...Warning - Real Time Global Air Quality Display: case study of digital art and...
Warning - Real Time Global Air Quality Display: case study of digital art and...
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?
 

Similar a Explicando arquitetura de informação...

Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
posgraduacaorj
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
Rafael Marinho
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
pospipoca
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
posgraduacaorj
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
Rodrigo Correia
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
eramos7senac
 
Artigo jornalistico
Artigo jornalisticoArtigo jornalistico
Artigo jornalistico
ediqueli
 

Similar a Explicando arquitetura de informação... (20)

Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Arquitetura de Informação: desafios do profissional bibliotecário num mercado...
Arquitetura de Informação: desafios do profissional bibliotecário num mercado...Arquitetura de Informação: desafios do profissional bibliotecário num mercado...
Arquitetura de Informação: desafios do profissional bibliotecário num mercado...
 
Apresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoApresentação - Arquitetura de Informação
Apresentação - Arquitetura de Informação
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
O arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecarioO arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecario
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
 
O Arquiteto da Informacao
O Arquiteto da Informacao O Arquiteto da Informacao
O Arquiteto da Informacao
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2
 
Arquitetura de Informação para Bibliotecários
Arquitetura de Informação para BibliotecáriosArquitetura de Informação para Bibliotecários
Arquitetura de Informação para Bibliotecários
 
Artigo jornalistico
Artigo jornalisticoArtigo jornalistico
Artigo jornalistico
 

Explicando arquitetura de informação...

  • 1. Arquitetura de informação Colégio XIX de Março Elisa Volpato - agosto de 2008
  • 2. 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 Internet Hojesouarquiteta 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 de informação é umapessoaqueorganiza as coisasparaajudaroutraspessoasa encontraressascoisasdepois
  • 5. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha O 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 arquiteto de informaçãoorganizando a cozinha nascompras de supermercadotemos:
  • 7. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha o arquitetoorganizatudoemtrêsgrupos
  • 8. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha e define o quefazer com cadagrupo
  • 9. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha no final, vê se a mãegostou Adorei, filho! Sóachomelhoresconder a pimentapara o seupainãousardemais…
  • 10. Exemplobesta: um arquiteto de informaçãoorganizando a cozinha OK, foiumametáfora.
  • 11. O que o arquiteto de informaçãofaz? Sites Intranets (sites quefuncionamapenasdentro de umaempresa) Aplicativospara web e paracelular Caixaseletrônicos Quiosques de informaçãoemshoppings Sistemasparabibliotecas etc. (nãopáram de inventarcoisas!)
  • 12. Vocêpercebe a falta de um arquiteto de informaçãoquando… O site é bonitinho, masvocênãoencontrou nada do quequeria A busca do site trouxeresultadosquenãotinham nada a ver com o quevocêdigitou Vocêdesistiu no meio de um cadastroque era muitodifícil de preencher
  • 13. 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!
  • 14. Vocêpercebe a falta de um arquiteto de informaçãoquando… As categorias e hierarquias de um site devemfazersentido – casocontrário, atrapalhamemvez de ajudar.
  • 15. 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é?
  • 16. Vocêpercebe a falta de um arquiteto de informaçãoquando… Nãoadianta o site ser bonitinho se nãoderparaenxergar o menu!
  • 17. O que o arquiteto de informaçãofaz? Para fazer um novo site: Organiza o conteúdo do site “Desenha” comoesteconteúdoseráapresentado no site Testa o queele fez com osfuturosusuários do site
  • 18. Exemplo (quase) real: um arquitetofazendo um site de faculdade Novo site para o Grupo de Estudos de Arquitetura de Informação (GAI) daFaculdadeBelga
  • 19. Exemplo (quase) real: site de faculdade 1. Organizar o conteúdo Levantamento 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 faculdade 1. Organizar o conteúdo Diagramasparamostrar 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 faculdade 2. “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 faculdade 3. Testar O 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 faculdade 3. Testar Depois do teste: Listarosproblemas do projeto Realizarajustes no desenho e naestrutura Se possível, testar de novo!
  • 31. Onde um arquiteto de informaçãopodetrabalhar? Agências de publicidade Produtoras de websites Portais de conteúdo (UOL, Terra etc.) Empresas de softwares e de tecnologia Empresas de pesquisa e consultoria de usabilidade Qualquerempresaquequeiraterumaequipeinternaparadesenvolverseu site ou intranet
  • 32. Como virar um arquiteto de informação? Nãoexisteumafaculdade de arquitetura de informação!
  • 33. Como virar um arquiteto de informação? Mashávárioscursosquepodemformar um arquiteto de informação: Comunicação (jornalismo, publicidade) CiênciasSociais Design para web / design digital Ciênciadacomputação Pós-graduaçõesem design de interação e arquitetura de informação no Rio, São Paulo e BH.
  • 34. Qual o perfil do arquiteto de informação? Nemtodososarquitetosprecisam ser assim! Gosta (muito) de Internet É detalhista Gosta de pesquisarcoisasporcontaprópria É organizado (oupelomenossabe se organizarquandoquer) Sabelidarbem com equipes e é comunicativo Sabelereminglês (muitos dos livrosdaáreasãosóeminglês)
  • 35. Vale a pena ser arquiteto de informação?
  • 36. Vale a pena ser arquiteto de informação? OPA! $ $ O mercadoestá crescendo bastante, e osbonsprofissionaissãodisputados!
  • 37. Vale a pena ser arquiteto de informação? (gráficogrosseiro, exagerado e fictício)
  • 38. Para aprenderporcontaprópria Sites: www.useit.com.br do Jakob Nielsen www.arquiteturadeinformacao.com.br www.boxesandarrows.com http://googleblog.blogspot.com/ o blog do google!
  • 39. Para aprenderporcontaprópria Livros: Não me façapensar!, Steve Krug O Design do Dia-a-dia, Donald Norman Information Architecture for the World Wide Web, Peter Morville e Louis Rosenfeld The Elements of User Experience, Jesse James Garrett