Arquitetura da Informação e Web semântica
Edílson Leite da Silva
Orientador: Prof. Dr. Fred Freitas
Cin – UFPE 2008.2
Roteiro
Arquitetura da Informação e Web semântica
 Contextualização
Breve histórico
The Information Architecture Institute
O que é Arquitetura da Informação
Arquitetura da Informação X Usabilidade

Princípio da AI
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

Metodologia de AI
Pesquisa
Concepção
Especificação
Implementação
Avaliação

Considerações Finais
AI X WS

Referências
Roteiro
Contextualização

Contextualização
Breve histórico
The Information Architecture Institute
O que é Arquitetura da Informação
Arquitetura da Informação X Usabilidade

Princípio da AI
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

Metodologia de AI
Pesquisa
Concepção
Especificação
Implementação
Avaliação

Considerações Finais
AI X WS

Referências
Breve histórico
Arquitetura da Informação
RICHARD SAUL WURMAN
• Criou o termo “Arquitetura de Informação” em 1976 em
uma tentativa de combater ansiedade de informação.
• Formação em arquitetura e especialista em design gráfico
1991
1997
2005
Breve histórico
Arquitetura da Informação na web
LOUIS ROSENFELD e PETER MORVILLE
 Introduziram a Arquitetura de Informação no design de
websites.
 Fundaram a Argus em 1994, primeira empresa a
empregar conceitos de arquitetura de informação no
design de websites.
 Formação em Biblioteconomia e Ciência da Informação.
1998
2002
2006
Information Architecture Institute
Arquitetura da Informação na web
http://www.iainstitute.org/
1400 membros de
80 países
Definição
Arquitetura da Informação na web

Tornar o complexo claro. WURMAN (1997)

1. O design estrutural de ambientes de informação compartilhados.
2. A combinação dos esquemas de organização, de rotulação
de busca e de navegação dentro de websites e intranets.
3. A arte e a ciência de dar forma a produtos e experiências de
informação para suportar a usabilidade e a findability.
4. Uma disciplina emergente e uma comunidade de prática focada
em trazer princípios do design e arquitetura ao espaço digital.



ROSENFELD e MORVILLE (2006)
Definição
Arquitetura da Informação na web
“Arquitetura de Informação é a arte e a ciência
de estruturar e organizar ambientes de
informação para ajudar as pessoas a
satisfazerem suas necessidades de informação
de forma efetiva.”
Steve Toub
Definição
Arquitetura da Informação na web
“Podemos definir Arquitetura de Informação como o
design estrutural de grupos de informações
relacionadas ou, a arte e ciência de organizar e
rotular Web sites, Intranets, comunidades online e
software para dar suporte à usabilidade e facilidade
de obtenção de informações, e também, como uma
comunidade emergente de profissionais focada em
trazer princípios de design e arquitetura para o
ambiente digital”
Information Architecture Institute
Objetivos
Arquitetura da Informação na web

Definir as regras de organização do site

Definir o modelo de interação do usuário

Especificar todas as páginas do site e os
elementos que as compõe
Usuários, conteúdo e contexto
Arquitetura da Informação na web
Documentos, aplicações,
serviços, Metadados, etc
Público alvo
Missão, objetivo,
estratégias, processos,
tecnologias, cultura, etc
O trabalho do arquiteto da informação
Arquitetura da Informação na web


Na prática o trabalho do arquiteto de informação é
balancear as características e as necessidades dos
usuários, do conteúdo e do contexto
Este trabalho se divide em três fases:



Pesquisa: avaliações heurísticas, relatórios estratégicos, análise
dos concorrentes, pesquisa de usuário,inventário do conteúdo,
etc
Design: Wireframe, blueprints, regras de navegação, vocabulário
controlado, especificação de mecanismos de busca, etc
Implementação: políticas, procedimentos, transferência de
conhecimento e treinamento
Componentes ou princípios
Arquitetura da Informação na web

Sistemas de Organização (Organization Systems): Determina o
agrupamento e a categorização do conteúdo informacional.

Sistemas de Navegação (Navigation Systems): Especifica as
maneiras de navegar, de se mover pelo espaço informacional e
hipertextual.

