Utilizando AvliI50 Heurfstica para Avaliar a Usabilidade de um~ Aplicao para Web Femando Takashi Itakura Silvia Regina Vergilio pep. Informtica - UFPR C.P. - 19081, Centro Politnico Curitiba - PR, CEP: 81531-970 Te2clone; +55 41 2675244 {ffi,Silvia@ inf.ufpr.br} Resumo PALAVRAS-CIIAVE: AplicaJes para Web, Analia~&oHeuristica, Intera8o Homem- A demanda par qualidade em Computador,Usabilidade. aplicaVo-espara Web fem se tornado crescente, pois a coda d!a aumenta a parcela do papuLado cam acessa `a Internet. AtuaLmenfehd um cansensa que a qualidade do sistema coma um fade estd diretamenfe Iz"gada `a Nos 6ldmos anos a popularidadeda Internet, quaLidade do sua z"nfeace. Nesse em especial da "World Wide Web", tern confexta, um cancel.to chave e~ crescido significativamente. A/gumas organizas na ansiedade de entrarrapidamente usabil!dade que estd facada em fazer sistemas eficienfes, ef!cazes e facez.s na Web, acabaramse precipitando de usar. Mu!tas me-tados de avalz-aVda de usab!Lidade est5a senda aplicadas no desenvalvz.menta de apLz.caa-es e desenvolvendo aplica6es com urn nine} para Web cam a prapasite de baixjssimo de usabilidade e consequentemente aumentar a qual!dade do sistema. 0 baixa qualidade. abjetiva desse trabaLha e fer uma Bevan [I] destaca os seguintes requisitos avaLiaVa-a quanta a` fac!Lz.dade de como necessos para desenvolver "Web sites' aplicaV&a do metodo de Avaliado de qualidade:peffcia no dominio da inform&o, Heuristica, hem coma apresenfar as conhecimento de HTML projeto grafico e prz`ncipaisresuLtadasdo avaLfaVBa de usabilidade. Sendo a usabilidade um desses usabz`L.zdadede um apLz.caVdapara requisitos, atualmente, t6cnicas para avaliaV8o Web atilt.,`anda esse me-tado" A de usabilidade em interfaces Homem- apL!caVda avaLiada e um s!stema Computadoresto tambdmsendo aplicadas para denam!nada S!sMa, que tern coma auxiliarem as organiza6es a desenvolverem abjetfva reaLizar ds matn alas via aplica6es para Web com niveis de usabilidade Internet no cursa de Infarma !ca de satisfat6rios. So elas: avaliao heur!stica [2], uma un!versidade, teste de usabilidade{31, mtodo de mediV2o de performance MUSiC (Metrics for Usabili Standerds in Computing) [4], inspeo cognitiva [5] e outros. QuaTIC 001 I 177 Na teste de usabilidade [3] o projetista Na pn5xima sAo a t6cnica Avaliao observa o uso realizando algumas tarefas e Henrfstica 6 descrita e s8o apresentadas as coleta dados dos problemas detectados. heuristicasutilizadas na avalia80 do SisMa~As baseadaem dados observacionais. SeJes 3 e 4 descreveru respectivarnente, a A insp&o cognitiva [51 pode ser realizada avaliaAo realizada e os principals resultados nas fases iniciais do projeto. 0 objetivo do obtidos. Na S20 5 esldo as conclus6es. m6todo obter Os pensamentos e aJes dos ustuiriosquando usam a interface de um sistema AvaRaAo Heurfstica de UsabHidade pela primeira vez. 0 m6todo esui focado na facilidade Que um sistema tern em ensinar, Segundo Nielsen [2], usabilidade n5o 6 um principalmenteatrav6sde explorago. conceito simples e possui mdltiplos 0 mtodo de mediqgo de perfomance MUSiC [4] inclui um conjunto de ferramentase t6cnicas componentes tradicionalmente associados a atributos tais como eficdcia, efici8ncia e que possibilita especificar e medir a usabilidade, al6m de possibilitar medir a performance e satisfao de usu;iriOsdurantea utilizaVo de um produto com objetivos especfficos. Entre as satisfao do usudrio. Av&Liao houri'stica[2] e um onde projetistas principais tecnicas utilizadas para avaliao de usabilidade destacam-se: avaliago heurfstica de interfaceexaminam a interface de um sistema e julgam se est de acordo com alguns princfpios [2], teste de usabilidade [4], inspeo cognitiva [5], observao, entrevistas e questionariOs[8], estabelecidos. 0 objetivo desse trabalho 6 razer uma etc. avaliaAo quanto k facilidade de aplica2o do Avalia&o HeUristica de usabilidade e um m6todo de Avalia5o Heurfstica, hem como mtodo para identificar problemas de usabilidade em uma interface. Durante uma apresentarOs principals resultados da availso de usabilidade de uma aplicaBo para Web - o 56558o de avalia5o utilizando o metodo, um pequeno conjunto de analiadores exarninam e sistema SisMa, utilizando a tecnica Avaliao julgam se a interface est de acordo com alguns Heuristica. 0 SisMa (Sistema de Matriculas do princfpios (as henfsticas) [2]. Para realizer uma curso de Bacharelado em Inforrndtica)[6,7] foi avaliaSo heurfstica cada avaliador inspeciona constrm-docom o objetivo de propiciar aos individualmente a interface da aplicaBo" Os alunos do curso de Bachare!ado em Inforrmitica de uma universidade a realizao de suas resultadosobtidos atravdsda sess5o de avaliaVo s8o reportados ou como urn relat6rio formal on matricalas via Internet. 0 sistema apesar de ter sido utilizado em fevereiro de 2000 pela simplesmente atrav6s de verbalizaJes. Quando Os avaliadores apresentam os resultados, n8o e coordenaBo do curso e funcionar com rela30 suficiente simplesmente dizer que eles nAo aos Gritos de matricula mio havia sido gostaramde algo, eles devem explicar o motivo avaliado quantok usabilidade e por isso mesmo pelo qua! Oles nAo gostaram. Tambem e nAo disponibilizado na Web. A avalia20 realizada contribuiu para identificar muitos importante relacionar o problema encontrado com as henrfsticas utilizadas. Ap6s o t6rminoda problemas no sistema que esnio sendo atualmente corrigidos para permitir a sua identiflca5o dos problemas, deve-se classifzcd- los quanto il severidade. Nielsen [2] prop6em disponibiliza80. Al6m disso, os resultados uma escala de severidade que e apresenta a apontaramo baixo Gusto inerente A avaliao, hem como a flexibilidade de implementa50, seguir: pode-se facilmente adaptera tnica a diferentes N-aoexiste um problems de usabilidade. tipos de aplicaV5es Outra vantagem encontrada Cosm6tico - o problerna deve ser e a facilidade de transferSncia de tecnologia, solucionado quando existir uma vez assimilado o mdtodo, o avaliador pode disponibilidadede tempo. facilmente disserninaro sen conhecimento. Secundo - s2o problemas de usabilidade com baixa prioridade de soluSo" Importante- o problemasde usabilidade que merecem ateno e a\ta prioridudena soluo dos mesmos. 178 / QuaTIC2001 4: Catastr6fico - $50 problemas de para outro. Instru6es para o uso do usabilidade que devem ser solucionados sistema devem ester visiveis ou imediatamente. faciJmente recuperadas quando A classifica&o quanto a severidade do apropriado. problema possibilita consolidar estimativas dos 7. FJexibilidadee efici6ncia de uso: teclas esforos futuros Que Ser5o despendidos na de atalho podem frequentemente usabilidade, possibilita tarnb(m definir aumentar a veJocidade de interno dos prioridades na resoJuAo dos problemas de usuarios com um certo grau de usabilidade encontrados, solucionando, expert8ncia. O sistema pode cuidar de primeiramente,Os probJemasrnais serios. ambos usluhios experientes e inexperientes. Na ]iteraturapodem ser encontradasmuitas 8. Esttica e projeto minimalism: di:uogos heuristicas definidas para avaJia2o de n8o devem coater informaJes que $50 usabilidade. Nielsen [9] define uma lista com irreJevantes e raramente necessarias. aquelas Que ele considers screw as dez Yoda unidade extra de informaAo em principals. Essa Jista 6 apresentada a seguir, um didJogo compete com as unidades pois, foi utilizada como base para reaJizar a relevantes de informao e diminui a avaliaAo do sistema SisMa descrita neste visibiJidadedessas. trabalho. 9. Auxilio para reconhecimento, 1. Visibilidade do status do sistema: o diagn6stico e recupera2o de erros: sistema dove sempre manter Os usuarios mensagens de erros devem ser expressas informados sobre o Que esui em uma linguagem simples (sem acontecendo, atrav6s de um "feedback c6digos), indicando precisamente o apropriado e dentro de um tempo probJemae sugerindo construtivamente razoavel. urnasoluAo. 2. Linguagem do usuio: o sistema deve IO. Ajuda e documentso: o sistema ideal faJar a linguagem do usuario, com deveria poder ser usado sem palavras. frases e conceitos familiales ao documenta8o, mas entretanto, 6 usuo, ao inn6s de usar termos necessario fornecer "help" e orientado ao sistema. Siga as documentsAo. QuaJquer que seja a conven6es do mundo real, fazendo as documenta5o deve ser f6cil encontrd-la. inforrnaJes apareceremem uma J6gica EIa deve ser focalizada nas tarefas do natural, usuio e lister os passos concretos que 3. Autonomia e controle do ustuirio: devem ser conduzidos. usuariOs frequentemente escolhem erroneamente aJgumas funJes do sisterna e precisam de uma rnarcaClara de "saida de emerg6ncia"para deixar o As matriculas em urna universidade e no estado nBo desejado sem ter Que passer SisMa devem seguir Carlos critrios por urn didlogo extenso. O sistema deve estabelecidos pelo Conselho de Ensino e oferecer operaJes de desfazer ("undo") Pesquisa Que de conhecimento de todos Os e refazer ("redo"). estudantes. No entanto, o sistema de matriculas 4. Consisncia e padr5es: usuariOs rIijo existente na Universidade nAo contempla essa deveriam ter que imaginer Se a96es, resoluAo. Utiliza um banco de dados situa5es ou paJavras diferentes bierquico com uma interface mio muito significam a mesma coisa. amigavel que r]do pode ser disponibiJizada na 5. Erros preventivos: meJhor do que uma Web. O sistema avaliado - SisMa (Sisterna de boa mensagem de erro 6 um projeto Matrfculas do Bacharelado em Inforrruitica) foi cuidadoso que previne o problerua da desenvolvido com o objetivo de propiciar ao ocorrncia do mesmo. estudante do curso a realiza&o de sua matricula 6. Recognigo ao innds de recorda50: faa via Internet e facilitar o trabalho da secretaria da objetos, aV6es, e oJes visiveis. O coordena do curso. O sistema contempla a usuio no deve ter Que lembrar resolu80, e possui vas telas, fomecendo informa50 de uma parte de um dialogo QuaTIC 2001 / 179 hist6rico escolar detalhado, grade curricular, e categorizados Segundo as heuri.sticas estatisticas sobre o curso e disciplinas. Maiores apresentadas anteriormente como mostra a detalhessobre a implementa5o do sistema esnio Fjgura 3.2 - Tela da grade em [6,7]- Exemplos de algumas telas do SisMa curricular. s5o apresentadosna Figura3.1 e na Figura 3.2- Figure 3.1 - Tela de login do SisMa. Tabela 4.1- A Tabela 4 2 apresenta a classificaVo quantok severidade do problema. A avalia50 foi realizada num laborat6rio de uma universidade, pol uma pessoa que possui Hen No de Parn conhecimentos sobre a tnica Avalia8o pmblemas gem Heurfstica e sobre os crit6rios de matrfcula anonados implementados, mas quo no entanto n5o 1. VisibJlidade do status do 2 10o/o participou do desenvolvimento do SisMa. O sistema piano para a realizaAo da avalia5o consistiu 2. Linquaqem do usurio 2 1Oo/c dos seguintes passos. 3. Autonomia e controle do 4 20% 1. Estudo da resolu50 e criterios de usuan`o matricula. 4. nsincia e padr 2 1Oo/o 2. Elaborao de um "checist" baseado 5. Erros prevenb`vos 2 100,c nas hem-isticas descritas na s50 6. Recognio ao inves de 3 15% anterior- recordao 3. UtilizaBo do sistema e identifica50 dos 7. Flexibilidade e efidnd 2 100/o problemas de usabilidade utilizando o de uso .`chec1dist.'. 8. Est:6tica e projeto 1 5% 4. Classifica50 dos problemas quanto minimalism severidade. 9. Auxilio para 1 5% 5. Elabora80 do relat6rio final com os reconhecimento diagn6stico e recuperao de erros problemas encontrados. 10. Help e documeno 1 5% Besotdos Foram realizadas duas sess6es de aproxirnadamente45 minutos cada urna onde a interface do SisMa foi inspecionada. Foram identificados 20 problemas de usabilidade, esses problemas foram 180 / QuaTIC2001 Tabela 4.2 - CategorizeCSo dos significativamente na qualidade final da pmblemas de usabilidade quanta 6 aPlicaAo Para Web, uma vez Que, a usabilidade severidade _. . . e.ulna das seis caracteristicas definidas na NBR Escala de severidade No de pmblemas Porcanbi5 6 [10]. 0 fato dos resultados terem sido de usabilidade qemdife antes do esperado pelo desenolvedoresdo 1: Cosm6ti 1 5% 51S na, mostra a xmportancla ac Se avanar 2: Secund6ri 7 35%co nuamente a usabilidade de um produto. A 3: Importante 8 400/oava ag8o deve ocOrrer durante todo o 4: Catastr6f 4 Do/odes :llvolvimentO,ou seja, durante todo o ciclo da do produto e os desenvolvedores devem Como pode ser observado, o SisMa considerar a usabilidade como sendo apresentou problemas em todas as categorias. fundamental" Sendo Que a maior parte doles 6 referente k Sobre o m6todo e avaliaV5o heurfsticas as Heuristica 3: Autonomia e controle do usudrio, concfus6es sobre a aP2icaVgodo mdtodo n5o com 20% do total. Isso diz respeito a uma diferem das jd encontradas em estudos caracterfgtica do sistema Que n2o perrnite realizados Por Nielsen [23, ou seja' o operaJes de desfazer e refazer, muitas vezes 6 aPrendizado do m6todo 6 simPles, aPresenta neces o recomar a operaG2o ou ter Queler baixo custo, facilidade na transferencia de enfadonhamente mensagens de erro e tecnologia al6m da facilidade e flexibilidade na explicaHes. - 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 4 everidade. 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 de cateeorizados como sendo do Nfvel 3 outras t6cnicas: questionarios e entrevistas com (Imortante). Outro dado relevante d Que 20% Os Princiflais usudrios do sistema: estudantes e dos problernas foram categorizados no Nfvel 4 secretarios do curso- Uma comParaVao dos (Catastrofe de usabilidade) e dever&o ser PrinciPais vantagens e desvantagens de cada corrigidos imediatamenfe. t6cnica Podera set realizada. Na verdade o resultado da avalia20 Considerando Que estas tdcnicas Possuern surpreendeu os desenvolvedores Que esperavam fundamentos diferentes, um trabalflo interessante um ndmero manor de problemas e ndo haviam seria ProPor uma abordagem que Pudesse Se dado conta da severidade dos problemas agregar as caracteristicas bend(leas de cada uma encontrados, num sistema relativamente simples. delas, obtendo."se dessa forma melflores Mas todos concordaram Que a avalia50 resultados- realizada antes da disponibilizaqdo na Web foi de vita! imporfdncia. Refer&nciu Bibhogrtificas O m6todo de avalia50 henrfstica mostrou ser de fcil entendimento e fdcit aplica80, al6m de (I] N. Bevan. Usabilz" Issues in Web Site Desz.gn.in ter 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:An m6todo, Observou-se bdm a fcmde na /nt'oduction (onlinel '.-`.-.'w^ '-' -F w --^- ^ - htm://www.usett.corn/papers/heuristicl transferenaa de tecnologla, uma vez asszmllado [3] M Macleod. R. Boen, -andN. Bevan. The o m6todo pelo avaliador, esse pode facilmente MuSiC Pemance Measu,emenl Method. Ha propagar esse sen conhecimento A outras 96, Tutorial 14, Measurement Usabili - MUSz.C pessoas. Methods, 1994. Concluso-es {41J.S Dulnas and J-C. Redish A Practical Guide to UsabiLz_ Testing. Norwood, N.J. Ablex, 1994. A avaliaVAo realizada no SisMa foi [51g e DeThi gReA chudModepo importante, pois, possibilitou a identifica50 de RC9265, IBM Thomas J. Watson Research problemas Que comprometiam a usabilidade do Center. Yorktown Heights N.Y.,I982. sistema. Dessa forma, a availsAo contribui QuaTIC'2ool / 181 [61E,N. Regolin et al. Desenvolvimento ac am SisLamade Matrzcalas On-Linc. Anais do VII EVINC, enento de Inici2o Cientifica da LJFPR. Cusitiba-PR,Setembro 1999. [7] E, N. RegoIin Sz"sMa.- Sistema de Mainalas do curso de Baclzarelado em Informdtica. MonograEade Final de Curso de Graduao, DInf-R, em andamento. [8] IIITORI Usz"nactsTutorial [online], httn://at.hhi.de/usinacts.html [9] Job Nielsen. Ten UsHi Heuristics. [online]. http:/Jwww.useii.corr[/papersJheUristic/heuriscic list.ht m_] [10] NBR 13596 - Tecno/ogia de Informado - ^val.50 de prodatos de soare - Caracterfstz"c de quaLz`dadee diretes para sea aso {ISO//EC 9 126) 182 / QuaTlC`2001