Usabilidade na Visualização de Resultados de Ferramentas de Busca na Web



Documentos relacionados
Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Manual do Visualizador NF e KEY BEST

Manual SAGe Versão 1.2 (a partir da versão )

Desenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais.

Está apto a utilizar o sistema, o usuário que tenha conhecimentos básicos de informática e navegação na internet.

CONSTRUÇÃO DE BLOG COM O BLOGGER

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

PRINCÍPIOS DE INFORMÁTICA PRÁTICA OBJETIVO 2. BASE TEÓRICA. 2.1 Criando Mapas no Excel. 2.2 Utilizando o Mapa

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

Análise de Dados do Financeiro

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes

Sistema de Gerenciamento Remoto

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania

Internet: Site da Simonsen e Secretaria Online

SISTEMA DE GERENCIAMENTO DE PROJETOS - REDMINE MANUAL DE USO

Introdução ao EBSCOhost 2.0

Introdução. Olá! Seja bem-vindo ao manager. O melhor sistema de marketing do mercado.

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

3 - Projeto de Site:

Introdução aos critérios de consulta. Um critério é semelhante a uma fórmula é uma cadeia de caracteres que pode consistir em

MANUAL DE REFERÊNCIA DO CLIENTE S

Manual de Utilização

1 Sumário O Easy Chat Conceitos Perfil Categoria Instalação O Aplicativo HTML...

OFICINA BLOG DAS ESCOLAS

Manual do Módulo de PC Online

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo

VISUAL LIGHTBOX FERRAMENTA WEB DESIGN FABIANO KEIJI TAGUCHI

A. O Sindepark. 1. História

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

Manual de Gerenciamento de Conteúdo

Sumário. Apresentação O que é o Centro de Gerenciamento de Serviços (CGS) NTI? Terminologia Status do seu chamado Utilização do Portal Web

Personalizações do mysuite

ANDRÉ APARECIDO DA SILVA APOSTILA BÁSICA SOBRE O POWERPOINT 2007

Manual de utilização do sistema OTRS (Atendimento) Cliente Externo

COMO SE CONECTAR A REDE SOCIAL FACEBOOK? Passo-a-passo para criação de uma nova conta

Sistema de Controle de Solicitação de Desenvolvimento

Como incluir artigos:

UNIVERSIDADE FEDERAL DO VALE DO SÃO FRANCISCO UNIVASF SECRETARIA DE TECNOLOGIA DA INFORMAÇÃO STI DEPARTAMENTO DE SISTEMAS DE INFORMAÇÕES

Utilizando a ferramenta de criação de aulas

Passo-a-passo para acesso ao novo sistema de reservas de salas no Rochaverá

Registro e Acompanhamento de Chamados

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

Universidade Federal do Mato Grosso - STI-CAE. Índice

Sistema de Gestão de Recursos de Aprendizagem

COORDENAÇÃO DE ENSINO A DISTÂNCIA - EaD

Princípios de Design TRADUÇÃO DE TATIANE CRISTINE ARNOLD, DO ARTIGO IBM DESIGN: DESIGN PRINCIPLES CHECKLIST.

Processo de Controle das Reposições da loja

TUTORIAL DO ALUNO. Olá, bem vindo à plataforma de cursos a distância da Uniapae!!!

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE

MANUAL DO ALUNO PARA NAVEGAR NO AMBIENTE VIRTUAL DE APRENDIZAGEM - AVA

Manual da Turma Virtual: MATERIAIS. Para acessar a turma virtual com o perfil Docente, siga o caminho indicado abaixo:

PORTAL DE COMPRAS SÃO JOSÉ DO RIO PRETO

EQUIPE: ANA IZABEL DAYSE FRANÇA JENNIFER MARTINS MARIA VÂNIA RENATA FREIRE SAMARA ARAÚJO

Microsoft Office PowerPoint 2007

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

Manual de criação de envios no BTG360

Sumário. 1 Tutorial: Blogs no Clickideia

Portal Sindical. Manual Operacional Empresas/Escritórios

Manual do Google agenda. criação e compartilhamento de agendas

ArpPrintServer. Sistema de Gerenciamento de Impressão By Netsource Rev: 02

Documentação. Programa de Evolução Contínua Versão 1.72

UNIVERSIDADE ESTADUAL DA PARAÍBA CENTRO DE CIÊNCIAS E TECNOLOGIA DEPARTAMENTO DE QUÍMICA CURSO DE LICENCIATURA EM QUÍMICA LINDOMÁRIO LIMA ROCHA


USABILIDADE NA WEB : Projetando Websites com Qualidade

Especificação do 3º Trabalho

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

ANÁLISE DE SITES EDUCACIONAIS PELO PROFESSOR E PELO ALUNO

Anote aqui as informações necessárias:

Sistema de HelpDesk da SESAU Guia do Usuário

Introdução a listas - Windows SharePoint Services - Microsoft Office Online

Manual para Cadastro de Questões Prova Colegiada / Professor

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA

Plano de Carreira Sistema de Apoio à Gestão de Planos de Carreira

Conteúdo. Disciplina: INF Engenharia de Software. Monalessa Perini Barcellos. Centro Tecnológico. Universidade Federal do Espírito Santo