Sistemas de Rotulação (Labeling Systems): Estabelece as formas
de representação, de apresentação, da informação, definindo
cada elemento informativo.

Sistemas de Busca (Search Systems): Determina as perguntas
que o usuário pode fazer e o conjunto de respostas que irá obter.
Definição
Usabilidade
Usabilidade é a medida na qual um produto
pode ser usado por usuários específicos para
alcançar objetivos específicos com efetividade,
eficiência e satisfação num contexto específico
de uso. Norma ISO 94241-11
Atributos
Usabilidade
Cinco atributos da usabilidade (NIELSEN, 1993):





Facilidade de aprendizagem - Capacidade com que o usuário
começa a interagir rapidamente com o sistema logo na primeira vez
que o utiliza.
Eficiência de uso - Grau de produtividade atingido pelo usuário
depois que aprendeu a utilizar o sistema.
Facilidade de memorização - Retenção, capacidade do usuário de
voltar a utilizar o sistema após certo tempo sem precisar aprendê-lo
novamente.
Baixa taxa de erros - Medida do quanto o usuário pode ser
induzido ao erro pelo sistema e o quanto pode se recuperar do
mesmo.
Satisfação subjetiva - Medida do quanto o usuário se sente feliz
de estar utilizando o sistema.
Roteiro
Arquitetura da Informação e Web semântica
 Contextualização
Breve histórico
The Information Architecture Institute
O que é Arquitetura da Informação
Arquitetura da Informação X Usabilidade

Princípio da AI
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

Metodologia de AI
Pesquisa
Concepção
Especificação
Implementação
Avaliação

Considerações Finais
AI X WS

Referências
Sistema de organização
Arquitetura da Informação na web
Determina o agrupamento e a categorização do
conteúdo informacional
Onde é mais fácil encontrar uma palavra ?
Sistema de organização
Arquitetura da Informação na web
O que é categorizar ?

Categorizar é agrupar entidades (objetos, idéias, ações, etc.) por
semelhança.

“Categorizar é um processo cognitivo de dividir as experiências do
mundo em grupos de entidades, ou categorias, para construir uma
ordem dos mundos físicos e social em que o indivíduo participa”
(JACOB & SHAW, 1998)

“Categorização é um mecanismo cognitivo fundamental que
simplifica a interação do indivíduo com o ambiente: ela não apenas
facilita o armazenamento da informação, mas também reduz a
demanda da memória humana.” (MARKMAN apud JACOB & SHAW,
1998)
Sistema de organização
Arquitetura da Informação na web
Dificuldades de organizar a informação na web
 Ambigüidade

Heterogenidade

Diferenças de Perspectiva

Políticas Internas

Estética
Esquema de organização da informação
Arquitetura da Informação na web
Alfabeto: Indicado para grandes conjuntos de informação e
publico muito diversificado. Ex. Dicionários, enciclopédias,
listas telefônicas
Exata: Divide a informação em
categorias bem definidas e mutuamente
exclusivas com regras claras para incluir
novos itens.
Indicado quando o usuário sabe
exatamente o que esta procurando.
Tempo: indicado para mostrar a ordem cronológica de
eventos. Ex. Livro de história, guia de TV, arquivo de notícias
Localização: Compara informações vindas de diversos locais.
Ex. Previsão do tempo, pesquisa política
Seqüencia: Organização por ordem de grandeza, indicado para
conferir valor ou peso a informação: Ex. Lista de preço
Esquema de organização da informação
Arquitetura da Informação na web
Assunto: Divide a informação em diferentes tipos, modelos ou perguntas a
serem respondidas. Ex. Páginas amarelas, supermercados
Ambígua: Divide a informação em categorias
subjetivas. Baseada na ambigüidade inerente da
língua e na subjetividade humana. Não posso regras
claras de como incluir novos itens.
Indicado quando o usuário não sabe exatamente o
que esta procurando.
Tarefas: Organiza a informação em conjunto de ações. Usado muito em software
tradicionais, pouco usado sozinho na web. Ex. Menus do Windows (Editar,
Formatar)
Público alvo: Quando se deseja customizar o conteúdo para cada público. Ex.
Lojas de departamento
Metáfora: Usado para orientar o usuário em algo novo, baseado em algo
familiar. Ex. Desktop de um computador
Híbrido: Reuni dois ou mais esquemas anteriores. Pode causar confusão no
usuário
www.visavale.com.br
Arquitetura da Informação na web
Público alvo
www.guiadobebe.com.br
Arquitetura da Informação na web
Tempo
www.capricho.abril.com.br
Arquitetura da Informação na web
Sistema de organização
Arquitetura da Informação na web
AI e WS: Sistema de organização
Usar ontologias de domínios para definir os
esquemas de organização, ao invés de
vocabulário controlado.
Sistema de navegação
Arquitetura da Informação na web
Especifica as maneiras de navegar, de se
mover pelo espaço informacional e hipertextual
 Segundo NIELSEN (2000), um bom sistema de
