Arquitetura da Informao e Web semntica Edlson Leite

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 l Contextualização Breve histórico The Information Architecture Institute O que é Arquitetura da Informação X Usabilidade l Princípio da AI Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca l Metodologia de AI Pesquisa Concepção Especificação Implementação Avaliação l Considerações Finais AI X WS l Referências

Roteiro Contextualização l Contextualização Breve histórico The Information Architecture Institute O que é Arquitetura da Informação X Usabilidade l Princípio da AI Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca l Metodologia de AI Pesquisa Concepção Especificação Implementação Avaliação l Considerações Finais AI X WS l 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 l Introduziram a Arquitetura de Informação no design de websites. l Fundaram a Argus em 1994, primeira empresa a empregar conceitos de arquitetura de informação no design de websites. l 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 l Tornar o complexo claro. WURMAN (1997) l 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. l l l 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 l Definir as regras de organização do site l Definir o modelo de interação do usuário l 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 l l 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 l Sistemas de Organização (Organization Systems): Determina o agrupamento e a categorização do conteúdo informacional. l Sistemas de Navegação (Navigation Systems): Especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual. l Sistemas de Rotulação (Labeling Systems): Estabelece as formas de representação, de apresentação, da informação, definindo cada elemento informativo. l 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 é 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): l l l 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 l Contextualização Breve histórico The Information Architecture Institute O que é Arquitetura da Informação X Usabilidade l Princípio da AI Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca l Metodologia de AI Pesquisa Concepção Especificação Implementação Avaliação l Considerações Finais AI X WS l 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 ? l Categorizar é agrupar entidades (objetos, idéias, ações, etc. ) por semelhança. l “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) l “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 l Ambigüidade l Heterogenidade l Diferenças de Perspectiva l Políticas Internas l 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 l 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 ? l

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 l Usar ontologias para modela os conceitos na navegação global, local e contextual l Os sistemas suplementares (Sitemap e Index) também podem ser beneficiados

Sistema de busca Arquitetura da Informação na web l Determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter l 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. l l

Sistema de busca Arquitetura da Informação na web Tipos de necessidade de informação l Procura por um item conhecido. Ex: a cotação do IBOVESP no jornal l Procura por um item existente: Ex: um fundo de investimento adequado ao perfil l Procura exploratória. Ex: uma pessoa pensando em mudar de carreira l Procura ampla (pesquisa). Ex: Pesquisa científica

Sistema de busca Arquitetura da Informação na web Quando não implementar l Quando o site tiver pouco volume de conteúdo (Quantidade de páginas X tamanho de cada página). l Para compensar um sistema de navegação ruim Quando implementar l Em sites grandes, porque seus sistemas de navegação são muito complexos e com vários níveis. l 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 l l 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 l l 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 l Sempre dar feedback ao usuário l Indicar que não foram encontrados resultados para os parâmetros digitados l Solicitar ao usuário revisar os parâmetros digitados, principalmente a ortografia das palavras chaves l Repetir na página de resposta os comandos usado na busca l Tornar simples ao usuário refazer a busca l Incluir link para a página de ajuda l 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 l AI bem definida facilita os engenhos de busca l Os usuários terão resultados mais precisos

Sistema de rotulação Arquitetura da Informação na web l l 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 l 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 l Fazer os rótulos falar a mesma língua dos usuários. l Esforçar-se para fazer um sistema com rótulos consistentes. l 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 l Main, main Page, Home Page, Página Inicial l Search, Find, Browse, Search/Browse, Site. Map, Contents, Table of Contents, Index, Busca, Mapa do Site l Contact, Contac US, Contact Webmaster, Feed. Back, Contate-nos, Fale Conosco, Entre em contato l Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas l News, What’s New, Notícias l About, About US, About < company name >, Who We Are, Sobre a <empresa>

Sistema de rotulação Arquitetura da Informação na web l l l 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 l Ícones podem representar da mesma maneira as informações em modo de texto l O problema dos rótulos em ícone é que constituem uma língua limitada comparada ao texto l 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: l Uma casa, para página principal l Uma lupa para a busca l Uma interrogação para ajuda

