arquitetura de informação: história, definição e seus elementos
TRANSCRIPT
Aula ministrada na disciplina Ergonomia e Interação Humano-Computador do curso de Graduação em Desenho Industrial - Mídias Digitais
Oi, eu sou a Luciana!
Quem sou eu
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Formação
Graduação (2003-2010)Desenho Industrial-Programação VisualUFRJ
Especialização (2013-2014)Ergodesign de Interfaces: Usabilidade e Arquitetura de InformaçãoPUC-Rio
Mestrado em Design (2015-hoje)Ergonomia, Usabilidade e Interação Humano-ComputadorPUC-Rio
Atuação
Jornal O Globo (2006-2012)Designer de Interface & Infografista
Elogroup (2012-2015)Designer de Interface & Interação
UERJ (2015-hoje)Designer de Interface & Interação
A Arquitetura da Informação tem sua origem no campo da Ciência da Informação, o qual estuda a “ação mediadora entre a informação e o conhecimento do indivíduo, assim como as transformações vindas do aprendizado pessoal em um sentido que passa do mundo interno para externo do indivíduo”.
Por isso, para entendermos a Arquitetura de Informação precisamos compreender antes o conceito de dado, informação e conhecimento.
(TEIXEIRA, 2014, p.33)
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Dado:
Elemento, princípio ou quantidade conhecida que serve de base à solução de um problema. Podem ser descritos por formações formais e estruturais.
(MICHAELIS ONLINE, 2016; TEIXEIRA, 2014, p.36)
Informação:
É o significado que um ser humano atribui a dados por meio de convenções usadas em suas representações.
(RABAÇA & BARBOSA, 1995)
Conhecimento:
Mistura fluida de experiência estruturada, valores, informação contextual e discernimento especializado que fornece um parâmetro para avaliar e incorporar novas experiências em informação.
(TEIXEIRA, 2014, p.37)
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Dado Informação Sabedoria
PRODUTORES CONSUMIDORES CONTEXTO(local, global, pessoal)
EXPERIÊNCIA
Conhecimento
Estímulo Entendimento
- Pesquisa- Criação- Coleta- Descoberta
- Apresentação- Organização
- Conversação- Narrativa- Integração
- Contemplação- Avaliação- Interpretação- Retrospectiva
Espectro da Compreensão. (SHEDROFF apud WURMAN, 2001, p.27)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
O termo “Arquitetura de Informação (AI)” ganha um maior destaque com Richard Saul Wurman, em um artigo publicado na American Institute ofArchitecture Journal (AIA).
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Xerox PARC reúne um grupo de cientistas da informação e cientistas naturais para organizarem uma “Arquitetura de Informação”
Arquitetura é “a estrutura conceitual e o comportamento funcional que diferencia a organização do fluxo de dados e controles, projetos lógicos e implementação física”
AI como ferramenta para o design e criação de sistemas de informação.
Rosenfeld & Morvillefocam no uso da AI para estruturar e organizar o conteúdo de websites
(Baseado no esquema de RONDA LEÓN, 2008)
1970
1964 1975
Anos 80
1998
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Informação e conhecimento na era digital: origem da Arquitetura de Informação
1970
1964 1975
Anos 80
1998
(Baseado no esquema de RONDA LEÓN, 2008)
VISÃO INTEGRADAVISÃO DA ANÁLISE E DESENHO DE SISTEMAS
VISÃO DO DESENHO DE INFORMAÇÃO
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Com a explosão da internet, o volume de conteúdo produzido em relação ao tempo aumentou consideravelmente e mais ainda após o surgimento e a popularização de dispositivos móveis (smartphones e tablets). Somos expostos a esta quantidade de dados e informação constantemente.
Mas será que realmente os vemos e os compreendemos?
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
“The way that information is presented in these different channels has yet to be fully explored, so you have both opportunity and catastrophe. The opportunity is that there is so much information; the catastrophe is that 99 percent of it isn’t meaningful or understandable.”
Informação e conhecimento na era digital: origem da Arquitetura de Informação
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
(WURMAN, 2001, p.9)
Mas afinal...o que é Arquitetura de Informação?
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
ISSO É ARQUITETURA DE INFORMAÇÃO!
ISSO É ARQUITETURA DE INFORMAÇÃO!
ISSO É ARQUITETURA DE INFORMAÇÃO!
O que é Arquitetura de Informação?
A Information Architecture Institute (IAI) define Arquitetura de Informação como:
A prática de decidir como arrumar as partes de algo para serem compreendidas. Ela está nos websites que usamos, nos apps e softwares que baixamos, nos materiais impressos que encontramos e até mesmo nos lugares físicos que passamos o tempo.
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
(IAI, 2016)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Arquitetura de Informação também pode ser definida como:
Um novo campo do webdesign que difere do design ou da programação visual pelo fato de focalizar a estrutura do website, e não sua funcionalidade ou seu aspecto gráfico.
Seu objetivo é a construção de websites fáceis de usar, que preencham as necessidades dos clientes e os objetivos dos usuários.
O que é Arquitetura de Informação?
(VAN DIJCK, 2003 apud SANTA ROSA e MORAES, 2012, p.25)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
O que é Arquitetura de Informação?
AGNER (2007 e 2009) e diz que:
A arquitetura de informação tem surgido como uma importante metadisciplina, preocupada com o projeto, a implementação e a manutenção de espaços informacionais digitais para o acesso humano, a navegação e o uso.
O seu foco é o projeto de estruturas para fornecer aos usuários que procuram informação os recursos necessários para transformar suas necessidades informacionais em ações e atingir os objetivos com sucesso.
(AGNER, 2007, p.66; 2009, p.89)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
O que é Arquitetura de Informação?
Já para ROSENFELD, MORVILLE e ARANGO (2015), resumir Arquitetura de Informação em uma única definição é impossível devido a sua complexidade. Para os autores, AI é:
1. O design estrutural de ambientes informacionais compartilhados;
2. A combinação de sistemas de organização, rotulagem, busca enavegação em websites e intranets;
3. A arte e a ciência de adequar em produtos a informação e a experiênciaa fim de melhorar a usabilidade e a capacidade de encontrar uma informação;
4. Uma disciplina e comunidade emergente com práticas focadas em trazerpara o meio digital os princípios de design e arquitetura.
(ROSENFELD et al., 2015, p.24)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
O que é Arquitetura de Informação?
CONTEÚDO USUÁRIOS
CONTEXTO
AI
Objetivos de negócio, financiamentos, política, cultura, tecnologia, recursos e limitações
Audiência, tarefas, necessidades, comportamento de busca de informações, experiências
Tipos de documentos/dados,
objetos de conteúdo, volume,
estrutura existente
As três esferas da Arquitetura de Informação. (ROSENFELD et al., 2015, p.32)
O que é Arquitetura de Informação?
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Modelo em T de Boersma, mostrando os eixos verticais que compõem o UX Design. (RESMINI E ROSATI, 2011, p.15)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
O que é Arquitetura de Informação?
O papel do Arquiteto de Informação
Design:
Projetar soluções que reconciliam as necessidades dos usuários, os objetivos do negócio e as capacidades da tecnologia.
Gestão:
Gerenciar as equipes multidisciplinares, que projetam e implementam as soluções. Monitorar e avaliar equipes, definir tarefas do projeto, cronograma, recursos humanos e financeiros.
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
(AGNER, 2007, p.85)
O papel do Arquiteto de Informação
Pesquisa:
Realizar pesquisas com usuários, utilizando técnicas como entrevistas, questionários, grupos de discussão, estudos etnográficos e testes de usabilidade.
Mediação:
Educar, advogar e traduzir os requisitos do projeto para as audiências internas.
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
(AGNER, 2007, p.85; MORROGH, 2003, apud AGNER, 2007, p.85)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Componentes da Arquitetura de Informação
SISTEMAS DE ORGANIZAÇÃO
SISTEMAS DE ROTULAÇÃO
SISTEMAS DE NAVEGAÇÃO
SISTEMAS DE BUSCA
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Componentes da Arquitetura de Informação
Determina como é apresentada a organização e a categorização do conteúdo. É dividido entre estruturas e esquemas.
Estruturas:São o tipo de relação entre itens e grupos: podem ser taxonomias, bancos de dados ou redes.
(AGNER, 2009, p.97)
SISTEMAS DE ORGANIZAÇÃO
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
TAXONOMIA
TAXONOMIA
BANCO DE DADOS
De baixo para cima (Bottom-Up)
Componentes da Arquitetura de Informação
De cima para baixo (Top-Down)
(GARRETT, 2011, p.90)
- Necessidades dos Usuários- Objetivos do Site / Negócio
- Conteúdo necessário- Funcionalidades
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
SISTEMAS DE ORGANIZAÇÃO – ABORDAGENS DA ESTRUTURA
ABORDAGEM BOTTOM-UP
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Componentes da Arquitetura de Informação
Esquemas:São regras para apresentação de itens específicos e podem ser classificados em ambíguos e exatos.
Esquema Ambíguo:Baseiam na ambiguidade da linguagem e na subjetividade.Podem ser ordenados por:- Temas- Tarefas- Públicos-alvo - Metáforas- Esquemas híbridos (mistura dos
demais elementos)(AGNER, 2009, p.98)
Esquema Exato:Dividem a informação entre seções bem definidas e mutuamente excludentes, tornando óbvia a localização dos itens. Podem ser: - Alfabético- Cronológico- Geográfico- Sequencial
SISTEMAS DE ORGANIZAÇÃO
ESQUEMA AMBÍGUO POR TEMA
ESQUEMA AMBÍGUO POR TAREFA
ESQUEMA AMBÍGUO POR PÚBLICO-ALVO
ESQUEMA AMBÍGUO POR METÁFORA
ESQUEMA EXATO – ORDEM ALFABÉTICA
ESQUEMA EXATO – ORDEM CRONOLÓGICA
ESQUEMA EXATO –GEOGRÁFICO
ESQUEMA EXATO – ORDEM SEQUENCIAL
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
Componentes da Arquitetura de Informação
Definem signos verbais (terminologia) e visuais para cada elemento informativo e de suporte à navegação do usuário. São criados considerando-se o conhecimento da empresa, as convenções do domínio, o espaço disponível e a compreensão pelo usuário, entre outros fatores.
(AGNER, 2009, p.97 e p.99)
SISTEMAS DE ROTULAÇÃO
ROTULAÇÃO (CONTEXTUAL)
ROTULAÇÃO (ÍCONES)
Componentes da Arquitetura de Informação
SISTEMAS DE NAVEGAÇÃO
Especificam formas de se mover através do espaço informacional. A função da navegação é mostrar claramente por onde o usuário caminhará na Arquitetura de Informação.
(AGNER, 2009, p.97; WODTKE, 2009, p.189; ROSENFELD et al., 2015, p.177)
Existem 3 tipos principais de navegação: global, local e contextual.
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
NAVEGAÇÃO GLOBAL
NAVEGAÇÃO GLOBAL
NAVEGAÇÃO LOCAL
NAVEGAÇÃO LOCAL
NAVEGAÇÃO GLOBAL
NAVEGAÇÃO CONTEXTUAL
NAVEGAÇÃO LOCAL
NAVEGAÇÃO GLOBAL
NAVEGAÇÃO CONTEXTUAL
Componentes da Arquitetura de Informação
SISTEMAS DE BUSCA
Os sistemas de busca são aplicações de software com um modelo no qual os usuários expressam sua necessidade de informação ao digitar perguntas na caixa de entrada. Podem utilizar linguagem natural ou operadores booleanos. Determinam as perguntas que o usuário pode fazer e as respostas que irá obter no banco de dados.
(WODTKE, 2009, p.104)
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
The end goal is to be three things: fast, easy, and magic (that word again!).
(AGNER, 2009, p.97 e p.102)
HASHTAGS AUXILIAM A BUSCA
Produtosda Arquitetura de Informação
MAPA DO SITE
FLUXOGRAMA
WIREFRAME
INVENTÁRIO DE CONTEÚDO
Bibliografia
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
AGNER, L. Ergodesign e arquitetura de informação: trabalhando com o usuário. Rio de Janeiro: Quarter, 2006. ISBN: 978-85-7812-0 17-7.
AGNER, L.; MORAES, A. Arquitetura de Informação e Governo Eletrônico: Diálogo Cidadãos-Estado na World Wide Web – Estudo de Caso e Avaliação Ergonômica de Usabilidade de Interfaces Humano-Computador. Rio de Janeiro, 2007. 354p. Tese de Doutorado – Departamento de Artes e Design, Pontifícia Universidade Católica do Rio de Janeiro.
GARRETT, J.J. The Elements of User Experience: User-centered design for the web and beyond. 2a ED. Berkley: New Riders, 2011. 172p. ISBN: 978-0-321-68368-7.
RONDA LEÓN, R. Arquitectura de Información: análisis histórico-conceptual. No Solo Usabilidadjournal, 28 abr. 2009. Disponível em: <http://www.nosolousabilidad.com/articulos/historia_arquitectura_informacion.htm>
RESMINI, A.; ROSATI, L. Pervasive information architecture : designing cross-channel userexperiences. Morgan Kaufmann, USA, 2011. 250p. ISBN: 978-0-12-382094-5.
Bibliografia
Luciana M. S. Nunes PUC-RIO | Ergonomia e Interação Humano-Computador | 2016.1
ROSENFELD, L.; MORVILLE, P.; ARANGO, J. Information Architecture: For the Web and Beyond.O'Reilly Media, 4th edition, 2015. 400p. ISBN: 978-1491911686.
SANTA-ROSA, J.G.; MORAES, A. Avaliação e projeto no design de interface. - 1a ED. Teresópolis: 2AB, 2012.192p. ISBN: 978-85-86695-46-9.
TEIXEIRA, E.A.S. Design de Interação. Rio de Janeiro, 5W, 2014. ISBN: 978-85-66031-66-9.
WODTKE, C. Information Architecture: Blueprints for the Web. New Riders, 2nd edition, 2009. 318p. ISBN: 978-0321600806.
WURMAN, R.S. Information Anxiety 2. Que; 2nd edition, 2001. 350p. ISBN: 0789724103.
Obrigada! :)