IMPLANTAÇÃO DE UM SISTEMA DE AVALIAÇÃO DE DESEMPENHO NA UFG

Guia de Início Rápido

Operações de Caixa. Versão 2.0. Manual destinado à implantadores, técnicos do suporte e usuários finais

Follow-Up Acompanhamento Eletrônico de Processos (versão 3.0) Manual do Sistema. 1. Como acessar o sistema Requisitos mínimos e compatibilidade

Manual do Sistema de Apoio Operadores CDL

Manual do Painel Administrativo

Nota de Aplicação. Utilizando os recursos de segurança dos controladores HI. HI Tecnologia. Documento de acesso público

1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail

SUMÁRIO Acesso ao sistema... 2 Atendente... 3

Ajuda ao SciEn-Produção O Artigo Científico da Pesquisa Experimental

Manual de Operação do Sistema de Tickets Support Suite

PESQUISA SOBRE O PERFIL DE ALUNOS NA UTILIZAÇÃO DE UM SITE DOCENTE DO ENSINO SUPERIOR

Desenvolvendo para WEB

1 Inicie um novo. Guia de Referência Rápida de Gerenciamento de Projeto para o Project projeto

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

Aula 03 PowerPoint 2007

Curso de atualização Educação Integral e Integrada. Tutorial Moodle. Belo Horizonte, 2013.

Atualização De Mapas GPS Apontador. 1º Acessar site: 2º Selecione o Idioma para Português no seu canto direito.

Projeto ECA na Escola - Plataforma de Educação à Distância

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

PORTAL DE RELACIONAMENTO GROUP

ÍNDICE 1 CADASTRO DO PRODUTO INCLUIR E CONFIGURAR VITRINE CONFIGURANDO A VITRINE DE PRODUTOS... 7

Transcrição:

Usabilidade na Visualização de Resultados de Ferramentas de Busca na Web Bruno Tourn Bozzetti, Isabel Cristina Siqueira da Silva {brunobozz@gmail.com, isabel@uniritter.edu.br} Faculdade de Informática Centro Universitário Ritter dos Reis (UniRitter) 90.840-440 Porto Alegre RS Brasil Resumo. Os sistemas de busca na web foram desenvolvidos com o intuito de auxiliar as pessoas no melhor aproveitamento do seu tempo na internet, trazendo aos usuários formas mais rápidas para encontrar o que procuram. Este artigo apresenta a proposta de um protótipo de ferramenta que dispara buscas na web e retorna para o usuário uma lista de resultados obtidos a partir de um motor de busca; estes são, então, categorizados e formatados para o melhor aproveitamento da pesquisa. Para tanto, conceitos de usabilidade e visualização de informações serão empregados. Palavras-chave: Ferramentas de Busca na Web, Usabilidade, Visualização de Informações. Abstract. Search engines on the web have been studied and developed with the intention of helping people take greater advantage of their time on the internet, bringing users the quickest ways to find what they seek. This paper presents a prototype tool that searches the web and returns to the user a list of results from a search engine; then, the results are categorized and formatted for better utilization of research. In order to do that, usability and information visualization was employed. Keywords: Web Search Engines, Usability, Information Visualization. 1 Introdução Na atualidade, as ferramentas de busca na web apresentam pouca ou nenhuma categorização dos resultados (CARVALHO & PEREIRA, 2008), como, por exemplo, o Site de Busca Google 1, cujo slogan exibido no Google Mail afirma Uma abordagem Google para e-mail. Não classifique, pesquise!. Sua proposta é a de busca da informação em sua base de dados (toda a Internet) e recuperação desta com maior agilidade possível, associada a uma precisão de resultados possibilitada pelo seu algoritmo de ranqueamento. Muitos usuários, ao não encontrar algo facilmente em um site, optam por abandonar o mesmo. Alguns sistemas como Vivíssimo 2 e Grokker 3 apresentam resultados textuais agrupados por assunto, visando categorizar as informações de forma que facilite as pesquisas na web (SILVA & FREITAS, 2006). Desta forma, visam que o usuário alcance seu objetivo e permaneça no site. 1 http://www.google.com/ 2 http://www.vivissimo.com/ 3 http://www.grokker.com/

