luiz agner
arquitetura de
informação
arquitetura de informação
•  Uma edição do The
New York Times em
um dia de semana
contém mais
informação do que o
comum dos mortais
poderia receber
durante toda vida na
Inglaterra do século
XVII.
(WURMAN, 1991).
arquitetura de informação
•  A explosão
da
informação
arquitetura de informação
•  A era da informação é, na verdade, uma
explosão da não-informação – uma explosão de
dados. Para enfrentar a crescente avalanche
dos dados é imperativo fazer a distinção entre
dados e informação.
•  Informação deve ser aquilo que leva à
compreensão (WURMAN,1991).
arquitetura de informação
•  Cadeia
conceitual
arquitetura de informação
•  O exagero típico na nossa era apagou as
diferenças entre dados e informação, entre fatos
e conhecimento.
•  A confusão entre transmitir dados e criar
mensagens com significado pode ter tido sua
origem na atenção demasiada dada aos
computadores (máquinas) e na pouca atenção
dada aos usuários (seres humanos).
arquitetura de informação
•  É um novo campo no webdesign.
•  difere do design ou programação visual, pelo
fato de focalizar a estrutura do website e não a
funcionalidade ou aspecto.
•  tem como objetivo a construção de websites
fáceis de usar, que preencham as necessidades
dos clientes e os objetivos dos usuários
(VAN DIJCK, 2003)
arquitetura de informação
•  1- A combinação de organização, rotulação e
esquemas de navegação dentro de um sistema de
informações
•  2 - O design estrutural de um espaço de
informações para facilitar a conclusão de tarefas e
acesso intuitivo ao conteúdo.
•  3 - A ciência e a arte de estruturar e classificar web
sites e intranets para ajudar pessoas a encontrar e
administrar informação
(ROSENFELD e MORVILLE, 1998)
arquitetura de informação
•  4 - É uma disciplina emergente e uma
comunidade de prática, focada em trazer para o
contexto digital os princípios de design e
arquitetura
(ROSENFELD e MORVILLE, 1998)
arquitetura de informação
É a arte e a ciência de estruturar e organizar os
ambientes informacionais para ajudar as
pessoas a satisfazerem efetivamente as suas
necessidades de informação.
GARRETT (2003)
arquitetura de informação
Arquitetura invisível
arquitetura de informação
A tarefa de criar, mapear e construir um site,
tornando as informações claramente
identificáveis e sua distribuição bem definida.
RODRIGUES (2004)
arquitetura de informação
•  Para BRINK, WOOD E GERGLE (2002), AI
refere-se a estrutura da organização de um
website, especialmente como as diferentes
páginas do site se relacionam entre si.
•  Ela envolve análise e planejamento,
organização das páginas, rotulagem, técnicas
de busca, projeto da navegação e dá dicas para
ajudar os usuários a se orientarem.
arquitetura de informação
sistemas da AI
Organização
Rotulagem
Navegação
Busca
sistema de organização
Thesaurus (Vocabulário Controlado)
hierarquias: taxonomias, niveis de topo, modelos mentais
banco de dados: conteudo estruturado e relacionamentos
hipertextos: referencias cruzadas, contextual
hierarquia
Banco de
dados
hipertexto
sistema de organização
Taxonomia
sistema de rotulagem
•  Criar rótulos muitas vezes é complicado.
sistema de rotulagem
•  Criar rótulos muitas vezes é complicado.
sistema de navegação
Onde estou?
Oquehápróximo?
O que há
relacionado?
Navegação global
NavegaçãoLocal
Navegação
Contextual
navegação suplementar
Mapas de site
Tabela de conteúdos
Níveis mais altos
Escopo / organização
Navegação exploratória
Índices
A-Z (final dos livros)
Detalhados
Não hierárquicos
Busca por termos conhecidos
sistema de busca
http://semanticstudios.com/publications/semantics/search.html
a formação do A.I.
•  O arquiteto da informação deve ter um
background que englobe o Design gráfico, a
ciência da informação e biblioteconomia, o
jornalismo, a engenharia de usabilidade, o
marketing e a ciência da computação.
ROSENFELD e MORVILLE (1998)
o papel do A.I.
•  Categorizar e rotular as informações de acordo
com a audiência.
•  Definir as ferramentas para busca destas
informações
•  Definir critérios adotados na indexação do
conteúdo
•  Projetar wireframes e mapa dos site
ROSENFELD e MORVILLE (1998)
o papel do A.I.
•  Papel de construir os caminhos da informação,
suas conexões e desdobramentos, a fim de
contribuir para a divulgação do conhecimento.
o papel do A.I.
•  Deve balancear as necessidades do usuário
com os objetivos do negócio.
•  Cada vez mais estudos estão demonstrando
que o problema principal da maioria dos
websites é que as pessoas não acham o que
precisam.
•  Morville cunhou o termo findability,
“localizabilidade” ou a facilidade de ser
encontrado.
Usability X Findability
o papel do A.I.
•  Segundo ROSENFELD e MORVILLE (1998), as
principais funções do arquiteto da informação
são:
•  Clarificar a missão e a visão do site fazendo o
balanceamento entre necessidades da
organização patrocinadora e as necessidades
de seus usuários.
•  Determinar qual o conteúdo e a funcionalidade
que o site conterá.
o papel do A.I.
•  Especificar como usuários encontrarão
informação no site, através da definição da sua
organização, navegação, rotulagem e sistemas
de busca.
•  Mapear como o site acomodará as alterações e
crescimento ao longo do tempo.
o papel do A.I.
produtos do AI
TaxonomiasWireframes
(estruturas)
Blueprints
(plantas)
Navegação
Desenvolvim.
software
Gestores de
conteúdo
Designers e
autores
Diretrizes
Especificações
de busca
ÍndicesMapa do siteNavegação
suplementar
ThesaurusVocabulário
controlado
Esquema
metadados
Organização e
Rotulação
Produtos:
plantas/blueprints
plantas/blueprints
plantas/blueprints
plantas/blueprints
estruturas/wireframes
Estruturas (wireframes) descrevem a experiência do
usuário. São rascunhos em preto e branco ou
desenhos que representam as telas que os usuários
acessarão no site e fornecem apenas um contorno
daquilo que serão as páginas.
Os wireframes não devem ser criados graficamente
porque a sua finalidade é fornecer um modo rápido
de projetar, avaliar e interagir na maneira como deve
ser feito o layout do conteúdo e da funcionalidade do
site.
estruturas/wireframes
estruturas/wireframes
estruturas/wireframes
estruturas/wireframes
estruturas/wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
ferramentas - wireframes
vocabulário controlado
Thesaurus (Vocabulário Controlado)
livros de AI
Information Architecture for the World Wide Web
by Louis Rosenfeld & Peter Morville (1998, 2002)
Practical Information Architecture
by Eric Reiss (2000)
Information Architecture: An Emerging 21st Century Profession
by Earl Morrogh (2002)
Information Architecture: Blueprints for the Web
by Christina Wodtke (2002)
Information Architecture for Designers
by Peter Van Dijck (2003)
Information Architecture: Designing Information Environments
by Alan Gilchrist & Barry Mahon (2003)
livros de AI
sites de AI
Information Architecture Institute
http://iainstitute.org/
ASIS&T IA Summit
http://www.iasummit.org/
Boxes & Arrows
http://www.boxesandarrows.com/
IAwiki
http://www.iawiki.net/IAwiki
InfoDesign
http://www.informationdesign.org/