Sistema de rotulação Arquitetura da Informação na web AI e WS: Sistemas de rotulação l Definir um ontologia que represente os rótulos padrões l 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 l Contextualização Breve histórico The Information Architecture Institute O que é Arquitetura da Informação X Usabilidade l Princípio da AI Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca l Metodologia de AI Pesquisa Concepção Especificação Implementação Avaliação l Considerações Finais AI X WS l 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 l l 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 l 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 l Levantar a missão, visão, valores da empresa l Levantar os públicos alvo do site e priorizá-los. l Entender as características, diretrizes de linguagem ou de abordagem de cada público alvo. l Levantar a proposta de valor do site l Levantar os objetivos do projeto e prioriza-los l Levantar todos os conteúdos e serviços do site, priorizálos e verificar como eles atendem aos objetivosdo site l Levantar requisitos que possam limitar a usabilidade l Entender o funcionamento de sistemas legados

Metodologia: Levantamento de requisitos Arquitetura da Informação na web Fontes de Informação l Pesquisas de usuários (Focus group, Entrevistas, etc) l Relatórios internos (Reclamações / elogios no Call Center, Web. Trends, etc) l Entrevistas com funcionários da empresa (Marketing, Vendas, Atendimento aos Clientes, etc) l Análise de sites concorrentes e sites similares l Análise de tarefas l Análise da plataforma cliente

Metodologia: Concepção Arquitetura da Informação na web Modelo de organização l 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 l 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 l Definir as regras de organização e apresentação dos conteúdos e serviços l 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 l Definir o sistema de organização l Definir o sistema de navegação l Definir o sistema de busca l Definir o sistema de rotulação

Metodologia: Concepção Arquitetura da Informação na web Ferramentas l Metáforas l Cenários l Avaliação Heurística l Paper Prototype l Testes de Usabilidade

Metodologia: Especificação Arquitetura da Informação na web Objetivo l Detalhar a visão macro da solução em documentos e diagramas que explicam como construir o website O que deve ser feito l Elaborar o mapa do site l Elaborar o fluxo navegação l Elaborar os wireframes

Metodologia: Implementação Arquitetura da Informação na web Objetivo l 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 l Apresentar formalmente os documentos de especificação as equipes responsáveis pela implementação (Web Designers, Redatores, Programadores) l Responder as dúvidas que surgirem durante a implementação l Revisar os documentos de especificação durante a implementação caso seja necessário l 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 l Avaliar a eficácia e a eficiência do trabalho de Arquitetura de Informação Objetivo l Avaliar o resultado do projeto em função dos seus objetivos iniciais l para registrar os acertos e erros

Metodologia: Avaliação Arquitetura da Informação na web O que deve ser feito l Levantar e analisar as Lições Aprendidas (Lessons Learned) do projeto l Medir periodicamente o desempenho de fatores críticos de sucesso dos produtos entregue pela Arquitetura de Informação Ferramentas l Reuniões de lições aprendidas (lessons leaned) l Indicadores de desempenho l Testes de Usabilidade

Roteiro Arquitetura da Informação e Web semântica l Contextualização Breve histórico The Information Architecture Institute O que é Arquitetura da Informação X Usabilidade l Princípio da AI Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca l Metodologia de AI Pesquisa Concepção Especificação Implementação Avaliação l Considerações Finais AI X WS l 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 Implementação v al Especificação ia Concepção ç ã o S. O. S. N. S. B. S. R. Pesquisa Contribuições

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 l AI: definição da estrutura para disponibilização, busca e recuperação de informação l WS: definição de semântica para recuperação de informação l 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 l Contextualização Breve histórico The Information Architecture Institute O que é Arquitetura da Informação X Usabilidade l Princípio da AI Sistema de organização Sistema de navegação Sistema de rotulação Sistema de busca l Metodologia de AI Pesquisa Concepção Especificação Implementação Avaliação l Considerações Finais AI X WS l Referências

Referências Arquitetura da Informação e Web semântica l l l l 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>. b. Acesso 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