Paralelamente a tal assunto, nota-se que muitos sites da web ainda apresentam design deficiente, provendo pouca ou nenhuma usabilidade para seus usuários. Considerar a usabilidade no desenvolvimento de um site é questão primordial nos dias de hoje, pois ela refere-se à capacidade de um software de ser compreendido, aprendido, utilizado e ser atrativo para o utilizador, em condições específicas de utilização (MARIN, 2010). Ainda segundo Marin (2010) e Freitas (2007), a área da VI (Visualização de Informações) pode auxiliar na exibição gráfica dos resultados de busca na web e na interação com estes. Tal fato se dá em função desta área de estudo se tratar de um campo emergente de pesquisa que se preocupa com a construção de representações visuais de dados abstratos de forma a facilitar o seu entendimento e/ou ajudar na descoberta de novas informações contidas nos mesmos. Este artigo mostra o estudo de técnicas de usabilidade e visualização para a criação de uma ferramenta de busca na web que leve em conta aspectos como: design eficiente e agradável, busca rápida com precisão de resultados e fácil entendimento da ferramenta. Neste contexto, o presente artigo está subdividido em 7 seções. A seção 2 apresenta um breve referencial teórico das áreas envolvidas, a seção 3 apresenta o estado da arte, a seção 4 mostra a modelagem e a solução da ferramenta proposta, a seção 5 mostra a avaliação e resultados, a seção 6 as considerações finais e a seção 7 os agradecimentos. Por fim, são apresentadas as referências que embasam este estudo. 2 Referencial Teórico Nesta seção, são discutidas as ferramentas de busca na web existentes e suas características, assim como as técnicas de usabilidade e visualização usadas em sites, com o objetivo de facilitar o uso dos mesmos e atrair a atenção do usuário. 2.1 Ferramentas de Busca na Web A web possui um grande volume de informação tal como mostram cálculos feitos pelos engenheiros do Google, em 2008. Tais cálculos apontam que existe um trilhão de URLs (Uniform Resource Locators) únicas na rede e o número de páginas está crescendo mais de um bilhão por dia (WEB USER, 2008). Existem, hoje, muitas ferramentas para a busca de informações em páginas HTML (Hyper Text Markup Language). As peculiaridades destas ferramentas influenciam no tipo, número e qualidade dos recursos recuperados através delas. No Market Share 4, o Google representa a primeira opção para buscas na web, como mostra a Figura 1, sendo votado quatro vezes como Most Outstanding Search Engine pelos leitores da revista Search Engine Watch 5. Neste ano, o Google atualizou sua interface (Figura 2) e, embora pareça apresentar poucas alterações, foram adicionados itens de usabilidade como a barra esquerda que permite navegar e refinar os resultados e itens de VI aumentando ainda mais as características de um site limpo removendo a sombra no logotipo (GOOGLE DISCOVERY, 2010). 4 http://marketshare.hitslink.com/ 5 http://www.searchenginewatch.com/

Figura 1. Market Share: Ranking das ferramentas de buscas mais utilizadas em maio de 2010. Além da ferramenta da Google, são ranqueadas as ferramentas Yahoo 6, Bing 7 e Baidu 8 entre outras. Figura 2. Google: Sua nova interface 2010. 2.2 Usabilidade na Web Milhões de web sites oferecem informações, serviços e entretenimento, mas muitos desses são difíceis de usar, não funcionam adequadamente ou não atraem nem fidelizam os usuários (ROMANI, 2010). Um bom site é um site efetivo, onde a arquitetura, a navegação, o conteúdo e o design devem ser feitos visando suprir as necessidades de todos os usuários, e identificar essas necessidades é o objetivo do serviço de usabilidade. A usabilidade está diretamente ligada ao diálogo na interface e diz respeito à capacidade do software permitir que o usuário alcance suas metas de interação com o sistema. Ser de fácil aprendizagem, permitir utilização eficiente e apresentar poucos erros são os aspectos fundamentais para a percepção da boa usabilidade por parte do usuário (NIELSEN, 2010). 6 http://www.yahoo.com/ 7 http://www.bing.com/ 8 http:// www.baidu.com/

Pensando nisso, em 2001, a IBM efetuou um amplo processo de redesign do seu site envolvendo centenas de pessoas e milhões de dólares (ROCHA & BARANAUSKAS, 2003). Tudo porque havia constatado que o recurso mais popular em seu site era a função de busca, pelo fato de que as pessoas não conseguiam descobrir como navegar. O resultado do processo foi que na primeira semana depois do redesign, o uso do botão de ajuda caiu 84% enquanto as vendas aumentaram 400%. Outra empresa que adotou fortemente os recursos de usabilidade foi a Amazon Books. No ano de 2000 ela deixou um pouco de lado o visual, ficando a favor da funcionalidade e rapidez, e principalmente o relacionamento com o usuário (ROCHA & BARANAUSKAS, 2003). Nota-se, assim, que os melhores sites da atualidade são os que estão aprendendo a se relacionar com o usuário e permitindo que este use de forma satisfatória os recursos disponibilizados. 2.3 Visualização na Web A Visualização de Informações tem como meta o uso de representações visuais, interativas e suportadas por computador, de dados abstratos para agilizar o processo de cognição por parte da mente humana (SOUZA, 2007). O sentido da visão é rápido e paralelo, sendo possível, inclusive, prestar atenção em um objeto de interesse especial, sem perder de vista (com menos detalhes) o que está acontecendo ao redor (NASCIMENTO & FERREIRA, 2005). Além disso, o sistema visual humano é treinado para reconhecer padrões. Pode-se verificar essa capacidade através da Figura 3, onde o símbolo da estrela é mais facilmente identificado. O fato de ele estar entre símbolos quadrados faz com que essa busca seja bastante rápida. Se a estrela estivesse pintada com uma cor diferente do que a dos demais símbolos, então o processo de reconhecimento seria facilitado. Figura 3. Reconhecendo Padrões.

