APLICAÇÃO VISUAL PARA A ANÁLISE DE
USABILIDADE DE SISTEMAS DE INFORMAÇÃO E
COMUNICAÇÃO SUSTENTADOS EM TECNOLOGIAS
WEB
Florin Zamfir1,2
José Nunes1
Leonor Teixeira3
Óscar Mealha1 Beatriz Sousa Santos2
[email protected] [email protected] [email protected] [email protected]
1
Departamento de Comunicação e
Arte
Universidade de Aveiro, Portugal
2
IEETA / Departamento de
Electrónica e Telecomunicações
[email protected]
3
Departamento de Economia,
Gestão e Engenharia Industria
Sumário
Apresenta-se neste artigo uma aplicação em desenvolvimento que se destina a apoiar especialistas de
usabilidade na organização de web sites institucionais, permitindo a recolha e análise de informação
correspondente à sua estrutura e padrões de utilização. Esta informação é apresentada através de diferentes
técnicas de visualização, explorando-se assim, as enormes capacidades do sistema visual humano.
Descreve-se brevemente a funcionalidade identificada como fundamental para a aplicação e a arquitectura
usada, bem como a filosofia e modelo conceptual da interface de utilizador do principal módulo: o Visualizer.
Palavras-chave
Visualização de Informação, Usabilidade, Interfaces Humano-Computador, UML, Gestão de Informação e
Comunicação.
1. INTRODUÇÃO
O desenvolvimento de tecnologias com base na Web
teve, nos últimos anos, um impacto importante no fluxo
de informação e na comunicação interna das
organizações. Os websites (internos/externos) têm sido
desenvolvidos de acordo com as estratégias de
comunicação interna, reflectindo o processo de gestão de
informação interno e workflow. Neste contexto, um
problema que se coloca diz respeito à gestão dessas
intranets/extranets em constante crescimento, que devem
servir a organização, adaptar-se perfeitamente às suas
estratégias de comunicação interna e suportar
eficientemente os seus padrões de informação e
workflow.
Para
ajudar
na
identificação
e,
consequentemente, na solução deste tipo de problemas,
são necessários bons instrumentos de feedback. Já
existem algumas soluções comerciais que, no entanto,
tendem a ser enviesadas pelas métricas clássicas para
aferição técnica e não para análise dos circuitos de
informação
e
comunicação
nas
organizações
[Tauscher97], [Bieber97]. Neste sentido, são necessárias
ferramentas eficientes e eficazes de análise e diagnóstico
para fazer frente a estas infra-estruturas sofisticadas,
permitindo a identificação de inconsistências entre o
utilizador e o sistema, a nível da comunicação HumanoComputador.
Com base nesta problemática, apresentamos uma
proposta de solução que se baseia na representação de
uma grande quantidade de informação recolhida dentro
de uma organização, nomeadamente informação
resultante da análise da estrutura do Website e
informação de registo (server logfile) da sua utilização.
Esta informação pode ser obtida durante a utilização do
site, ou com base em experiências controladas.
Prioritariamente, o nosso contributo vai no sentido de
responder à seguinte questão: “Como é que o site é
utilizado?”. Na tentativa de tornar mais fácil a resposta a
esta questão, detalhamos um subconjunto de questões, de
resposta mais directa e que, naturalmente, nos irão
facultar informação útil para responder à questão de
partida: i) Quem está a utilizar o site? ii) Quais são as
áreas / sectores / páginas de interesse? iii) Que
informação estatística pode ser obtida a partir do(s)
ficheiro(s) de registo (log)?
Por outro lado, explorando as enormes capacidades do
sistema visual humano, tentamos apresentar a informação
através de diferentes métodos de visualização, no sentido
de ajudar a encontrar resposta às seguintes questões
adicionais: i) Quais são as áreas do site com problemas?
ii) Que problemas de usabilidade podem ser
identificados?
Contudo, esta aplicação não permite soluções directas
para os problemas de usabilidade dos sites, mas antes,
oferece a possibilidade de se tomarem decisões baseadas
nos problemas (de usabilidade) que foram descobertos
durante o processo de análise.
O presente artigo pretende descrever a filosofia geral
adoptada para tal aplicação. Nas secções seguintes serão
então apresentadas, as funcionalidades que se
identificaram centrais para a aplicação, a arquitectura que
está por detrás da aplicação e, ainda, os principais
aspectos da ferramenta Visualizer.
2. FUNCIONALIDADE PROPOSTA PARA A
APLICAÇÃO
Tendo em conta os resultados de um estudo feito
anteriormente relativamente aos objectivos da aplicação e
tarefas a realizar e suportar pela mesma [Nunes03],
foram identificadas como centrais um conjunto de
funcionalidades. Neste sentido, a aplicação deve:
ƒ analisar e representar a estrutura do Web site e
classificar cada página em termos de conteúdo e
informação estruturada;
ƒ Interceptor – este módulo tem por objectivo captar,
do lado do cliente, os eventos de utilização do site, no
âmbito de uma experiência controlada; fazer um captura
baseada em imagem do conteúdo do ecrã através da
captação de todas as mudanças de contexto e,
finalmente, enviar essa informação para o servidor,
através da plataforma de comunicação Cliente-Servidor.
ƒ Compiler – este módulo tem como finalidade
analisar os ficheiros de registo (log) armazenados do
lado do servidor; interpretar a informação reunida nesses
ficheiros ou complementarmente em ficheiros de registo
de experiências controladas.
ƒ Visualizer – o presente módulo é o responsável pela
apresentação de toda a informação processada de uma
forma adequada à percepção e compreensão humana. As
técnicas de visualização utilizadas estão vocacionadas
para apresentar aos utilizadores diferentes tipos de
informação e ter diferentes objectivos em termos de
compreensão.
ƒ analisar e retirar informação dos ficheiros de registo
(log) de um site específico;
ƒ analisar e interpretar a informação obtida a partir de
experiências controladas tais como: movimentos do rato,
movimento dos olhos, etc.
ƒ representar a informação relativamente aos
utilizadores do site e às sessões obtida de várias fontes;
ƒ facultar uma interface de utilizador de modo a
integrar os vários métodos de visualização de
informação de modo a tornar essa informação mais fácil
de perceber e interpretar.
3. ARQUITECTURA DA APLICAÇÃO
Ao longo do processo de desenvolvimento, seguiu-se
uma abordagem do tipo Top Down e utilizou-se a
linguagem UML (Unified Modeling Language) para a
representação do sistema em termos de modelos
[Jacobson99] [Booch99]. Um modelo simplificado desta
arquitectura, correspondente à camada de apresentação (
Presentation Layer), é apresentado na Figura 1.
Esta camada, para além de todas as componentes que
interagem directamente com o utilizador, contém ainda,
todas as outras componentes necessárias ao
processamento e manipulação da informação.
De acordo com os objectivos definidos, foram
identificados quatro módulos principais que interagem e
partilham dados, tendo como propósito principal,
apresentar sincronizadamente a informação processada
através de métodos específicos de visualização de
informação:
ƒ SiteAnalyzer – com este módulo pretende-se,
basicamente: analisar o site em termos de estrutura e
inter-conexões; extrair, classificar e fazer uma captura
baseada em imagem do conteúdo de cada página,
identificar e classificar as áreas sensíveis (hotspots).
Figura 1 Modelo simplificado mostrando os quatro
principais módulos da aplicação.
4. O MÓDULO ‘VISUALIZER’
Com base em estudos e experiências anteriores
[Nunes02] e considerando, quer os princípios da
Interacção Humano-Computador [Dix98] [Preece94],
quer os princípios da Visualização da Informação
[Spence01],
tentámos
encontrar
soluções
que
representassem de maneira eficaz, toda a quantidade de
dados em causa. No sentido de alcançar tal objectivo, não
só tentámos obter as representações visuais
compreensíveis dos dados, como também desenvolvemos
meios de interacção com esses dados. Este é, de facto, o
grande contributo do módulo ‘Visualizer’.
Trata-se do módulo mais complexo da aplicação; esta
complexidade deve-se à variedade de técnicas de
visualização que se pretenderam implementar e,
consequentemente integrar, sendo identificados seis
componentes diferentes:
ƒ Site Explorer – componente onde o utilizador, em
modo offline, tem a possibilidade de explorar a estrutura
do site seleccionado.
ƒ Site Relations – este componente apresenta a
informação relacionada com a estrutura do site, com
recurso a diferentes modelos de representação da
informação estrutural e estatística.
ƒ Sessions Exploration – neste componente podemos
ver a informação das sessões, usando várias
representações da informação num determinado
momento.
ƒ General Statistics – este componente tem como
objectivo mostrar a informação estatística relacionada
com a utilização do site, de forma quantitativa.
ƒ Problem/Solution Identifier – este componente terá
como objectivo, mostrar informação respeitante aos
problemas de usabilidade relacionados com a estrutura
do site (ex. links perdidos) e o resultado das métricas
utilizadas para avaliar a conformidade com princípios
específicos da usabilidade (ex. utilização de cores,
tamanho da letra, (des)organização do conteúdo da
página, etc.).
ƒ Usage Patterns - este componente foi criado para
aceder à informação relacionada com a utilização do site
(por utilizadores ou grupos de utilizadores) e identificar
e realçar padrões de uso com base no fluxo de
informação ou tráfego de comunicação registados.
Um dos aspectos mais importantes do módulo
‘Visualizer’ é a possibilidade do utilizador da aplicação
poder observar a informação, utilizando diferentes
representações em simultâneo. A sincronização entre as
representações oferece um excelente feedback aos
utilizadores permitindo, simultaneamente, uma melhor
observação e verificação da informação seleccionada.
A interface de utilizador desta aplicação baseia-se em
multiple
top-level
window
engine
[North00],
[Shneiderman98], o que permite a manipulação da
representação da informação de uma maneira fácil e
prática. Como podemos ver na Figura 2, a divisão da
interface em várias áreas de interesse e a possibilidade de
manipular directamente essas áreas, permite-nos obter
uma melhor visibilidade da informação representada.
de web sites institucionais. O principal módulo desta
aplicação é o Visualizer, que permite a representação,
através de diferentes técnicas de visualização, da
informação recolhida. As diversas representações assim
obtidas são sincronizadas e fornecem mecanismos de
interacção possibilitando o acesso a mais detalhes, o que
permite uma melhor compreensão da informação.
Actualmente procede-se a um segundo ciclo de avaliação
com utilizadores, no sentido de obter mais feedback
quanto ao modelo conceptual da interface de utilizador
do Visualizer, bem como em relação à eficácia das
técnicas de visualização usadas.
Como trabalho futuro prevemos o desenvolvimento dos
restantes módulos da aplicação, bem como a melhoria do
Visualizer.
6. REFERÊNCIAS
[Bieber97] Bieber, M. et al, 1997. Forth generation
hypermedia: some missing links for the World Wide
Web. Int. J. Human-Computer Studies, 47, 31-65.
[Booch99] Booch, G. et al, 1999. The Unified Modeling
Language User Guide. Reading (MA): AddisonWesley, New York, USA.
[Dix98] Dix, A. et al, 1998. Human Computer
Interaction, 2nd. Prentice-Hall, London, England.
[Jacobson99] Jacobson, I., Booch, G., Rumbaugh, J.,
1999. The Unified Software Development Process.
Addison-Wesley, New York, USA.
[Nunes02] Nunes, J., Zamfir, F., Mealha, O., SousaSantos, B. 2002. Web Log Visualizer for
Communication and Information Management, Actas
da 3ª Conferência Portuguesa de Sistemas de
Informação CAPSI 2002, Coimbra, Portugal
[Nunes03] Nunes, J., Zamfir, F., Mealha, Ó., SousaSantos, B., 2003. Web LogVisualizer: a Tool for
Communication and Information Management.
Human Centered Computer: Cognitive, Social and
Ergonomic Aspects, Vol. 3 of the proceedings of HCI
International 2003, 854-858, Crete, Greece.
[North00] North, C. and Shneiderman, B., 2000. SnapTogether Visualization: Can Users Construct and
Operate Coordinated Views. International Journal
Human-Computer Studies, 851-866.
[Preece94] Preece, J. et al, 1994. Human Computer
Interaction, Addison Wesley.
[Shneiderman98] Shneiderman, B., 1998. Designing the
User Interface, Strategies for Effective HumanComputer Interaction, 3rd ed., Addison Wesley.
Figura 2 Representação síncrona para visualização e
verificação da informação.
5. CONCLUSÃO
Apresenta-se neste artigo uma aplicação, ainda em
desenvolvimento, que se destina a apoiar especialistas em
usabilidade na análise da estrutura e padrões de utilização
[Spence01] Spence, R., 2001. Information Visualization.
Addison-Wesley.
[Tauscher97] Tauscher, L. and Greenberg, S., 1997. How
people revisit web pages: empirical findings and
implications for the design of history systems. Int. J.
Human-Computer Studies, 47, 97-137.