Avaliao heurstica comparativa de aplicativos desktop e web

Eduardo Bonfandini

Curso de Sistemas de Informaes Univates Lajeado RS - Brasil
eduardo@solis.coop.br
Resumo. A utilizao de novas tecnologias aliada com o crescimento do uso
da World-Wide Web e softwares relacionados, cada vez mais encontra-se
aplicaes dentro da janela de um navegador, transformando assim os
navegadores em plataformas e pginas Web em verdadeiros aplicativos. Este
artigo apresenta um estudo comparativo da usabilidade de aplicaes web e
aplicaes desktop. Para isto foi avaliado o site da empresa Oi Telefonia, que
dentre outras facilidades oferece vendas online. Como aplicativo desktop foi
abordado o programa de declarao de imposto de renda do governo federal
do Brasil. A aplicao da tcnica de avaliao heurstica permitiu detectar
que apesar da web estar pronta para receber aplicaes ainda falta
experincia e maturidade no desenvolvimento de alguns servios.
Abstract. The using of new technologies, allied with the growing of the use of
World-Wide Web and related softwares, increasingly found applications
inside browser window, transforming the navigators in platforms and Web
pages in real applications This article introduces a comparative study of
usability of web applications and desktop applications. To this was valued the
site of Oi Telefonia corporation, that within ohers facility's offers on line sale.
As desktop application was approached the Declarao de Imposto de Renda
software of Federal Government of Brazil. The applications of the heuristic
evaluation technique allow to detect that despite of web be ready for receive
applications still need experience and maturity to develop some services.
Palavras-chave.
Usabilidade, Avaliao Heurstica, WWW, desktop
1. Introduo
A avaliao heurstica consiste em uma maravilhosa ferramenta para identificar
problemas de usabilidade, a fim de corrigi-los. Esta avaliao, quando utilizada
criteriosamente possibilita identificar problemas graves que poderiam afetar a maioria
das interfaces.
Cada vez mais a internet utilizada como uma plataforma de compras, de
entretenimento e de comunicao. Com desenvolvimento de novas tecnologias, citando
por exemplo o Ajax, que torna possvel criar verdadeiras aplicaes dentro do
navegador, foram apresentados novos desafios e reformuladas antigas equaes.
Dessa forma os navegadores de internet se transformaram em plataformas de
desenvolvimento, como mini sistemas operacionais, mas ainda assim encontram-se
estruturados no paradigma do hipertexto, que os limita naturalmente a aspectos ligados
navegao.
notvel que a Web possui tempos de resposta extremamente elevados, em
comparao aos sistemas desktop, provocando assim, alteraes nas expectativas dos
usurios.
Este trabalho, apresenta um estudo comparativo da usabilidade de aplicaes web e
aplicaes desktop, atravs da avaliao heurstica.
Como aplicao web foi escolhido o site da Oi Telefonia, como aplicao desktop
optou-se pela programa de Declarao de Imposto de Renda.
2. Referencial Terico
Nota-se que este referencial terico no faz uma cobertura completa das heursticas de
usabilidade mas apenas das mais importantes. Nielsen aponta dez caractersticas
fundamentais de usabilidade das quais destacam-se algumas das mais relevantes para
este estudo:
Informar o estado do sistema de forma clara e visvel.
Este fundamentalmente um critrio de navegao. As duas questes mais importantes
que os usurios se colocam so: Onde estou? e Para onde posso ir em seguida?. Os
sistemas devem possu-las claramente assinalada e com indicao da seo a que
pertence.
Controle e a liberdade de escolha pertencentes ao usurio.
Embora a maior parte dos navegadores ofeream um conjunto significativo de ajudas de
navegao (incluindo o boto Voltar, sem dvida uma ferramenta de navegao muito
utilizada), ter uma estrutura clara e consistente em cada pgina possibilita um meio
eficaz de evitar confundir os usurios. Mecanismos simples, como a presena de um
boto Home em cada pgina, so eficazes ao auxiliar os usurios a se recuperarem de
erros de navegao.
Desenho consistente e aplicao de normas.
Os usurios no devem ser confundidos sobre diferentes significados ou aes para a
mesma palavra ou cone. Uma forma de evitar isto adotar padres consistentes para
navegao, cones nos botes, ttulos de pginas/formulrios, legendas e segui-las de
modo consistente em todas os locais.
Preveno de erros, melhor prevenir que remediar.
importante a criao de uma biblioteca/sistema que possibilite a verificao de erros
triviais no preenchimento de formulrios. A informao de navegao importante para
prevenir erros ao selecionar a pgina/local de destino.
nfase no reconhecimento a invs da memorizao.
Um bom desenho permite tornar objetos e aes visveis. Os usurios no devem ser
obrigados a memorizar informaes entre vrios formulrios/pginas. As instrues
para o uso (ajuda) do sistema devem ser claras e bem visveis. Uma boa navegao deve
fornecer mapas para ajudar na tarefa de orientao (mapa do site).
Flexibilidade e eficincia de uso.
Providenciar aceleradores para possibilitar acesso rpido a vrias funes do sistema
uma boa prtica. Exemplos desta funcionalidade so as favoritos suportados pelos
navegadores, que tambm podem ser implementadas no sistema.
Desenho esttico e minimalista.
Os dilogos/formulrios/pginas no devem conter informao irrelevante. Animaes
suprfluas so um dos exemplos mais gritantes da violao desta regra. Outro problema
mais sutil a incluso de informao excessiva numa pgina.
Com estes critrios em mente consegue-se uma base para avaliaes de interface com
maior critrio e padronizao.
3. Declarando o Imposto de Renda
Anualmente usa-se o Software de Declarao de imposto de Renda. Foi efetuada uma
avaliao heurstica do referido software.
A interface inicial do programa interessante, mas no informa o usurio o que
necessrio fazer. O usurio fica confuso com uma grande caixa amarela, uma barra de
ferramentas e um menu. Neste momento o software fere a regra de comunicabilidade,
um problema leve, mas que poderia ser facilmente resolvido com um Passo a Passo,
normalmente conhecido como Wizard, que poderia ser desativado para sempre com
uma caixa de checagem.
Sem dvida este trabalho no visa avaliar a beleza esttica do sofware, mas a barra de
ferramentas e demais interface pecam muito em visual, alm de no se adequar ao
sistema operacional utilizado, parecendo ser uma programa desconexo, pode-se
enquadrar esta parte como uma falha de desenho consistente, bem como aplicao de
padres, sendo considerado como uma falha leve.
Ainda quanto a barra de ferramentas, o cone de Nova poderia informar Nova
declarao, no pode-se presumir que o usurio saiba que seja uma Nova declarao,
pois o software permite outras funcionalidades. Tambm um pequeno erro de
comunicabilidade.
Quanto a desenho esttico e minimalista, o software apresenta a funcionalidade de
calculadora, sabe-se que qualquer sistema operacional j implementa uma calculadora,
no existindo a necessidade de uma reimplementao, uma falha mdia, pois pode
confundir o usurio.
Repare na figura 1, que a etiqueta Identificao do Contribuinte aparece duas vezes,
ainda considerando, o fato de que a segunda visualizao cortada de acordo com a
navegao. Ao mesmo tempo em que uma falha leve de comunicabilidade, fere o
minimalismo, informando duas vezes o mesmo dado para o usurio.
Figura 1. Informaes duplicadas ao usurio e caixas de seleo que no
informam ao usurio que deve selecion-las.
Ainda pode-se notar na figura 1, que as caixas de seleo no informam ao usurio o
que deve ser feito, uma informao --Selecione-- facilitaria a interao com o usurio,
falha mdia de comunicabilidade.
O boto Consulta CEP fere a regra de controle do usurio, enviando-o para uma
instancia do navegador padro, o usurio fica sem saber de onde veio, ou como voltar
ao programa inicial. Falha grave.
Ao utilizar o menu superior o sistema fere gravemente a regra de comunicabilidade com
o usurio, informando conforme figura 2 que esta em Dependentes e ao mesmo tempo
Ganhos de Capital.
4. Solicitando um plano de telefonia
Seguindo ento as regras sugeridas por Nielsen foi efetuada a avaliao heurstica do
site da Oi Telefonia.
A aplicao apresenta uma grande sria de banners e propagandas, ao seu longo, vale
citar que no existe padro nenhum para o local destas animaes o que deixa claro o
descuido com a regra de desenho minimalista.
De incio, analisando o menu superior, o site redirecionado para outro da mesma
cooperao, isto confunde o usurio de uma forma muito grande, pois em nenhum
momento foi informado ao usurio que a troca iria acontecer, e no existe um modo
plausvel de retorno a no ser pelo navegador. Fica claro o descuido em manter uma
consistncia e padronizao, bem como foram destrudas as referncias do usurio.
Tentando visitar o link "para negcios" todo o visual do site trocado. Em um mesmo
menu, um boto o leva pra outro site, outro troca totalmente o visual e funcionalidades,
um terceiro, mantem a situao atual, nenhum deles oferece opo para voltar.
Isto um grande problema em interao homem computador, o usurio no sabe para
onde vai, nem de onde veio, ferindo assim a comunicabilidade do sistema, bem como
remove o controle do usurio.
Ao efetuar uma compra no site, o sistema apresentada um submenu, submenu esse
segue a mesma hierarquia da barra de navegao, acontece que em alguns momentos,
eles se confundem, enquanto um informa um local, o outro informa outro, isto um erro
grave pois alm de confundir, reduz o seu controle sobre a aplicao, bem como no
informa o estados do sistema corretamente ferindo assim a regra da comunicabilidade.
Dois botes com a mesma informao levam a locais completamente diferentes,
quebrando assim a consistncia e padronizao.
Quanto a preveno de erros, por exemplo, no processo de compra do plano Oi, o
sistema permitiu a digitao de um CPF 111.111.111-11, notavelmente conhecido com
um CPF vlido por clculo, mas invlido por natureza. Todos os CPFs com os 11
dgitos idnticos devem ser excludos da lista de permitidos.
Como mostrado na Figura 2, o sistema negou a data 22/06/2000 informando que a data
no vlida. Neste caso o sistema no aceita nenhuma data, impedindo progredir para o
prximo passo, tornando impossvel efetuar a compra devido a erros de programao.
Figura 2. Repare na parte destacada que o sistema informa que a data digitada
22/12/2000, dois dias antes do natal, no valida.
Pode-se citar que estes so erros graves no quesito preveno de erros. A biblioteca de
preveno de erros da aplicao apresenta falhas que devem ser corrigidas com
urgncia, alm disto a validao dos dados digitados fraca, pois ela feita no lado
cliente via javascript, uma tecnologia conhecida pela sua insegurana, por estar no lado
cliente e podendo ser facilmente modificada. Neste caso, o aplicativo no apresenta
cuidado quanto a preveno de erros.
O sistema requisitou mais de uma vez a mesma informao, como exemplo podemos
citar a escolha do plano de telefonia, sendo que j havia sido optado anteriormente,
ento, requisitou-se para o usurio, a mesma informao 2 vezes, isto ocorre tambm
com o estado (unidade federativa), ao entrar no site, ele solicita o estado, durante a
compra ele efetua o pedido novamente. Isso fere o controle e liberdade do usurio.
Ainda vale citar que ao navegar entre os passos de compra o sistema se perde
completamente, consumindo dados digitados anteriormente.
5. Concluso
A aplicao da tcnica de avaliao heurstica, bem como anlise dos casos citados,
comparando uma aplicao desktop com uma aplicao web, permitiu detectar que
apesar da web estar pronta para receber aplicaes, tendo em vista toda a gama de
recursos hoje existentes, ainda falta experincia e maturidade para muitas aplicaes.
Notvel que, um nova tecnologia, um novo recurso, um visual agradvel, no so o
suficiente para garantir um bom padro de IHC, mesmo tendo uma plataforma pronta
para desenvolvimento de aplicaes web, a qualidade das interaes humano mquina
ainda assunto que precisa ser estudado e desenvolvido.
Referncias
OLIVEIRA, Alvim Antnio de. IHC : interao humano computador . Florianpolis:
VisualBooks, 2006.
PREECE, Jennifer. Design de interao : alm da interao homem computador . Porto
Alegre-#-Porto Alegre-#-Porto Alegre: Bookman-#-Bookman-#-Bookman, 2005-#-
2007-#-2008.
Jakob Nielsen, Usability Metrics: How good are You?, DevHead, ZDNet Publications,
Agosto 1999. http://www.zdnet.com/devhead/stories/articles/0, 4413,2321306,00.html