navegação deve, a todo momento, responder a
3 perguntas básicas:
 Onde estive ?
 Onde estou ?
 Aonde posso ir ?

Onde estive ?
Onde estou ?
Aonde posso ir ?
Sistema de navegação
Arquitetura da Informação na web
Desafio dos sistemas de navegação
Flexibilidade de movimento
(Ir rapidamente de um ponto a outro do site)
X
Confundir o usuário com muitas opções de navegação
(para onde vou ?)
Sistema de navegação
Arquitetura da Informação na web
Sistemas de navegação Global, Local e Contextual
Sistemas de navegação Suplementares
ROSENFELD e MORVILLE (2006)
Índice
Sistema de
navegação
local
Sistema de
navegação
contextual
Sistema de
navegação
Global
Sistema de
busca
Mapa do site
Sistema de navegação
Arquitetura da Informação na web
AI e WS: Sistemas de navegação
 Usar ontologias para modela os conceitos na
navegação global, local e contextual

Os sistemas suplementares (Sitemap e Index)
também podem ser beneficiados
Sistema de busca
Arquitetura da Informação na web

Determina as perguntas que o usuário pode fazer e o
conjunto de respostas que irá obter

Quando as pessoas estão buscando um informação elas
alteram entre sistema de busca e de navegação
A busca da informação não é feita em um único passo, a
não ser a busca por um item conhecido.
O usuário busca uma informação, aprende como
resultado e refina sua busca.


Sistema de busca
Arquitetura da Informação na web
Tipos de necessidade de informação
 Procura por um item conhecido. Ex: a cotação
do IBOVESP no jornal
 Procura por um item existente: Ex: um fundo de
investimento adequado ao perfil
 Procura exploratória. Ex: uma pessoa pensando
em mudar de carreira
 Procura ampla (pesquisa). Ex: Pesquisa
científica
Sistema de busca
Arquitetura da Informação na web
Quando não implementar
 Quando o site tiver pouco volume de conteúdo
(Quantidade de páginas X tamanho de cada página).
 Para compensar um sistema de navegação ruim
Quando implementar
 Em sites grandes, porque seus sistemas de navegação
são muito complexos e com vários níveis.
 Se o site possui um conteúdo muito dinâmico e com
grande histórico, como um jornal, deve-se implementar
um mecanismo de busca para não ter de se fazer um
sistema de navegação.
Sistema de busca
Arquitetura da Informação na web
Variáveis a considerar no projeto de interface de um
sistema de busca




O nível de conhecimento/perícia do usuário: O usuário entende
operadores booleanos ou prefere linguagem natural ? Eles querem
uma interface simples ou avançada ? Precisa ter uma página de
Ajuda ?
O tipo de informação que o usuário deseja: O usuário quer
apenas um pouco de informação ou todo conteúdo disponível ? O
resultado deve ser resumido ou detalhado?
O tipo de informação que está sendo indexado: São arquivos
estruturados ou texto livre ? São páginas de navegação, de destino
ou ambas ? HTML ou outros formatos ?
A quantidade informação está sendo indexada: Os usuários
serão sobrecarregados com um grande número de documentos
recebidos ?
Sistema de busca
Arquitetura da Informação na web
O projeto de busca envolve quatro partes
Sistema de busca
Arquitetura da Informação na web
Tipos de interface os sistemas de busca
Sistema de busca
Arquitetura da Informação na web
Páginas com resultados