A ferramenta de busca Kartoo 9, apresentada na Figura 4, emprega metabuscas que utilizam princípios cartográficos para exibir os resultados retornados de uma pesquisa na web. Os sites retornados são exibidos como ícones de páginas, enquanto regiões identificadas através de palavras-chave indicam temas recorrentes nessas páginas (SILVA & FREITAS, 2006). Os temas aparecem como ilhas de agregação dispostas em uma representação espacial arbitrária. Linhas surgem conectando o ícone de uma página selecionada aos temas que ela contém, enquanto a seleção de um tema realça as páginas com conteúdo naquela categoria. Já a ferramenta Grokker, apresentada na Figura 5, oferece duas possibilidades de exibição de resultados: exibe os resultados graficamente (Map View), a partir do uso de agrupamentos de círculos organizados por categorias de assuntos e ao modo textual, onde exibe os resultados também, categorizados por assunto (Outline View). A Grokker é apoiada pelo Yahoo, sistema sobre o qual realiza as buscas. Figura 4. Kartoo: À esquerda, as categorias de resultados encontrados; no centro, os sites são exibidos como ícones de página; e à direita, alguns links patrocinados. Figura 5. Grokker 12 : visual. 9 http://www.kartoo.com/

Saber quais são os sites mais acessados no mundo é um fator de muita importância para grandes empresas da web (UOL PCWORLD, 2010). Pensando nisso, foi desenvolvida uma ferramenta pela Universidade de Berkeley, na Califórnia (EUA), que emprega a técnica de visualização conhecida por Treemap (Figura 6) (BBC NEWS, 2010). O recurso permite analisar a distribuição dos 100 sites mais acessados em nove países Reino Unido, França, Alemanha, Espanha, Itália, Suíça, Brasil, Estados Unidos e Austrália. A visualização da ferramenta é dividida em categorias. Em algumas categorias é possível ver a diferença entre os sites e a concorrência. O objetivo da ferramenta é de investigar a influência da internet na vida da população mundial e as transformações sociais decorrentes do crescimento da rede. Figura 6. Página do Treemap no site da BBC (BBC NEWS, 2010). Levando esses aspectos em conta, pode-se perceber o quanto é importante saber destacar a informação certa para o usuário. Modos diferentes são criados todos os dias, buscando sempre o maior destaque na imensa rede web. 2.4 Motor de Busca Os motores de busca começaram a surgir quando o número de recursos na web adquiriu proporções que impediam a sua coleta por meios manuais e a busca apenas através da navegação (CENDÓN, 2001). A maioria deles derivou do trabalho de estudantes de pós-graduação, professores, funcionários do departamento de Tecnologia de Informação de empresas ou outras pessoas interessadas na web. O Yahoo Search BOSS (DEVELOPER YAHOO, 2010) é uma iniciativa do Yahoo Search de abrir sua estrutura de pesquisa e permitir que terceiros criem produtos de pesquisa revolucionários, aproveitando seus próprios dados, conteúdo, tecnologia, gráfico social, e outros aspectos. Pode-se ver este esquema graficamente na Figura 7. Figura 7. Iniciativa do Yahoo Search BOSS (DEVELOPER YAHOO, 2010).

3 Estado da Arte Esta seção apresenta alguns trabalhos que utilizaram as técnicas de Usabilidade e/ou Visualização de Informações para o desenvolvimento de seus estudos. Souza (2007) apresenta um trabalho que aborda técnicas de Visualização de Informações aplicadas ao mapa do site do UniRitter. Foi realizado um estudo sobre a implementação de uma ferramenta para geração dinâmica e exibição gráfica interativa do mapa do site do UniRitter, com o objetivo de fornecer uma navegação mais eficiente e objetiva para o usuário. Raffo (2009) apresenta um trabalho que aborda questões de visualização e acessibilidade na web. Para tanto, foi criada uma ferramenta de busca aplicando técnicas de usabilidade, acessibilidade, visualização de informações e cognição visando os aspectos relacionados à apresentação gráfica de resultados para os usuários finais. Lunardi, Castro e Monat (2008) apresentam um artigo na Revista Brasileira de Design da Informação sobre visualização dos resultados do Yahoo em nuvens de texto. Neste trabalho, foram avaliadas as vantagens da técnica nuvem de texto para apresentar os resultados de um sistema de busca na web. Para tal avaliação, foi levantada a hipótese se a técnica pode auxiliar os usuários a encontrar o que procuram. Para testar esta hipótese, a pesquisa foi desenvolvida em duas fases: o desenvolvimento de uma aplicação para mostrar seus resultados em nuvens de texto e uma avaliação da mesma no intuito de testar seus benefícios. 4 Modelagem e Solução da Ferramenta Proposta Esta seção apresenta os diagramas de caso de uso, de sequência e de atividades que representam a estrutura simplificada da ferramenta. Estas modelagens são baseadas nos sites de busca existentes no mercado atual, acrescentando aos diagramas os detalhes que a ferramenta proposta inclui. São mostradas também as telas da ferramenta explicando cada ação possível para o usuário. 4.1 Diagrama de Caso de Uso O diagrama de caso de uso exerce um papel importante na análise de sistemas. É o principal diagrama para ser usado no diálogo com o usuário para a descoberta e validação de requisitos (SAMPAIO & NETO, 2002). Os casos de uso constituem elementos que estruturam todas as etapas de processos de software. O Caso de Uso da ferramenta proposta (Figura 8) apresenta um ator Usuário e um ator Motor de Busca. Um caso de uso Realizar Pesquisa que permite ao ator pesquisar o conteúdo desejado e o motor de busca efetivá-la. E um caso de uso Acessar informações Pesquisadas que permite que o ator acesse o conteúdo retornado pelo motor de busca.

