Utilizando AvliI50 Heurfstica para Avaliar aUsabilidade de um~ Aplicao para Web

Femando Takashi ItakuraSilvia Regina Vergilio

pep. Informtica - UFPRC.P. - 19081, Centro PolitnicoCuritiba - PR, CEP: 81531-970

Te2clone; +55 41 2675244{ffi,Silvia @ inf .ufpr.br}

Resumo

A demanda par qualidade emaplicaVo-es para Web fem se tornadocrescente, pois a coda d!a aumenta aparcela do papuLado cam acessa `aInternet. AtuaLmenfe hd um cansensaque a qualidade do sistema coma umfade estd diretamenfe Iz"gada `aquaLidade do sua z"nfeace. Nesseconfexta, um cancel.to chave e~usabil!dade que estd facada em fazersistemas eficienfes, ef!cazes e fa�cez.sde usar. Mu!tas me-tados de avalz-aVdade usab!Lidade est5a senda aplicadasno desenvalvz.menta de apLz.caa-espara Web cam a prapasite deaumentar a qual!dade do sistema. 0abjetiva desse trabaLha e fer umaavaLiaVa-a quanta a` fac!Lz.dade deaplicaV&a do metodo de AvaliadoHeuristica, hem coma apresenfar asprz`ncipais resuLtadas do avaLfaVBa deusabz`L.zdade de um apLz.caVda paraWeb atilt.,`anda esse me-tado" AapL!caVda avaLiada e um s!stemadenam!nada S!sMa, que tern comaabjetfva reaLizar ds matn alas viaInternet no cursa de Infarma !ca deuma un!versidade,

PALAVRAS-CIIAVE: AplicaJes paraWeb, Analia~&o Heuristica, Intera8o Homem-Computador, Usabilidade.

Nos 6ldmos anos a popularidade da Internet,em especial da "World Wide Web", terncrescido significativamente. A/gumasorganizas na ansiedade de entrar rapidamentena Web, acabaram se precipitando

e desenvolvendo aplica6es com urn nine}baixjssimo de usabilidade e consequentementebaixa qualidade.

Bevan [I] destaca os seguintes requisitoscomo necessos para desenvolver "Web sites'de qualidade: peffcia no dominio da inform&o,conhecimento de HTML projeto grafico eusabilidade. Sendo a usabilidade um dessesrequisitos, atualmente, t6cnicas para avaliaV8ode usabilidade em interfaces Homem-Computador esto tambdm sendo aplicadas paraauxiliarem as organiza6es a desenvolveremaplica6es para Web com niveis de usabilidadesatisfat6rios. So elas: avaliao heur!stica [2],teste de usabilidade {31, mtodo de mediV2o deperformance MUSiC (Metrics for UsabiliStander ds in Computing) [4], inspeo cognitiva[5] e outros.

QuaTIC 001 I 177

Na teste de usabilidade [3] o projetistaobserva o uso realizando algumas tarefas ecoleta dados dos problemas detectados. baseada em dados observacionais.