Quanto de informação deve ser apresentado de cada
documento acessado ?
Quais informações devem ser apresentadas de cada
documento ?
Quantos documentos devem ser apresentados ?
Como os documentos devem ser ordenados ?
Sistema de busca
Arquitetura da Informação na web
Páginas com resultados
Sistema de busca
Arquitetura da Informação na web
Páginas sem resultados
 Sempre dar feedback ao usuário
 Indicar que não foram encontrados resultados para os
parâmetros digitados
 Solicitar ao usuário revisar os parâmetros digitados,
principalmente a ortografia das palavras chaves
 Repetir na página de resposta os comandos usado na
busca
 Tornar simples ao usuário refazer a busca
 Incluir link para a página de ajuda
 Oferecer a possibilidade de entrar em contato com os
administradores do site
Sistema de busca
Arquitetura da Informação na web
Páginas sem resultados
Sistema de navegação
Arquitetura da Informação na web
AI e WS: Sistemas de buscas
 AI bem definida facilita os engenhos de busca

Os usuários terão resultados mais precisos
Sistema de rotulação
Arquitetura da Informação na web




Estabelece as formas de representação, de
apresentação, da informação, definindo signos para cada
elemento informativo
Rótulo é uma forma de representar informação rápida e
eficaz sem oprimir o usuário. Seu objetivo é a
comunicação eficiente da informação.
Rótulo é a maneira mais fácil do usuário adaptar-se a
seu sistema de organização e navegação.
Usuários de web não gastam muito tempo para
“decodificar” o rótulo
Sistema de rotulação
Arquitetura da Informação na web
O desafio do sistema de rótulos
 Ao se construir sistemas da organização e navegação,
os sistemas de rótulos são ignorados, entanto ele é
crucial para que os usuários compreendam as
informações que podem encontrar no site
 Fazer os rótulos falar a mesma língua dos usuários.
 Esforçar-se para fazer um sistema com rótulos
consistentes.
 Usar o mesmo rótulo de maneiras diferentes dentro do
mesmo site confunde o usuário.
Sistema de rotulação
Arquitetura da Informação na web
O que significam esses ícones ???????
Sistema de rotulação
Arquitetura da Informação na web
Sistema de rotulação
Arquitetura da Informação na web
Utilizar padrões
 Main, main Page, Home, Home Page, Página Inicial
 Search, Find, Browse, Search/Browse, SiteMap,
Contents, Table of Contents, Index, Busca, Mapa do Site
 Contact, Contac US, Contact Webmaster, FeedBack,
Contate-nos, Fale Conosco, Entre em contato
 Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas
 News, What’s New, Notícias
 About, About US, About < company name >, Who We
Are, Sobre a <empresa>
Sistema de rotulação
Arquitetura da Informação na web



Os rótulos são cada vez mais usado como
termos de indexação, palavras chaves,
classificando os índices de grandes sites. São
usados de duas maneiras:
Para suportar a Busca por palavras-chaves são
atribuídos valores a tag <META> ou no registro
de Base de Dados.
Posicionar rótulos dentro da Tag <TITLE> pode
melhorar as possibilidade de acerto nos
mecanismo de buscas
Sistema de rotulação
Arquitetura da Informação na web
Sistema de rótulos em ícones
 Ícones podem representar da mesma maneira as
informações em modo de texto

O problema dos rótulos em ícone é que constituem uma
língua limitada comparada ao texto

Quando se quer representar algo mais complexo pode
dificultar o entendimento do usuário referente ao ícone.
Sistema de rotulação
Arquitetura da Informação na web
Utilizar ícones padrões, por exemplo:
 Uma casa, para página principal

Uma lupa para a busca

Uma interrogação para ajuda
Sistema de rotulação
Arquitetura da Informação na web
AI e WS: Sistemas de rotulação

Definir um ontologia que represente os rótulos
padrões

Para o caso de rotular os conceitos do sistemas
de organização também usar ontologia, neste
caso, a já definida para este
Roteiro
Arquitetura da Informação e Web semântica
 Contextualização
Breve histórico
The Information Architecture Institute
O que é Arquitetura da Informação
Arquitetura da Informação X Usabilidade

Princípio da AI
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

Metodologia de AI
Pesquisa
Concepção
Especificação
Implementação
Avaliação

Considerações Finais
AI X WS

