Top Banner
luiz agner arquitetura de informação
61

Arquitetura de Informação (atualizado)

Jan 13, 2017

Download

Design

Luiz Agner
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Arquitetura de Informação (atualizado)

luiz agner

arquitetura de informação

Page 2: Arquitetura de Informação (atualizado)

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).

Page 3: Arquitetura de Informação (atualizado)

arquitetura de informação

•  A explosão da informação

Page 4: Arquitetura de Informação (atualizado)

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).

Page 5: Arquitetura de Informação (atualizado)

arquitetura de informação •  Cadeia

conceitual

Page 6: Arquitetura de Informação (atualizado)

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).

Page 7: Arquitetura de Informação (atualizado)

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)

Page 8: Arquitetura de Informação (atualizado)

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)

Page 9: Arquitetura de Informação (atualizado)

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)

Page 10: Arquitetura de Informação (atualizado)

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)

Page 11: Arquitetura de Informação (atualizado)

arquitetura de informação

Arquitetura invisível

Page 12: Arquitetura de Informação (atualizado)

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)

Page 13: Arquitetura de Informação (atualizado)

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.

Page 14: Arquitetura de Informação (atualizado)

arquitetura de informação

Page 15: Arquitetura de Informação (atualizado)

sistemas da AI Organização Rotulagem Navegação

Busca

Page 16: Arquitetura de Informação (atualizado)

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

Page 17: Arquitetura de Informação (atualizado)

sistema de organização

Taxonomia

Page 18: Arquitetura de Informação (atualizado)

sistema de rotulagem

•  Criar rótulos muitas vezes é complicado.

Page 19: Arquitetura de Informação (atualizado)

sistema de rotulagem

•  Criar rótulos muitas vezes é complicado.

Page 20: Arquitetura de Informação (atualizado)

sistema de navegação

Onde estou?

O q

ue h

á pr

óxim

o?

O que há relacionado?

Navegação global

Nav

egaç

ão L

ocal

Navegação Contextual

Page 21: Arquitetura de Informação (atualizado)
Page 22: Arquitetura de Informação (atualizado)
Page 23: Arquitetura de Informação (atualizado)
Page 24: Arquitetura de Informação (atualizado)
Page 25: Arquitetura de Informação (atualizado)
Page 26: Arquitetura de Informação (atualizado)
Page 27: Arquitetura de Informação (atualizado)
Page 28: Arquitetura de Informação (atualizado)
Page 29: Arquitetura de Informação (atualizado)
Page 30: Arquitetura de Informação (atualizado)

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

Page 31: Arquitetura de Informação (atualizado)

sistema de busca

http://semanticstudios.com/publications/semantics/search.html

Page 32: Arquitetura de Informação (atualizado)

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)

Page 33: Arquitetura de Informação (atualizado)

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)

Page 34: Arquitetura de Informação (atualizado)

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.

Page 35: Arquitetura de Informação (atualizado)

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

Page 36: Arquitetura de Informação (atualizado)

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á.

Page 37: Arquitetura de Informação (atualizado)

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.

Page 38: Arquitetura de Informação (atualizado)

o papel do A.I.

Page 39: Arquitetura de Informação (atualizado)

produtos do AI

Taxonomias Wireframes (estruturas)

Blueprints (plantas)

Navegação

Desenvolvim. software

Gestores de conteúdo

Designers e autores

Diretrizes

Especificações de busca

Índices Mapa do site Navegação suplementar

Thesaurus Vocabulário controlado

Esquema metadados

Organização e Rotulação

Produtos:

Page 40: Arquitetura de Informação (atualizado)

plantas/blueprints

Page 41: Arquitetura de Informação (atualizado)

plantas/blueprints

Page 42: Arquitetura de Informação (atualizado)

plantas/blueprints

Page 43: Arquitetura de Informação (atualizado)

plantas/blueprints

Page 44: Arquitetura de Informação (atualizado)

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.

Page 45: Arquitetura de Informação (atualizado)

estruturas/wireframes

Page 46: Arquitetura de Informação (atualizado)

estruturas/wireframes

Page 47: Arquitetura de Informação (atualizado)

estruturas/wireframes

Page 48: Arquitetura de Informação (atualizado)

estruturas/wireframes

Page 49: Arquitetura de Informação (atualizado)

estruturas/wireframes

Page 50: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 51: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 52: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 53: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 54: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 55: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 56: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 57: Arquitetura de Informação (atualizado)

ferramentas - wireframes

Page 58: Arquitetura de Informação (atualizado)

vocabulário controlado

Thesaurus (Vocabulário Controlado)

Page 59: Arquitetura de Informação (atualizado)

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)

Page 60: Arquitetura de Informação (atualizado)

livros de AI

Page 61: Arquitetura de Informação (atualizado)

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/