Figura 8. Diagrama de Caso de Uso da Ferramenta Proposta. 4.2 Diagrama de Atividades O objetivo do diagrama de atividades é mostrar o fluxo de atividades em um único processo. O diagrama mostra como uma atividade depende da outra. As atividades são conectadas através de arcos (transições), que mostram as dependências entre elas (SAMPAIO & NETO, 2002). Para o caso de uso da Figura 8 foram criados 2 diagramas de atividades: um para o caso de uso Realizar pesquisa e outro para o caso de uso Acessar Informações Pesquisadas. No diagrama de atividades Realizar Pesquisa (Figura 9), são descritos todos os passos realizados para a pesquisa do usuário ser concluída. Primeiramente é exibida a tela inicial ( Exibir Tela de Pesquisa ). Nesta parte, é apresentada ao usuário a interface da ferramenta, composta pelo logo do sistema, a caixa de texto onde o usuário digitará sua pesquisa e um botão para acionar o motor. Após a apresentação da tela inicial, o usuário pode mudar a imagem do plano de fundo ( Alterar Tema ) ou inserir suas palavras-chave na caixa de texto para realizar a pesquisa acionando o motor no botão ( Receber Palavras-chave de Pesquisa ). Concluída esta etapa, o motor realiza uma busca no banco de dados conforme os parâmetros informados pelo usuário ( Pesquisar Informações no Banco de Dados ). Após os dados serem encontrados e categorizados, eles são carregados pela ferramenta ( Carregar Resultados Encontrados ). Terminando o carregamento das informações, estas são formatadas e é montada uma interface para a apresentação das mesmas ( Montar Interface Gráfica com Resultados ). Concluída a montagem da interface, os resultados já formatados na nova interface são exibidos para o usuário ( Carregar Resultados Encontrados ), encerrando assim a atividade Realizar Pesquisa.

Figura 9. Diagrama de Atividades Realizar Pesquisa. No diagrama de atividades Acessar Informações Pesquisadas (Figura 10), são descritos os passos feitos pelo usuário para acessar os resultados de sua pesquisa. De início, é apresentada ao usuário a interface da ferramenta com os resultados da busca já formatados ( Receber Informação Selecionada ). Dando sequência, o usuário escolhe entre três alternativas: A) Ver os próximos resultados encontrados ( Trocar Informações Selecionadas ). B) Fazer uma nova busca com outras palavras-chave ( Efetuar Nova Pesquisa ). C) Ver as informações textuais dos Resultados ( Visualizar Informações Ocultas dos Resultados ) onde é possivel selecionar o endereço do site ( Carregar o endereço do respectivo site ) e assim acessar o site escolhido ( Carregar Site ). Figura 10. Diagrama de Atividades Acessar Informações Pesquisadas.

4.3 Solução Proposta Este artigo descreve o desenvolvimento de uma ferramenta que permite a busca de páginas web e gera uma visualização gráfica dos resultados obtidos, aplicando as técnicas estudadas relacionadas à Visualização de Informações e usabilidade como a eliminação de palavras desnecessárias, exibição clara dos pontos de entradas, hierarquia de visualização e outros. Para realizar a pesquisa das páginas web, foi utilizado o motor de busca Yahoo Search BOSS (YAHOO, 2010), escolhido por permitir uma customização maior que outros como, por exemplo, o Google. No desenvolvimento da ferramenta, foram empregadas as linguagens PHP (Hypertext Preprocessor), HTML, Java Script, e CSS (Cascading Style Sheets) para a formatação das páginas. Seguindo os passos da modelagem, o funcionamento da ferramenta ocorre da seguinte maneira (Figura 11): o usuário digita as palavras-chave para busca em um campo específico (1) e, ao pressionar o botão de busca, a ferramenta aciona o motor (2) que retornará o conteúdo encontrado (3) com suas respectivas Universal Resource Locator (URLs). A seguir, os resultados categorizados são formatados pela ferramenta (4) aplicando as técnicas de Visualização de Informações e usabilidade na web, e exibidos para o usuário permitindo a ele fazer a escolha do melhor conteúdo a ser acessado (5). Figura 11. Funcionamento da Ferramenta. A interface inicial (Figura 12) é exibida com um plano de fundo branco padrão e o logotipo do site (A). Além da caixa de texto (B) e do botão de ativação da busca (C), também é apresentado ao usuário a opção Temas (D), onde o usuário pode alterar o plano de fundo escolhendo outros que estarão à disposição (E). Pretende-se, assim, permitir ao mesmo uma maior interatividade com a ferramenta, uma vez que esta pode ser customizada como demonstra a Figura 13.