Arquitetura de Informação (atualizado)

  • 1.
  • 2.
    arquitetura de informação • Uma edição do The New York Times em um dia de semana contém mais informação do que o comum dos mortais poderia receber durante toda vida na Inglaterra do século XVII. (WURMAN, 1991).
  • 3.
    arquitetura de informação • A explosão da informação
  • 4.
    arquitetura de informação • A era da informação é, na verdade, uma explosão da não-informação – uma explosão de dados. Para enfrentar a crescente avalanche dos dados é imperativo fazer a distinção entre dados e informação. •  Informação deve ser aquilo que leva à compreensão (WURMAN,1991).
  • 5.
  • 6.
    arquitetura de informação • O exagero típico na nossa era apagou as diferenças entre dados e informação, entre fatos e conhecimento. •  A confusão entre transmitir dados e criar mensagens com significado pode ter tido sua origem na atenção demasiada dada aos computadores (máquinas) e na pouca atenção dada aos usuários (seres humanos).
  • 7.
    arquitetura de informação • É um novo campo no webdesign. •  difere do design ou programação visual, pelo fato de focalizar a estrutura do website e não a funcionalidade ou aspecto. •  tem como objetivo a construção de websites fáceis de usar, que preencham as necessidades dos clientes e os objetivos dos usuários (VAN DIJCK, 2003)
  • 8.
    arquitetura de informação • 1- A combinação de organização, rotulação e esquemas de navegação dentro de um sistema de informações •  2 - O design estrutural de um espaço de informações para facilitar a conclusão de tarefas e acesso intuitivo ao conteúdo. •  3 - A ciência e a arte de estruturar e classificar web sites e intranets para ajudar pessoas a encontrar e administrar informação (ROSENFELD e MORVILLE, 1998)
  • 9.
    arquitetura de informação • 4 - É uma disciplina emergente e uma comunidade de prática, focada em trazer para o contexto digital os princípios de design e arquitetura (ROSENFELD e MORVILLE, 1998)
  • 10.
    arquitetura de informação Éa arte e a ciência de estruturar e organizar os ambientes informacionais para ajudar as pessoas a satisfazerem efetivamente as suas necessidades de informação. GARRETT (2003)
  • 11.
  • 12.
    arquitetura de informação Atarefa de criar, mapear e construir um site, tornando as informações claramente identificáveis e sua distribuição bem definida. RODRIGUES (2004)
  • 13.
    arquitetura de informação • Para BRINK, WOOD E GERGLE (2002), AI refere-se a estrutura da organização de um website, especialmente como as diferentes páginas do site se relacionam entre si. •  Ela envolve análise e planejamento, organização das páginas, rotulagem, técnicas de busca, projeto da navegação e dá dicas para ajudar os usuários a se orientarem.
  • 14.
  • 15.
  • 16.
    sistema de organização Thesaurus(Vocabulário Controlado) hierarquias: taxonomias, niveis de topo, modelos mentais banco de dados: conteudo estruturado e relacionamentos hipertextos: referencias cruzadas, contextual hierarquia Banco de dados hipertexto
  • 17.
  • 18.
    sistema de rotulagem • Criar rótulos muitas vezes é complicado.
  • 19.
    sistema de rotulagem • Criar rótulos muitas vezes é complicado.
  • 20.
    sistema de navegação Ondeestou? Oquehápróximo? O que há relacionado? Navegação global NavegaçãoLocal Navegação Contextual
  • 30.
    navegação suplementar Mapas desite Tabela de conteúdos Níveis mais altos Escopo / organização Navegação exploratória Índices A-Z (final dos livros) Detalhados Não hierárquicos Busca por termos conhecidos
  • 31.
  • 32.
    a formação doA.I. •  O arquiteto da informação deve ter um background que englobe o Design gráfico, a ciência da informação e biblioteconomia, o jornalismo, a engenharia de usabilidade, o marketing e a ciência da computação. ROSENFELD e MORVILLE (1998)
  • 33.
    o papel doA.I. •  Categorizar e rotular as informações de acordo com a audiência. •  Definir as ferramentas para busca destas informações •  Definir critérios adotados na indexação do conteúdo •  Projetar wireframes e mapa dos site ROSENFELD e MORVILLE (1998)
  • 34.
    o papel doA.I. •  Papel de construir os caminhos da informação, suas conexões e desdobramentos, a fim de contribuir para a divulgação do conhecimento.
  • 35.
    o papel doA.I. •  Deve balancear as necessidades do usuário com os objetivos do negócio. •  Cada vez mais estudos estão demonstrando que o problema principal da maioria dos websites é que as pessoas não acham o que precisam. •  Morville cunhou o termo findability, “localizabilidade” ou a facilidade de ser encontrado. Usability X Findability
  • 36.
    o papel doA.I. •  Segundo ROSENFELD e MORVILLE (1998), as principais funções do arquiteto da informação são: •  Clarificar a missão e a visão do site fazendo o balanceamento entre necessidades da organização patrocinadora e as necessidades de seus usuários. •  Determinar qual o conteúdo e a funcionalidade que o site conterá.
  • 37.
    o papel doA.I. •  Especificar como usuários encontrarão informação no site, através da definição da sua organização, navegação, rotulagem e sistemas de busca. •  Mapear como o site acomodará as alterações e crescimento ao longo do tempo.
  • 38.
  • 39.
    produtos do AI TaxonomiasWireframes (estruturas) Blueprints (plantas) Navegação Desenvolvim. software Gestoresde conteúdo Designers e autores Diretrizes Especificações de busca ÍndicesMapa do siteNavegação suplementar ThesaurusVocabulário controlado Esquema metadados Organização e Rotulação Produtos:
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
    estruturas/wireframes Estruturas (wireframes) descrevema experiência do usuário. São rascunhos em preto e branco ou desenhos que representam as telas que os usuários acessarão no site e fornecem apenas um contorno daquilo que serão as páginas. Os wireframes não devem ser criados graficamente porque a sua finalidade é fornecer um modo rápido de projetar, avaliar e interagir na maneira como deve ser feito o layout do conteúdo e da funcionalidade do site.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
    livros de AI InformationArchitecture for the World Wide Web by Louis Rosenfeld & Peter Morville (1998, 2002) Practical Information Architecture by Eric Reiss (2000) Information Architecture: An Emerging 21st Century Profession by Earl Morrogh (2002) Information Architecture: Blueprints for the Web by Christina Wodtke (2002) Information Architecture for Designers by Peter Van Dijck (2003) Information Architecture: Designing Information Environments by Alan Gilchrist & Barry Mahon (2003)
  • 60.
  • 61.
    sites de AI InformationArchitecture Institute http://iainstitute.org/ ASIS&T IA Summit http://www.iasummit.org/ Boxes & Arrows http://www.boxesandarrows.com/ IAwiki http://www.iawiki.net/IAwiki InfoDesign http://www.informationdesign.org/