Referências
Metodologia
Arquitetura da Informação na web
5 fases
Metodologia
Arquitetura da Informação na web
Metodologia: Levantamento de requisitos
Arquitetura da Informação na web
Pesquisa


Pesquisar e analisar as informações sobre os usuários,
suas necessidades e o seu ambiente para definir o
escopo e os requisitos do projeto
Aplicar os fundamentos e técnicas do Design Centrado
no Usuário da Ciência da Informação
Objetivo

Entender detalhadamente o problema e definir o escopo
do trabalho a ser desenvolvido
Metodologia: Levantamento de requisitos
Arquitetura da Informação na web
O que deve ser feito
 Levantar a missão, visão, valores da empresa
 Levantar os públicos alvo do site e priorizá-los.
 Entender as características, diretrizes de linguagem ou
de abordagem de cada público alvo.
 Levantar a proposta de valor do site
 Levantar os objetivos do projeto e prioriza-los
 Levantar todos os conteúdos e serviços do site, priorizálos e verificar como eles atendem aos objetivosdo site
 Levantar requisitos que possam limitar a usabilidade
 Entender o funcionamento de sistemas legados
Metodologia: Levantamento de requisitos
Arquitetura da Informação na web
Fontes de Informação
 Pesquisas de usuários (Focus group, Entrevistas, etc)
 Relatórios internos (Reclamações / elogios no Call
Center, WebTrends, etc)
 Entrevistas com funcionários da empresa (Marketing,
Vendas, Atendimento aos Clientes, etc)
 Análise de sites concorrentes e sites similares
 Análise de tarefas
 Análise da plataforma cliente
Metodologia: Concepção
Arquitetura da Informação na web
Modelo de organização
 Aplica os fundamentos e técnicas do Design
Centrado no Usuário da Interação HumanoComputador para focalizar no usuário e nas
suas tarefas desde o início do projeto

Ter um processo de design com um ciclo
iterativo e interativo de definição, validação e
refinamento da solução utilizando avaliações de
usabilidade
Metodologia: Concepção
Arquitetura da Informação na web
Objetivo
 Definir as regras de organização e apresentação
dos conteúdos e serviços

Definir o modelo de interação de forma a atender
as boas práticas de usabilidade, as
necessidades dos públicos alvo, os requisitos do
projeto e os objetivos do negócio
Metodologia: Concepção
Arquitetura da Informação na web
O que deve ser feito
 Definir o sistema de organização
 Definir o sistema de navegação
 Definir o sistema de busca
 Definir o sistema de rotulação
Metodologia: Concepção
Arquitetura da Informação na web
Ferramentas
 Metáforas
 Cenários
 Avaliação Heurística
 Paper Prototype
 Testes de Usabilidade
Metodologia: Especificação
Arquitetura da Informação na web
Objetivo
 Detalhar a visão macro da solução em
documentos e diagramas que explicam como
construir o website
O que deve ser feito
 Elaborar o mapa do site
 Elaborar o fluxo navegação
 Elaborar os wireframes
Metodologia: Implementação
Arquitetura da Informação na web
Objetivo
 Construir o website conforme a especificação e disponibilizá-lo para
uso, garantindo que todas as especificações sejam implementadas
corretamente
O que deve ser feito
 Apresentar formalmente os documentos de especificação as
equipes responsáveis pela implementação (Web Designers,
Redatores, Programadores)
 Responder as dúvidas que surgirem durante a implementação
 Revisar os documentos de especificação durante a implementação
caso seja necessário
 Validar se a implementação foi realizada conforme as suas
especificações
Metodologia: Avaliação
Arquitetura da Informação na web
Análise dos resultados
 Avaliar a eficácia e a eficiência do trabalho de
Arquitetura de Informação
Objetivo
 Avaliar o resultado do projeto em função dos
seus objetivos iniciais
 para registrar os acertos e erros
Metodologia: Avaliação
Arquitetura da Informação na web
O que deve ser feito
 Levantar e analisar as Lições Aprendidas (Lessons
Learned) do projeto
 Medir periodicamente o desempenho de fatores críticos
de sucesso dos produtos entregue pela Arquitetura de
Informação
Ferramentas
 Reuniões de lições aprendidas (lessons leaned)
 Indicadores de desempenho
 Testes de Usabilidade