Figura 12. Interface Inicial da Ferramenta Proposta. Figura 13. Interface inicial customizada com um tema escolhido. Inicialmente, a exibição dos resultados da pesquisa (Figura 14) foi planejada da seguinte maneira: os resultados obtidos a partir da pesquisa seriam mostrados um a um, sendo que dentro da Área de Resultado (A), seriam exibidos os seguintes campos: B) Thumbnails Imagem real do site em vista. C) Título Local onde é apresentado o título e o logo do site em vista. D) Descrição Texto de descrição do site em vista. E) URL Link que exibirá a URL do site em vista. F) Imagens Pequena coleção de imagens do site em vista. G) Abas de Movimentação Permitem o usuário trocar para a próxima área. H) Tema Campo de escolha do plano de fundo da tela.

Figura 14. Interface de Exibição dos Resultados da Pesquisa um a um. No entanto, ao analisar esta opção por inspeção de usabilidade, onde se simula o usuário usando a interface gráfica, optou-se pela alteração da interface de exibição dos resultados da pesquisa (Figura 14). Notou-se que mostrar apenas um resultado por vez aumentava o tempo para encontrar o que se procurava. Segundo Nielsen (2000), o tempo é a principal característica de uma boa ou má usabilidade. Para melhorar o tempo de busca pelo resultado procurado, a interface de exibição dos resultados da pesquisa passou a apresentar os 40 primeiros resultados obtidos na busca simultaneamente na forma de thumbnails (A) (Figura 15). Além disso, foi adicionada uma barra superior com o logo do site (B), onde o usuário pode retornar para a página inicial selecionando ele. A caixa de texto (C) e o botão de ativação da busca (D) da página inicial também foram incluídos na barra visando permitir ao usuário realizar uma nova pesquisa. Por último, as abas de movimentação foram realocadas na parte direita da barra superior, porém, nesta versão, elas permitem a troca de 40 resultados por vez. O restante das informações dos resultados foram ocultadas e somente mostradas quando o usuário seleciona um dos resultados retornados (Figura 16), usando a técnica de visualização foco+contexto que apresenta o conteúdo oculto em uma nova janela para usuário, mantendo-o ciente dos demais resultados.

Figura 15. Interface de exibição dos resultados da pesquisa com os 40 primeiros resultados obtidos na busca na forma de thubnails. Figura 16. Informações ocultadas sendo mostradas com a técnica de visualização foco+contexto. No entanto, nessa nova interface o usuário precisava de duas ações para acessar o resultado desejado: uma para abrir as informações ocultas e outra para acessar o site. Pensando em reduzir ainda mais o tempo de pesquisa, foi elaborada uma terceira e final interface de exibição dos resultados da pesquisa (Figura 17). Nesta interface, o usuário precisa apenas de uma ação para acessar o resultado desejado, já que as informações ocultas são exibidas ao usuário com um simples passar de mouse sobre as imagens thumbnails do resultado. Nesta solução, ao invés da foco+contexto, empregou-se a técnica de visualização visão geral+detalhes, estendendo uma imagem de resultado para que seja acrescentado o conteúdo oculto na mesma tela para o usuário, não abrindo uma janela auxiliar.

Figura 17. Informações ocultadas sendo mostradas com a técnica de visualização visão geral+detalhes. 5 Avaliação e Resultados Para fins de avaliação da ferramenta, foi criada uma pesquisa on line onde os usuários realizaram uma tarefa de busca de um site específico utilizando a última versão da ferramenta de busca proposta. 5.1 Hipótese Para a avaliação da ferramenta proposta uma hipótese foi levantada, baseada principalmente na expectativa de ver o desempenho dos usuários frente a representações gráficas: H: O emprego de conceitos de Usabilidade e Visualização de Informações facilita a familiarização de usuários com novas ferramentas de busca na web, permitindo eficiência e agilidade na interação com estas. 5.2 Tarefas A tarefa do usuário foi a de realizar uma busca utilizando a ferramenta proposta. Foi permitido a este que escolhesse livremente a busca a ser realizada, tal como no seu dia a dia.

5.3 Usuários Participaram deste experimento de avaliação 42 pessoas. Destas, 52,4% são mulheres e 47,6% são homens, com áreas de atuação bem diversificadas, Com idade entre 17 e 52 anos (média de 27 anos). 90,4% usuários usam a web com freqüência alta e 95,3% usam sites de busca web com a mesma freqüência. O Google (2010) é quase unanimidade como a ferramenta de busca web mais usada pelos respondentes, como mostra a Figura 18. Figura 18. Ferramenta de busca web mais utilizada pelos respondentes. 5.4 Resultados Nesta seção, são mostrados os resultados do experimento de avaliação sobre a ferramenta proposta. O Apêndice deste artigo apresenta as questões enviadas aos usuários cujas respostas são relatadas a seguir. Em relação à pergunta 7, que comparava a ferramenta proposta com o site de busca de preferência do respondente (Figura 19), menos de 20% considerou a ferramenta pior. Com mais de 50%, a opção semelhante foi a mais escolhida seguida pela opção melhor com mais de 25% dos votos. Apenas 5% consideraram a ferramenta indiferente. Isso demonstra que a aceitação da ferramenta foi satisfatória. Figura 19. Comparação entre ferramenta de busca web de preferência do respondente e ferramenta proposta.

