Arquitetura de Informação - 6 Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1
Objetivo do Sistema de Rotulação O sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo. Seu desafio é criar para o website uma linguagem clara, compreensível e sem ambigüidades. Ferramentas para Web Design 2 Ferramentas para Web Design 2
Por que você deve se importar com rótulos? Rótulo é uma forma de representar uma informação ou comunicar um conceito rápida e eficaz. Rótulos são empregados nos títulos das páginas, nas opções do sistema de navegação, nos links contextualizados dentro das páginas e nos meta-dados usados na indexação para o sistema de busca. É através do rótulo que o usuário entende e se adapta ao sistema de organização e navegação do website. Na web, os usuários não gastam muito tempo para decodificar o rótulo. Por isso o rótulo precisa comunicar o conceito rapidamente. Ferramentas para Web Design 3 Ferramentas para Web Design 3
Qual a importância do sistema de busca? Ferramentas para Web Design 4 Ferramentas para Web Design 4
Cerca de 1/3 das pessoas observadas normalmente tentam a busca como suas estratégias iniciais e as outras recorrem a ela quando não conseguem uma resposta seguindo os links (navegando). SPOOL apud ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 1ed. Sebastopol: O Reilly, 1998. Ferramentas para Web Design 5 Ferramentas para Web Design 5
Objetivo do Sistema de Busca O sistema de busca é o componente da Arquitetura de Informação responsável por determinar as perguntas que o usuário pode fazer (queries) e o conjunto de respostas que irá obter. Sua função é implementar o mecanismo de busca do website que complementa o sistema de navegação. Ferramentas para Web Design 6 Ferramentas para Web Design 6
Que tipo de busca de informação o seu usuário faz? Ferramentas para Web Design 7 Ferramentas para Web Design 7
Tipos de Necessidades de Informação Que tipo de busca de informação o seu usuário faz? Busca por item conhecido O usuário tem suas necessidades de informação claramente definidas, sabe que a informação existe e onde encontrá-la. É o tipo de necessidade de informação mais simples e fácil de atender. Ex: Procurando a cotação da bolsa ou a previsão do tempo. ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 3ed. Sebastopol: O Reilly, 2006. Ferramentas para Web Design 8 Ferramentas para Web Design 8
Tipos de Necessidades de Informação Busca exploratória Que tipo de busca de informação o seu usuário faz? O usuário não tem certeza do que está procurando exatamente. Ele está apenas explorando e espera saber mais sobre o tema. Normalmente apenas um pouco de boa informação é suficiente para o usuário. Ele usa essa informação para sua próxima interação de busca. Não é possível determinar com precisão quando a busca termina. Ex: Uma pessoa decidindo como investir o seu dinheiro ou para onde mudar sua carreira. ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 3ed. Sebastopol: O Reilly, 2006. Ferramentas para Web Design 9 Ferramentas para Web Design 9
Tipos de Necessidades de Informação Pesquisa exaustiva Que tipo de busca de informação o seu usuário faz? O usuário está procurando tudo sobre um determinado tópico, e não quer que nada escape da sua averiguação. O usuário tem muitas formas diferentes de expressar o que está procurando e constrói sua busca usando todas as variações do termo. O usuário tem paciência para navegar por mais resultados do que é característico com outras necessidades de informação. Ex: Pesquisa científica, análise de inteligência competitiva, aprendendo sobre uma condição médica e fãs de qualquer espécie. ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 3ed. Sebastopol: O Reilly, 2006. Ferramentas para Web Design 10 Ferramentas para Web Design 10
Tipos de Necessidades de Informação Que tipo de busca de informação o seu usuário faz? Precisa da informação novamente O usuário precisa voltar a uma informação que já encontrou antes. Pode ocorrer porque está revisitando um assunto ou porque encontrou uma informação útil em um momento que não consegue analisá-la. Ex: Ao surfar na Internet encontrou um artigo que não pode ler no momento e guarda nos favoritos. ROSENFELD, L. ; MORVILLE, P. Information Architecture for the Word Wide Web. 3ed. Sebastopol: O Reilly, 2006. Ferramentas para Web Design 11 Ferramentas para Web Design 11
Quando implementar um sistema de busca em um website? Ferramentas para Web Design 12 Ferramentas para Web Design 12
Quando implementar um sistema de Quando implementar busca em um website? Websites com grande volume de informação grandes (Quantidade de páginas X tamanho de cada página) porque seus sistemas de navegação são muito complexos e com vários níveis. Websites com muita informação para consulta (Ex: bibliotecas virtuais) Websites com conteúdo muito dinâmico e com grande histórico (Ex: jornal) para substituir o sistema de navegação. Websites corporativos formados por vários sub-sites descentralizados. Ferramentas para Web Design 13 Ferramentas para Web Design 13
Quando implementar um sistema de Quando não implementar busca em um website? Quando o website tiver pouco volume de conteúdo. Para compensar um sistema de navegação ruim. Websites com muitas transações e pouca informação para consulta (Ex: Internet Banking) Quando não houver expertise para configurá-lo. Sistemas de busca são fáceis de implementar, mas difíceis de configurar para funcionarem de forma efetiva. São comuns sistemas de busca com interfaces incompreensíveis e resultados estranhos. Assim deve-se dedicar tempo para configurá-lo apropriadamente. Usuários não gostam de usar mecanismo de busca para executar as tarefas existentes no website. Ferramentas para Web Design 14 Ferramentas para Web Design 14
Comportamento do usuário ao fazer uma busca Os usuários utilizam o sistema de busca e navegação de forma integrada Quando estão buscando uma informação, os usuários alteram entre a navegação nos menus e a ferramenta de busca. Sistema de busca Sistema de navegação Ferramentas para Web Design 15 br.shopping.yahoo.com
Comportamento do usuário ao fazer uma busca Os usuários fazem múltiplas interações 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 com o resultado e refina sua busca. Normalmente é difícil ao usuário encontrar tudo que necessita numa única vez porque ele não conhece o suficiente sobre o tópico para fazer a pergunta certa. IP Origem do IP DATA HORA Consulta Macrodescritor Descritor 1 Descritor 2 200.221.112.188 Usuário Externo 15/mar/02 14:27:00 URP+Diagnosticos Informação medicina 200.221.112.188 Usuário Externo 15/mar/02 14:27:06 Radiologica Informação medicina radiologia 200.221.112.188 Usuário Externo 15/mar/02 14:27:18 Mamografia Informação medicina mama 200.221.112.188 Usuário Externo 15/mar/02 14:27:25 Gollop Informação medicina Gollop 200.221.112.188 Usuário Externo 15/mar/02 14:27:36 Lafayette Informação medicina nome próprio!lafayette! 200.221.112.188 Usuário Externo 15/mar/02 14:27:46 Lilian+Estefan Informação medicina nome próprio!lilian Estefan! 200.221.112.188 Usuário Externo 15/mar/02 14:27:55 Santa+Paula Informação medicina 200.221.112.188 Usuário Externo 15/mar/02 14:28:00 RedeMD Informação medicina 200.221.112.188 Usuário Externo 15/mar/02 14:28:08 Gamma+Knife Informação medicina Gamma Knife 200.221.112.188 Usuário Externo 15/mar/02 14:28:14 Syncor Informação medicina Análise do log do mecanismo de busca Ferramentas para Web Design 16
Variáveis do projeto de um Sistema de Busca 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? Tipo de informação que o usuário deseja receber O usuário quer apenas um pouco de informação ou todo conteúdo disponível? O resultado deve ser resumido ou detalhado? 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? Quantidade de informação que está sendo indexada Os usuários serão sobrecarregados com um grande número de documentos recebidos? Ferramentas para Web Design 17 Ferramentas para Web Design 17
Partes do projeto de um sistema de busca O projeto de um sistema de busca envolve quatro partes: Página de Resultados Interface Ajuda On-line Página sem Resultados Ferramentas para Web Design 18 www.google.com.br
Recomendações para o projeto da Interface Devido a grande variedade de necessidades que os usuários podem ter não existe uma única interface ideal e sim interfaces diferentes para usuários com necessidades diferentes. www.maplink.uol.com.br br.shopping.yahoo.com Ferramentas para Web Design 19 www.camargodias.com.br
Recomendações para o projeto da Interface Ofereça suporte aos diferentes modos de busca Para atender as diferentes necessidades de informação deve ser oferecido diferentes modos de busca. Várias áreas e assuntos de busca: produto, notícias, suporte técnico, etc. Várias línguas: português, inglês, etc. Vários níveis de sofisticação: busca simples e busca avançada Vários públicos-alvos: clientes, representantes, funcionários, etc. Várias línguas www.yahoo.com.br Várias áreas de busca Vários níveis de sofisticação Ferramentas para Web Design 20 www.altavista.com
Recomendações para o projeto da Interface Integre os sistemas de busca e navegação Os usuários normalmente mudam do sistema de busca para o de navegação e vice-versa. Por isso estes sistemas devem estar bastante integrados. Sugestão: colocar os elementos do sistema de navegação na mesma página do resultado de busca. Barra de Navegação Global Menu local filtrado Resultado da Ferramentas para Web Design busca 21 www.submarino.com.br
Recomendações para o projeto da Página de Resultados Os resultados da busca devem ser precisos, claros e relevantes Quanto de informação deve ser apresentado de cada documento acessado? Mostrar menos informação por resultado quando se antecipa uma lista grande. Mostrar menos informação para usuários que sabem o que estão procurando e mais informação para os que não sabem. Quando for difícil distinguir os documentos devido a um campo comum, mostrar mais informação para que o usuário possa diferenciar os resultados. Considere permitir que o usuário decida quanto de informação deve ser apresentado. Ferramentas para Web Design 22 Ferramentas para Web Design 22
Recomendações para o projeto da Página de Resultados Os resultados da busca devem ser precisos, claros e relevantes Quais informações devem ser apresentadas de cada documento? Depende dos campos disponíveis no documento. Mostre a informação que o usuário mais deseja (Ex: em uma lista telefônica mostre o número do telefone). Quantos documentos devem ser apresentados? Permitir que o usuário escolha quantos documentos que ver. Como os documentos devem ser ordenados / agrupados? Cronologicamente. Alfabeticamente por algum campo. Relevância. Permita que o usuário escolha como deseja ordenar. Ferramentas para Web Design 23 Ferramentas para Web Design 23
Recomendações para o projeto da Página de Resultados Repita na página de resultados os comandos usado na busca para feedback. Mostre quantos documentos foram encontrados no total. No caso de uma lista de resultado com várias páginas, indique onde o usuário se encontra. Torne simples ao usuário refazer, corrigir ou refinar a sua busca. Repete as palavras chaves usadas na busca para facilitar uma nova busca Quantidade de documentos encontrados Atalhos para refinar a busca Repete a interface de busca no rodapé para que o usuário não precise subir ao topo da página para fazer uma nova busca Indica em qual página o usuário se encontra Ferramentas para Web Design 24 www.google.com.br
Recomendações para o projeto da Página de Resultados Escolhe a forma de ordenação dos resultados Escolhe quais informações apresentar de cada resultado www.buscape.com.br www.igshopping.com.br Integra o sistema de navegação com o resultado da busca Ferramentas para Web Design 25 www.mercadolivre.com.br
Recomendações para o projeto da Página de Resultados Cuidado quando indicar o grau de relevância de uma página. Esse grau não é quantificável para o usuário. A ordenação por relevância é feita através da combinação de diversas variáveis: Posição da palavra: dependendo da posição da palavra na página ele tem mais relevância (a palavra no título tem mais relevância que no corpo da página) Freqüência da palavra: quanto mais vezes a palavra aparece maior a relevância Popularidade da página: uma página é mais relevante se tiver mais páginas apontando para ela Usuário não entende a diferença entre 84% e 82% de relevância Ferramentas para Web Design 26 www.infoexame.com.br
Recomendações para o projeto da Página de Resultados Indexe o conteúdo correto Nem todas as páginas de um site devem ser indexadas. Nem todo conteúdo de uma página deve ser indexado. Um site possui páginas de navegação e de destino. Uma página possui elementos de navegação e de conteúdo. As páginas de navegação e os elementos de navegação não devem ser indexados para não apresentar resultados errados. Dica: existem meta tags especiais no HTML, como a meta tag ROBOTS, que indicam o que não deve ser indexado pelo sistema de busca. Página de destino (indexar) Elemento de Navegação (não indexar) Resultado da busca Página de navegação (não indexar) Elemento de Conteúdo (indexar) Ferramentas para Web Design 27 www.bovespa.com.br
Recomendações para o projeto da Página sem Resultados Avise o usuário que a sua busca não obteve sucesso. Indique que não foram encontrados resultados para os parâmetros digitados. Solicite ao usuário revisar os parâmetros digitados, principalmente a ortografia das palavras chaves. Repita na página de resposta os comandos usado na busca para feedback. Torne simples ao usuário refazer a busca. Inclua link para a página de ajuda. Ofereça a possibilidade de entrar em contato com os administradores do website. www.google.com.br www.cade.com.br Ferramentas para Web Design 28
Recomendações para o projeto da Ajuda Online Explique como utilizar o sistema de busca de forma clara e didática. Como existem muitas variáveis envolvidas numa busca, a possibilidade de erro é grande. Assim, sempre crie uma página de ajuda do sistema de busca mostrando: O que está sendo procurado: mostre as áreas de busca. Como as perguntas podem ser formuladas: mostre os comandos de busca com exemplos que funcionem. Opções para refinar a busca: como limitar o espaço de busca (de até), selecionar áreas e as opções de ordenação dos resultados. O que o usuário pode fazer se não encontrar a informação que deseja Obteve uma lista de resultados muito grande : sugira abordagens que reduzam o número de resultados, como uma operação AND. Não obteve resultados: sugira abordagens que aumentem o número de resultados, como uma operação OR. O resultado obtido não atende/não interessa: sugira que digite outras palavras chaves ou entre em contato com a administração do website. Ferramentas para Web Design 29
O Google possui uma extensa seção de ajuda que explica detalhadamente como utilizar seu mecanismo de busca. Ferramentas para Web Design 30 www.google.com.br