A insp&o cognitiva [51 pode ser realizadanas fases iniciais do projeto. 0 objetivo dom6todo obter Os pensamentos e aJes dosustuirios quando usam a interface de um sistemapela primeira vez. 0 m6todo esui focado nafacilidade Que um sistema tern em ensinar,principalmente atrav6s de explorago.

0 mtodo de mediqgo de perfomance MUSiC[4] inclui um conjunto de ferramentas e t6cnicasque possibilita especificar e medir a usabilidade,al6m de possibilitar medir a performance esatisfao do usudrio.

Av&Liao houri'stica [2] e um onde projetistasde interface examinam a interface de um sistemae julgam se est de acordo com alguns princfpiosestabelecidos.

0 objetivo desse trabalho 6 razer umaavaliaAo quanto k facilidade de aplica2o dom6todo de Avalia5o Heurfstica, hem comoapresentar Os principals resultados da availsode usabilidade de uma aplicaBo para Web - osistema SisMa, utilizando a tecnica AvaliaoHeuristica. 0 SisMa (Sistema de Matriculas docurso de Bacharelado em Inforrndtica) [6,7] foiconstrm-do com o objetivo de propiciar aosalunos do curso de Bachare!ado em Inforrmiticade uma universidade a realizao de suasmatricalas via Internet. 0 sistema apesar de tersido utilizado em fevereiro de 2000 pelacoordenaBo do curso e funcionar com rela30aos Gritos de matricula mio havia sidoavaliado quanto k usabilidade e por isso mesmonAo disponibilizado na Web. A avalia20realizada contribuiu para identificar muitosproblemas no sistema que esnio sendoatualmente corrigidos para permitir a suadisponibiliza80. Al6m disso, os resultadosapontaram o baixo Gusto inerente A avaliao,hem como a flexibilidade de implementa50,pode-se facilmente adapter a tnica a diferentestipos de aplicaV5es Outra vantagem encontradae a facilidade de transferSncia de tecnologia,uma vez assimilado o mdtodo, o avaliador podefacilmente disserninar o sen conhecimento.

Na pn5xima sAo a t6cnica AvaliaoHenrfstica 6 descrita e s8o apresentadas asheuristicas utilizadas na avalia80 do SisMa~ AsSeJes 3 e 4 descreveru respectivarnente, aavaliaAo realizada e os principals resultadosobtidos. Na S20 5 esldo as conclus6es.

AvaRaAo Heurfstica de UsabHidade

Segundo Nielsen [2], usabilidade n5o 6 umconceito simples e possui mdltiploscomponentes tradicionalmente associados aatributos tais como eficdcia, efici8ncia esatisfao de usu;iriOs durante a utilizaVo de umproduto com objetivos especfficos. Entre asprincipais tecnicas utilizadas para avaliao deusabilidade destacam-se: avaliago heurfstica[2], teste de usabilidade [4], inspeo cognitiva[5], observao, entrevistas e questionariOs [8],etc.

Avalia&o HeUristica de usabilidade e ummtodo para identificar problemas deusabilidade em uma interface. Durante uma56558o de avalia5o utilizando o metodo, umpequeno conjunto de analiadores exarninam ejulgam se a interface est de acordo com algunsprincfpios (as hen fsticas) [2]. Para realizer umaavaliaSo heurfstica cada avaliador inspecionaindividualmente a interface da aplicaBo" Osresultados obtidos atravds da sess5o de avaliaVos8o reportados ou como urn relat6rio formal onsimplesmente atrav6s de verbalizaJes. QuandoOs avaliadores apresentam os resultados, n8o esuficiente simplesmente dizer que eles nAogostaram de algo, eles devem explicar o motivopelo qua! Oles nAo gostaram. Tambem eimportante relacionar o problema encontradocom as henrfsticas utilizadas. Ap6s o t6rmino daidentiflca5o dos problemas, deve-se classifzcd-los quanto il severidade. Nielsen [2] prop6emuma escala de severidade que e apresenta aseguir:

N-ao existe um problems de usabilidade.Cosm6tico - o problerna deve ser

solucionado quando existirdisponibilidade de tempo.

Secundo - s2o problemas deusabilidade com baixa prioridade desoluSo"

Importante - o problemas de usabilidadeque merecem ateno e a\ta prioridude nasoluo dos mesmos.

178 / QuaTIC2001

4: Catastr6fico - $50 problemas deusabilidade que devem ser solucionadosimediatamente.

A classifica&o quanto a severidade doproblema possibilita consolidar estimativas dosesforos futuros Que Ser5o despendidos nausabilidade, possibilita tarnb( m definirprioridades na resoJuAo dos problemas deusabilidade encontrados, solucionando,primeiramente, Os probJemas rnais serios.

Na ]iteratura podem ser encontradas muitasheuristicas definidas para avaJia2o deusabilidade. Nielsen [9] define uma lista comaquelas Que ele considers screw as dezprincipals. Essa Jista 6 apresentada a seguir,pois, foi utilizada como base para reaJizar aavaliaAo do sistema SisMa descrita nestetrabalho.

7.

8.

9.

IO.

1.

2.

3.

4.

5.

6.

Visibilidade do status do sistema: osistema dove sempre manter Os usuariosinformados sobre o Que esuiacontecendo, atrav6s de um "feedbackapropriado e dentro de um temporazoavel.Linguagem do usuio: o sistema devefaJar a linguagem do usuario, compalavras. frases e conceitos familiales aousuo, ao inn6s de usar termosorientado ao sistema. Siga asconven6es do mundo real, fazendo asinforrnaJes aparecerem em uma J6gicanatural,Autonomia e controle do ustuirio:usuariOs frequentemente escolhemerroneamente aJgumas funJes dosisterna e precisam de uma rnarca Clarade "saida de emerg6ncia" para deixar oestado nBo desejado sem ter Que passerpor urn didlogo extenso. O sistema deveoferecer operaJes de desfazer ("undo")e refazer ("redo").Consisncia e padr5es: usuariOs rIijodeveriam ter que imaginer Se a96es,situa5es ou paJavras diferentessignificam a mesma coisa.Erros preventivos: meJhor do que umaboa mensagem de erro 6 um projetocuidadoso que previne o problerua daocorrncia do mesmo.Recognigo ao innds de recorda50: faaobjetos, aV6es, e oJes visiveis. Ousuio no deve ter Que lembrarinforma50 de uma parte de um dialogo

para outro. Instru6es para o uso dosistema devem ester visiveis oufaciJmente recuperadas quandoapropriado.FJexibilidade e efici6ncia de uso: teclasde atalho podem frequentementeaumentar a veJocidade de interno dosusuarios com um certo grau deexpert8ncia. O sistema pode cuidar deambos usluhios experientes einexperientes.Esttica e projeto minimalism: di:uogosn8o devem coater informaJes que $50

irreJevantes e raramente necessarias.Yoda unidade extra de informaAo emum didJogo compete com as unidadesrelevantes de informao e diminui avisibiJidade dessas.Auxilio para reconhecimento,diagn6stico e recupera2o de erros:mensagens de erros devem ser expressasem uma linguagem simples (semc6digos), indicando precisamente oprobJema e sugerindo construtivamenteurna soluAo.Ajuda e documentso: o sistema idealdeveria poder ser usado semdocumenta8o, mas entretanto, 6necessario fornecer "help" edocumentsAo. QuaJquer que seja adocumenta5o deve ser f6cil encontrd-la.EIa deve ser focalizada nas tarefas dousuio e lister os passos concretos quedevem ser conduzidos.

As matriculas em urna universidade e noSisMa devem seguir Carlos critriosestabelecidos pelo Conselho de Ensino ePesquisa Que de conhecimento de todos Osestudantes. No entanto, o sistema de matriculasexistente na Universidade nAo contempla essaresoluAo. Utiliza um banco de dadosbierquico com uma interface mio muitoamigavel que r]do pode ser disponibiJizada naWeb. O sistema avaliado - SisMa (Sisterna deMatrfculas do Bacharelado em Inforrruitica) foidesenvolvido com o objetivo de propiciar aoestudante do curso a realiza&o de sua matriculavia Internet e facilitar o trabalho da secretaria dacoordena do curso. O sistema contempla aresolu80, e possui vas telas, fomecendo