Roteiro
Arquitetura da Informação e Web semântica
 Contextualização
Breve histórico
The Information Architecture Institute
O que é Arquitetura da Informação
Arquitetura da Informação X Usabilidade

Princípio da AI
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

Metodologia de AI
Pesquisa
Concepção
Especificação
Implementação
Avaliação

Considerações Finais
AI X WS

Referências
AI e WS: Arquitetura proposta
Arquitetura da Informação e Web semântica
Contribuições
U
s
a
b
i
L
i
d
a
d
e
Contribuições
A
v
Implementação
a
l
Especificação
i
Contribuições
Concepção
a
ç
ã S. O. S. N. S. B. S. R.
o
Pesquisa
AI e WS: Arquitetura proposta
Arquitetura da Informação e Web semântica
APLICAÇÕES WEB
A
I
W
S
Fonte: ABECKER, Andreas. Toward a tecnology for organization memories. Pág. 42
Arquitetura da Informação X Web semântica
Considerações finais
AI x WS
 AI: definição da estrutura para disponibilização,
busca e recuperação de informação

WS: definição de semântica para recuperação
de informação

AI e WS juntas = mais facilidade para o usuário
e a máquina na disponibilização, busca e
recuperação de informação
Roteiro
Arquitetura da Informação e Web semântica
 Contextualização
Breve histórico
The Information Architecture Institute
O que é Arquitetura da Informação
Arquitetura da Informação X Usabilidade

Princípio da AI
Sistema de organização
Sistema de navegação
Sistema de rotulação
Sistema de busca

Metodologia de AI
Pesquisa
Concepção
Especificação
Implementação
Avaliação

Considerações Finais
AI X WS

Referências
Referências
Arquitetura da Informação e Web semântica








ABECKER, Andreas; BERNARDI, Ansgar; HINKELMANN, Knut; KÜHN, Otto; SINTEK, Michael.
Toward a Tecnology for Organization Mamories. IEEE Inteligent System. 1998
MORVILLE, Peter; ROSENFELD, Louis. Information Architecture for the World Wide Web.
O`Reilly Media: 2006.
REIS, Guilhermo. Arquitetura da informação para web. Slide da aula Arquitetura da informação
para web, do curso de pós-graduação da ECA/USP, São Paulo, 04 de novembro de 2008.
Disponível em: < http://www.guilhermo.com/aula_eca/04-11-08_Aula_AI_ECA_ Definicao_AI.pdf>.
Acesso em: 25 de out. 2008
REIS, Guilhermo. Sistema de busca. Slide da aula Sistema de busca, do curso de pós-graduação
da ECA/USP, São Paulo, 04 de novembro de 2008. Disponível em: < http://www.
guilhermo.com/aula_eca/04-11-08_Aula_AI_ECA_Busca.pdf>. bAcesso em: 25 de out. 2008.
REIS, Guilhermo. Sistema de rotulação. Slide da aula Sistema de rotulação, do curso de pósgraduação da ECA/USP, São Paulo, Novembro de 2008. Disponível em: < http://www.
guilhermo.com/aula_eca/04-11-08_Aula_AI_ECA_Rotulacao.pdf >. Acesso em: 25 de out. 2008.
REIS, Guilhermo. Sistema de navegação. Slide da aula Sistema de navegação, do curso de pósgraduação da ECA/USP, São Paulo, Novembro de 2008. Disponível em: < http://
www.guilhermo.com/aula_eca/04-11-08_Aula_AI_ECA_Navegacao.pdf >. Acesso em: 25 de out.
2008.
REIS, Guilhermo. Sistema de organização. Slide da aula Sistema de organização, do curso de
pós-graduação da ECA/USP, São Paulo, 04 de novembro de 2008. Disponível em: < http://
www.guilhermo.com/aula_eca/04-11-08_Aula_AI_ECA_Organizacao.pdf>. Acesso em: 25 de out.
2008.
THE INFORMATION ARCHITECTURE INSTITUTE. http://www.iainstitute.org/
Arquitetura da Informação e Web semântica
Edílson Leite da Silva
Orientador: Prof. Dr. Fred Freitas
Cin – UFPE 2008.2