Na questão 8 da pesquisa foi perguntado aos respondentes se eles haviam encontrado o que procuravam ao utilizar a ferramenta proposta. Mais de 90% responderam que sim, afirmando então que a ferramenta alcança seu objetivo em quase todos os casos como mostra o gráfico da Figura 20. Figura 20. Percentual de pesquisas realizadas com e sem sucesso. Ainda sobre a busca realizada pelos usuários, a questão 9 perguntava qual a velocidade das buscas concretizadas. Mais da metade delas foi considerada rápida, algumas foram consideradas médias e algumas poucas demoradas. Ao lado das velocidades, também são apresentadas às buscas sem sucesso (menos de 10%) (Figura 21). Figura 21. Resultado de velocidade das buscas dos usuários. A questão 10 perguntava se o fato de os resultados serem apresentados na forma de thumbnails é importante. Mais de 80% dos usuários consideraram que sim, como pode ser observado na Figura 22. Figura 22. Percentual de importância referente aos resultados apresentados no formato de thumbnails.

A questão 11 perguntava aos respondentes se a possibilidade de poder trocar o tema (design)/personalizar o site de busca havia sido aprovada por eles. Claramente foi comprovado que o tema é um fator importante para agradar o usuário, uma vez que a pesquisa mostrou que nenhum respondente afirmou não aprovar o uso dele (Figura 23), é muito importante que os mais de 50% que afirmaram aprovar o uso do tema saibam que vão poder utilizá-lo sempre. Figura 23. Aprovação do uso de temas na customização da ferramenta. Referente à usabilidade da ferramenta proposta, na questão 12 foi perguntado aos respondentes qual o nível de dificuldade para a utilização da mesma. Mostrando um grau de usabilidade muito alto, o gráfico a seguir (Figura 24) mostra que nenhum respondente afirmou ser difícil, 5% afirmaram ser de dificuldade média e a grande maioria com 95% dos respondentes garantiu ser de fácil usabilidade. Figura 24. Qualificação da usabilidade da ferramenta proposta. No final da pesquisa era pedido que o respondente avaliasse a ferramenta proposta com uma nota de 1 a 10. Como mostra o gráfico na Figura 25, as notas dos respondentes ficaram entre 5 e 10, sendo que a grande maioria avaliou com as notas 8 e 10. A média final da avaliação dos 42 respondentes foi 8,33. Figura 25. Percentual de cada nota e sua média final.

Com base na questão 9 e nos mais de 80% dos respondentes que escolheram a opção sim (Figura 22), pode-se afirmar que a hipótese levantada no tópico 5.1 foi comprovada. Junto com a pergunta objetiva, foi apresentado ao o usuário um campo Sua Sugestão onde ele podia fazer qualquer comentário, crítica ou elogio sobre a ferramenta avaliada. Muitas sugestões foram feitas, algumas delas estão sendo estudadas para futuros melhoramentos na ferramenta como por exemplo a possibilidade de filtrar somente sites que sejam em português. Outro fato que foi perguntado por alguns usuários é o porquê de alguns resultados não apresentarem, nos thumbnails, a pré-visualização da homepage. O que acontece é que essas imagens são obtidas pela ferramenta proposta junto a um banco de dados oferecido gratuitamente pelo site Shrink The Web 10 que cria e armazena essas imagens de acordo com o cadastro dos sites feito no mesmo pelos responsáveis. Portanto, algumas pré-visualizações não aparecem por não estarem cadastradas ou por bloqueio do próprio site como por exemplo o You Tube 11. Em relação as que não estão cadastradas, qualquer usuário pode entrar no site Shrink The Web e cadastrá-las enviando a URL do site desejado. O cadastro demora menos de um minuto. Nota-se que a hipótese levantada foi confirmada, embora a ferramenta proposta apresente diferenças em relação à ferramenta mais utilizada atualmente (Google). Se percebe assim, que há espaço para o estudo e proposição de novas ferramentas de busca na web que explorem conceitos relacionados à usabilidade e Visualização de Informações. 6 Considerações Finais Na atualidade, onde o apelo visual é muito grande na web, sites mais rápidos, práticos e visualmente agradáveis tendem a conquistar os usuários. Se o site não for suficientemente atrativo, o usuário pode escolher outro. Em relação a ferramentas de busca, muitos fatores são os que mostram a importância da usabilidade e visualização na web. Dentre estes, pode-se citar a falta de tempo das pessoas e a constante necessidade por ferramentas eficientes de busca. Assim, este artigo apresentou uma proposta de ferramenta de busca que considere aspectos de usabilidade e Visualização de Informações visando tornar a busca na web mais eficiente e atrativa aos usuários. Foram estudados os principais conceitos necessários para tanto bem como a modelagem da ferramenta proposta. A ferramenta proposta foi implementada e avaliada junto a usuários em potencial comprovando a hipótese levantada e recebendo sugestões relevantes de aprimoramento. Como trabalhos futuros, pretende-se estudar algum recurso a fim de que o o tema escolhido pelo usuário na interação com a ferramenta seja apresentado novamente quando ele acessa a ferramenta em outra ocasião. A criação de mais temas foi um ponto bem comentado pelos respondentes da pesquisa e certamente será feita. Além destes, também pretende-se exibir o número de resultados encontrados na busca e será estudada a possibilidade de realizar buscas apenas em sites do país de origem. 10 http://www.shrinktheweb.com/ 11 http://www.youtube.com/