QuaTIC 2001 / 179

hist6rico escolar detalhado, grade curricular, eestatisticas sobre o curso e disciplinas. Maioresdetalhes sobre a implementa5o do sistema esnioem [6,7]- Exemplos de algumas telas do SisMas5o apresentados na Figura 3.1 e na Figura 3.2-

Figure 3.1 - Tela de login doSisMa.

categorizados Segundo as heuri.sticasapresentadas anteriormente como mostra a

Fjgura 3.2 - Tela da gradecurricular.

A avalia50 foi realizada num laborat6rio deuma universidade, pol uma pessoa que possuiconhecimentos sobre a tnica Avalia8oHeurfstica e sobre os crit6rios de matrfculaimplementados, mas quo no entanto n5oparticipou do desenvolvimento do SisMa. Opiano para a realizaAo da avalia5o consistiudos seguintes passos.

1. Estudo da resolu50 e criterios dematricula.

2. Elaborao de um "checist" baseadonas hem-isticas descritas na s50anterior-

3. UtilizaBo do sistema e identifica50 dosproblemas de usabilidade utilizando o.`chec1dist.'.

4. Classifica50 dos problemas quanto severidade.

5. Elabora80 do relat6rio final com osproblemas encontrados.

Besotdos

Foram realizadas duas sess6es deaproxirnadamente 45 minutos cada urna onde ainterface do SisMa foi inspecionada.

Foram identificados 20 problemas deusabilidade, esses problemas foram

Tabela 4.1- A Tabela 4 2 apresenta aclassificaVo quanto k severidade do problema.

Hen No depmblemas

anonados

Parngem

1. VisibJlidade do status dosistema

2 10o/o

2. Linquaqem do usurio 2 1Oo/c

3. Autonomia e controle dousuan`o

4 20%

4. nsincia e padr 2 1Oo/o

5. Erros prevenb`vos 2 100,c

6. Recognio ao inves derecordao

3 15%

7. Flexibilidade e efidndde uso

2 100/o

8. Est:6tica e projetominimalism

1 5%

9. Auxilio parareconhecimento diagn6sticoe recuperao de erros

1 5%

10. Help e documeno 1 5%

180 / QuaTIC2001

Tabela 4.2 - CategorizeCSo dos significativamente na qualidade final dapmblemas de usabilidade quanta 6 aPlicaAo Para Web, uma vez Que, a usabilidadeseveridade _ . . . e.ulna das seis caracteristicas definidas na NBR

6 [10]. 0 fato dos resultados terem sidoantes do esperado pelo desenolvedoresdona, mostra a xmportancla ac Se avanarnuamente a usabilidade de um produto. Aag8o deve ocOrrer durante todo o:llvolvimentO, ou seja, durante todo o cicloda do produto e os desenvolvedores devem

Como pode ser observado, o SisMa considerar a usabilidade como sendoapresentou problemas em todas as categorias. fundamental"Sendo Que a maior parte doles 6 referente k Sobre o m6todo e avaliaV5o heurfsticas asHeuristica 3: Autonomia e controle do usudrio, concfus6es sobre a aP2icaVgo do mdtodo n5ocom 20% do total. Isso diz respeito a uma diferem das jd encontradas em estudoscaracterfgtica do sistema Que n2o perrnite realizados Por Nielsen [23, ou seja' ooperaJes de desfazer e refazer, muitas vezes 6 aPrendizado do m6todo 6 simPles, aPresentaneces o recomar a operaG2o ou ter Que ler baixo custo, facilidade na transferencia deenfadonhamente mensagens de erro e tecnologia al6m da facilidade e flexibilidade naexplicaHes. - aPlica20`

