Arquitetura da Informação e Web semântica
Edílson Leite da Silva
Cin – UFPE 2008.2
Orientador: Prof. Dr. Fred Freitas
Roteiro
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
Arquitetura da Informação e Web semântica
Roteiro
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 Contextualização
Breve histórico
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 Arquitetura da Informação
Breve histórico
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
Arquitetura da Informação na web
Information Architecture Institute
http://www.iainstitute.org/
1400 membros de 80 países
Arquitetura da Informação na web
Definição
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)
Arquitetura da Informação na web
Definição
“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
Arquitetura da Informação na web
Definição
“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
Arquitetura da Informação na web
Objetivos
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
Arquitetura da Informação na web
Usuários, conteúdo e contexto
Público alvo
Missão, objetivo, estratégias, processos, tecnologias, cultura, etc
Documentos, aplicações, serviços, Metadados, etc Arquitetura da Informação na web
O trabalho do arquiteto da informação
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
Arquitetura da Informação na web
Componentes ou princípios
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.
Arquitetura da Informação na web
Definição
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
Usabilidade
Atributos
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.
Usabilidade
Roteiro
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
Arquitetura da Informação e Web semântica
Sistema de organização
Determina o agrupamento e a categorização do conteúdo informacional
Arquitetura da Informação na web
Onde é mais fácil encontrar uma palavra ?
Sistema de organização
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)
Arquitetura da Informação na web
Sistema de organização
Dificuldades de organizar a informação na web
Ambigüidade
Heterogenidade
Diferenças de Perspectiva
Políticas Internas
Estética
Arquitetura da Informação na web
Esquema de organização da informação
Arquitetura da Informação na web
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.
Alfabeto: Indicado para grandes conjuntos de informação e publico muito diversificado. Ex. Dicionários, enciclopédias, listas telefônicas
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
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.
Assunto: Divide a informação em diferentes tipos, modelos ou perguntas a serem respondidas. Ex. Páginas amarelas, supermercados
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
Público alvo Arquitetura da Informação na web
www.guiadobebe.com.br
Tempo
Arquitetura da Informação na web
www.capricho.abril.com.br
Arquitetura da Informação na web
Sistema de organização
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.
Arquitetura da Informação na web
Sistema de navegação
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 ?
Arquitetura da Informação na web
Onde estive ? Onde estou ?
Aonde posso ir ?
Sistema 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 ?)
Arquitetura da Informação na web
Desafio dos sistemas de navegação
Sistema de navegação
Sistemas de navegação Global, Local e Contextual
Sistemas de navegação Suplementares Arquitetura da Informação na web
ROSENFELD e MORVILLE (2006)
Sistema de navegação
local Sistema de
navegação contextual
Sistema de navegação
Global
Sistema de busca
Índice Mapa do site
Sistema de navegação
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
Arquitetura da Informação na web
Sistema de busca
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.
Arquitetura da Informação na web
Sistema de busca
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
Arquitetura da Informação na web
Sistema de busca
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.
Arquitetura da Informação na web
Sistema de busca
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 ?
Arquitetura da Informação na web
Sistema de busca
O projeto de busca envolve quatro partes
Arquitetura da Informação na web
Sistema de busca
Tipos de interface os sistemas de busca
Arquitetura da Informação na web
Sistema de busca
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 ?
Arquitetura da Informação na web
Sistema de busca
Páginas com resultados
Arquitetura da Informação na web
Sistema de busca
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
Arquitetura da Informação na web
Sistema de busca
Páginas sem resultados
Arquitetura da Informação na web
Sistema de navegação
AI e WS: Sistemas de buscas
AI bem definida facilita os engenhos de busca
Os usuários terão resultados mais precisos
Arquitetura da Informação na web
Sistema de rotulação
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
Arquitetura da Informação na web
Sistema de rotulação
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.
Arquitetura da Informação na web
Sistema de rotulação
O que significam esses ícones ???????
Arquitetura da Informação na web
Sistema de rotulação
Arquitetura da Informação na web
Sistema de rotulação
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>
Arquitetura da Informação na web
Sistema de rotulação
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
Arquitetura da Informação na web
Sistema de rotulação
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.
Arquitetura da Informação na web
Sistema de rotulação
Utilizar ícones padrões, por exemplo:
Uma casa, para página principal
Uma lupa para a busca
Uma interrogação para ajuda
Arquitetura da Informação na web
Sistema de rotulação
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
Arquitetura da Informação na web
Roteiro
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
Arquitetura da Informação e Web semântica
Metodologia
5 fases
Arquitetura da Informação na web
Metodologia
Arquitetura da Informação na web
Metodologia: Levantamento de requisitos
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
Arquitetura da Informação na web
Metodologia: Levantamento de requisitos
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
Arquitetura da Informação na web
Metodologia: Levantamento de requisitos
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
Arquitetura da Informação na web
Metodologia: Concepção
Modelo de organização
Aplica os fundamentos e técnicas do Design Centrado no Usuário da Interação Humano- Computador 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
Arquitetura da Informação na web
Metodologia: Concepção
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
Arquitetura da Informação na web
Metodologia: Concepção
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
Arquitetura da Informação na web
Metodologia: Concepção
Ferramentas
Metáforas
Cenários
Avaliação Heurística
Paper Prototype
Testes de Usabilidade
Arquitetura da Informação na web
Metodologia: Especificação
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
Arquitetura da Informação na web
Metodologia: Implementação
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
Arquitetura da Informação na web
Metodologia: Avaliação
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
Arquitetura da Informação na web
Metodologia: Avaliação
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
Arquitetura da Informação na web
Roteiro
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
Arquitetura da Informação e Web semântica
AI e WS: Arquitetura proposta
Arquitetura da Informação e Web semântica
Pesquisa Concepção Especificação Implementação A
v al ia ç ã o U s a b i L
i d a d e
S. O. S. N. S. B. S. R.
Contribuições Contribuições
Contribuições
AI e WS: Arquitetura proposta
Arquitetura da Informação e Web semântica
W S
Arquitetura da Informação e Web semântica
A I
APLICAÇÕES WEB
Fonte: ABECKER, Andreas. Toward a tecnology for organization memories. Pág. 42
Arquitetura da Informação X Web semântica
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
Considerações finais
Roteiro
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
Arquitetura da Informação e Web semântica
Referências
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ós- graduaçã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ós-graduaçã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
Arquitetura da Informação e Web semântica
Edílson Leite da Silva
Cin – UFPE 2008.2
Orientador: Prof. Dr. Fred Freitas