7 Agradecimentos Gostaria de agradecer a minha família que me ajudou na parte motivacional do trabalho fazendo com que eu não desistisse de terminá-lo, fato que ocorreu no início do mesmo. A minha namorada Joanna que me ajudou muito principalmente com a ortografia. E claro a minha orientadora Isabel que sem sombra de dúvidas me mostrou os melhores caminhos para chegar até aqui. Referências BBC NEWS. The top 100 sites on the internet. Site da BBC com visualização do TreeMap. Disponível em: <http://news.bbc.co.uk/2/hi/technology/8562801.stm> Último acesso em: junho de 2010. CARVALHO, Camilo Alves; PEREIRA, Francisco Santiago do Carmo. Ferramenta de Categorização Utilizando o Motor de Buscas do Google, Vitória, Maio de 2008. Artigo disponível em: <http://www.lcad.inf.ufes.br/~claudine/courses/ct08/projetos/proposta_do_projeto_da_f erramenta_de_categorizacao_utilizando_o_motor_de_busca_do_google.pdf > Último acesso em: maio de 2010. CENDÓN, Beatriz Valadares. Ferramentas de Busca na Web, Universidade Federal de Minas Gerais, 2001. Disponível em <http://www.scielo.br/scielo.php?pid=s0100-19652001000100006&script=sci_arttext&tlng=es> Último acesso em: maio de 2010. DEVELOPERYAHOO, Yahoo! Inc. Site do Yahoo Search Boss. Disponível em: <http://developer.yahoo.com/search/boss/> Último acesso em: junho de 2010. FREITAS, C.M.D.S. Visualização de Informações e a Convergência de Técnicas de Computação Gráfica e Interação Humano-Computador. Jornadas de Atualização em Informática (JAI), XXVII Congresso da SBC, 2007, 45p. GOOGLEDISCOVERY. Google implementa nova interface para o Google Search. Disponível em <http://googlediscovery.com/2010/05/06/google-implementa-novainterface-para-o-google-search/> Último acesso em: maio de 2010. LUNARDI, M.S., CASTRO, J.M.F., MONAT, A.S. Visualização dos resultados do Yahoo em nuvens de texto: uma aplicação construída a partir de web services. Artigo Publicado na Revista Brasileira de Design da Informação em 2008. MARIN, Rafael. Usabilidade na Web, de Jakob Nielsen e Hoa Loranger. Artigo Disponível em <http://rafaelmarin.com.br/usabilidade-na-web-de-jakob-nielsen-e-hoaloranger/>. Último acesso em: março de 2010. NASCIMENTO, Hugo A. D.; FERREIRA, Cristiane B. R. Visualização de Informações Uma Abordagem Prática. Artigo de A Universidade da Computação Um Agente de Inovação e conhecimento Capítulo 2. UNISINOS - Goiânia - GO, julho de 2005. NIELSEN, Jakob. Projetando Websites. Rio de Janeiro: Elsevier, 2000. NIELSEN, Jakob. Jakob Nielsen on Usability and Web Design. Disponivel em: <http://www.useit.com/> Último acesso em: maio de 2010 RAFFO, Rafael Fraga. Visualização de Resultados de Ferramentas de Busca na Web. Trabalho de conclusão de curso apresentado por Rafael Fraga Raffo à Ulbra para o Curso de Ciência da Computação em 2009 - Gravataí - RS.

ROCHA, Heloisa, BARANAUSKAS, Maria. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. ROMANI, Roberto. Usabilidade na Web, UNICAMP Campinas - SP. Dissertação de Mestrado Disponível em <ftp://ftp.unicamp.br/pub/apoio/treinamentos/tutoriais/tut_usabilidadeweb.pdf> Último acesso em: maio de 2010. SAMPAIO, Marcus Costa.; NETO, Eloi Rocha. Necessidade de uma Modelagem Visual, UFCG Campina Grande - PB novembro de 2002. Artigo disponível em <http://www.dsc.ufcg.edu.br/~jacques/cursos/map/html/uml/index.htm> Último acesso em: junho de 2010. SILVA, I.C.S.; FREITAS, C.M.D.S. Avaliação de Ferramentas de Busca na Web baseadas em Visualização de Informações. In: Simpósio de Fatores Humanos em Sistemas Computacionais (IHC), 2006, Natal - RN. Proceedings of Simpósio de Fatores Humanos em Sistemas Computacionais (IHC), 2006. 8 p. SOUZA, Adriana Sadowski. Avaliação de Técnicas de Visualização de Informações na Web. Trabalho de conclusão. Porto Alegre RS: UniRitter, 2007 (Sistemas de Informação). UOL PCWORLD. Serviço treemap mapeia sites na web mais visitados. Disponível em: <http://pcworld.uol.com.br/noticias/2010/03/16/servico-treemap-mapeia-sites-na-webmais-visitados/> Último acesso em: junho de 2010 WEB USER. Web reaches one trillion milestone. Reportagem sobre a quantidade de páginas existentes. Disponível em: <http://www.webuser.co.uk/news/topstories/371539/web-reaches-one-trillion-milestone> Último acesso em: agosto de 2010 YAHOO, Yahoo! Inc. Yahoo. Disponível em: <http://www.yahoo.com/> Último acesso em: junho de 2010.