A Tabela 4.2 mostra a categorizaqAo dos AP6s a aPlicaV50 dessa sessgo de avallaao,problemas de usabilidade encontrados quanta Os Problernas com nivel de severidade 3 e 4everidade. Nota-se Que a maioria dos prblemas eso sendo corrigidos e num Pr6ximo Passo

de usabilidade encontrados, 40%, foram Pretende."se avaliar a usabilidade atrav6s decateeorizados como sendo do Nfvel 3 outras t6cnicas: questionarios e entrevistas com(Imortante). Outro dado relevante d Que 20% Os Princiflais usudrios do sistema: estudantes edos problernas foram categorizados no Nfvel 4 secretarios do curso- Uma comParaVao dos(Catastrofe de usabilidade) e dever&o ser PrinciPais vantagens e desvantagens de cadacorrigidos imediatamenfe. t6cnica Podera set realizada.

Na verdade o resultado da avalia20 Considerando Que estas tdcnicas Possuernsurpreendeu os desenvolvedores Que esperavam fundamentos diferentes, um trabalflo interessanteum ndmero manor de problemas e ndo haviam seria ProPor uma abordagem que PudesseSe dado conta da severidade dos problemas agregar as caracteristicas bend(leas de cada umaencontrados, num sistema relativamente simples. delas, obtendo."se dessa forma melfloresMas todos concordaram Que a avalia50 resultados-realizada antes da disponibilizaqdo na Web foide vita! imporfdncia. Refer&nciu Bibhogrtificas

O m6todo de avalia50 henrfstica mostrou serde fcil entendimento e fdcit aplica80, al6m de (I] N. Bevan. Usabilz" Issues in Web Site Desz.gn. inter um custo bastante reduzido, nao requerendo Proceedings of HCllntemational San Francisco.nenhum equipamento adicionaL NAo houve August 2997. PP 2430.dificuldades maiores quanto a aplicagSo do (2lJakob,NieIsen" Heu'zslic Evaluatzon: Anm6todo, Observou-se bdm a fcmde na /nt'oduction (onlinel'.-`.-.'w ^ '-' -F w --^- ^ - htm://www.usett.corn/papers/heuristicltransferenaa de tecnologla, uma vez asszmllado [3] M Macleod. R. Boen, -and N. Bevan. Theo m6todo pelo avaliador, esse pode facilmente MuSiC Pemance Measu,emenl Method. Hapropagar esse sen conhecimento A outras 96, Tutorial 14, Measurement Usabili - M USz.Cpessoas. Methods, 1994.

Concluso-es {41 J.S Dulnas and J-C. Redish A Practical Guide toUsabiLz�_ Testing. Norwood, N.J. Ablex, 1994.

A avaliaVAo realizada no SisMa foi [51g e DeThi gReA chud Modepo

importante, pois, possibilitou a identifica50 de RC9265, IBM Thomas J. Watson Researchproblemas Que comprometiam a usabilidade do Center. Yorktown Heights N.Y.,I982.sistema. Dessa forma, a availsAo contribui

Escala de severidade No de pmblemasde usabilidade

Porcanbi5qemdife

1: Cosm6ti 1 5 % 5 1 S

2: Secund6ri 7 35%co3: Importante 8 400/oava

4: Catastr6f 4 Do/odes

QuaTIC'2ool / 181

[61

[7]

[8]

[9]

E,N. Regolin et al. Desenvolvimento ac amSisLama de Matrz�calas On-Linc. Anais do VIIEVINC, enento de Inici2o Cientifica da LJFPR.Cusitiba-PR, Setembro 1999.E, N. RegoIin Sz"sMa.- Sistema de Mainalas docurso de Baclzarelado em Informdtica.MonograEa de Final de Curso de Graduao,DInf-R, em andamento.IIITORI Usz"nacts Tutorial [online],

httn://at.hhi.de/usinacts.htmlJob Nielsen. Ten UsHi Heuristics. [online].

http:/Jwww.useii.corr[/papersJheUristic/heuriscic list.htm_][10] NBR 13596 - Tecno/ogia de Informado -

^val.50 de prodatos de soare -Caracterfstz"c de quaLz`dade e diretes para seaaso {ISO//EC 9 126)

182 / QuaTlC`2001