8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
1/25
Realitzaci
avaluaci
heurstica
Usabilitat: Prctica 2
Jordi Llonch Esteve
Cc by-nc-sa
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
2/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
ndexndex ................................................................................................................................ 1
Anlisi heurstica segons Nielsen .................................................................................. 2
1. Visibilitat de lestat del sistema ......................................................................... 2
2. Adequaci entre el sistema i el mn real ....................................................... 4
3. Llibertat i control per part de lusuari .............................................................. 6
4. Consistncia i estndards ................................................................................. 8
5. Prevenci derrors ............................................................................................ 10
6. Reconeixement abans que record ............................................................... 11
7. Flexibilitat i eficincia en ls ........................................................................... 13
8. Disseny esttic i minimalista ............................................................................ 14
9. Ajuda els usuaris a reconixer i diagnosticar errors i a recuperar-sen .... 15
10. Ajuda i documentaci .................................................................................... 16
Informe dusabilitat ...................................................................................................... 18
Bibliografia i altres recursos ......................................................................................... 24
Jordi Llonch Esteve CC BY-NC-SA Pg. 1/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
3/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Anlisi heurstica segons Nielsen
Com hem aprs al mdul 2 de lassignatura, Mtodes davaluaci sense usuaris,lavaluaci s un aspecte fonamental a tenir en compte en el disseny de
sistemes interactius i lavaluaci heursticas un mtode davaluaci que resulta
econmic i fcil de dur a terme que es pot realitzar en qualsevol etapa de
desenvolupament dun producte interactiu.
A continuaci es presenta una anlisi de la pgina webdel parc datraccions
Disneyland Paris(http://www.disneylandparis.es/)a partir dels principis heurstics
definits per Jacob Nielsen el 1994, per tal didentificar els problemes de disseny
del lloc web i dexplicar els problemes dusabilitat observats.
1.VISIBILITAT DE LESTAT DEL SISTEMAInforma el lloc web a lusuari del que est ocorrent i li ofereix respostes en un
temps raonable? Per a respondre aquesta pregunta de forma correcta cal
respondre primer les preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
Cada part de la interfcie comenaamb un ttol o encapalament quedescrigui el contingut de lapantalla?
Algunes pgines homostren i algunes altresno. No se segueix capestndard.
Lesquema de disseny de les iconesi la seva esttica s consistent entot el sistema?
Tot i no ser un dissenyatractiu, totes lesicones tenen el mateix
estil.
Quan se selecciona una iconaparticular envoltada per altresicones, es distingeix la iconaseleccionada clarament?
Existeix un canvi destilen seleccionar icones ienllaos, per s tansubtil que no sperceptible.
Els mens dinstruccions, puntsdentrada de dades i missatgesderror apareixen al mateix lloc de
la pantalla o en el mateix men?
No sembla que hi hagiuna guia destil per amostrar aquest tipus
delements.
Jordi Llonch Esteve CC BY-NC-SA Pg. 2/24
http://www.disneylandparis.es/http://www.disneylandparis.es/http://www.disneylandparis.es/http://www.disneylandparis.es/8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
4/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
En pantalles mltiples per aentrada de dades, cada pginaest etiquetada per a mostrar la
seva relaci amb les altres?
Els processos decompra indiquen lapgina en que lusuari
es troba.
Si sutilitzen finestres emergents pera mostrar missatges derror,permeten que lusuari visualitzilerror a la interfcie quan esdespleguen?
En fer reserves dhotelmassa llargues, nosinforma a lusuari queno es pot fer,simplement, no permetseguir amb la reserva.
Hi ha algun tipus de
retroalimentaci per a cada accio operaci
En fer clic als enllaosno sinforma a lusuari
que la seva acci haestat entesa.
El sistema proveeix algun tipus deretorn visual en mens o caixes dedileg que indiquin en quina de lespossibles opcions es trobaposicionat el cursor?
Sindica cada posicidel ratol, per la formadindicar no segueix elmateix patr en totesles pgines.
Si existeixen retards majors a 15
segons en les respostes del sistema,lusuari s informat del progrs en laconcreci de la resposta?
A vegades el sistemade reserva queda
bloquejat carregant,per no sinformalusuari.
Els temps de resposta sn apropiatsper a cada tasca?
Ls de Flash demorala crrega i execucide moltes tasques.
Els temps de resposta sn adequats
al procs cognitiu de lusuari?
Al poc temps denavegar per la web unusuari de nivell mitj
troba lenta lanavegaci.
No sn necessaris alts nivells deconcentraci i no s requerit retenirinformaci: 2 a 15 segons.
Hi ha certes pginesque no tenen capcoherncia amb laresta del lloc web ilusuari ha de fer unesfor afegit per acomprendre el seu
funcionament.
Jordi Llonch Esteve CC BY-NC-SA Pg. 3/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
5/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
La terminologia utilitzada en elsmens, s consistent amb el dominide coneixement de lusuari en
relaci a la tasca a realitzar?
Els ttols dels mens snclars i entenedors.
Els mens grfics mostren demanera bvia quin s ltem que haestat seleccionat?
Tot i que s que homostren, la forma no sdel tot clara.
Si els usuaris naveguen entrediferents pantalles del sistema, elsistema utilitza etiquetesconceptuals, mapes de mens omarques de navegaci a mode
dajudes per a aquestanavegaci?
S que es mostren, permolts cops lidioma nocoincideix amblescollit per lusuari,cosa que pot
comportar malentesosi frustraci de lusuari.
De lanlisi daquestes preguntes i respostes es conclou que la visibilitat de lestat
del sistema del lloc web de Disneyland Pars s millorable en la majoria dels seus
aspectes, sobretot pel que fa als temps de crrega, a les respostes i als patrons
a seguir per a mostrar tot tipus dinformaci relacionada.
2.ADEQUACI ENTRE EL SISTEMA I EL MN REALEl lloc web utilitza el llenguatge de lusuari fent s dexpressions i paraules que li
resultin familiars? Per a respondre aquesta pregunta de forma correcta, primer
cal respondre les preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
Les icones sn concretes i familiarsper a lusuari?
La majoria diconescompleix aquestrequisit.
Donats un determinat usuari, unadeterminada llista de noms dtemsi variables per a realitzar tasques,les opcions dels mens estanendreades de la manera mslgica per a lusuari?
La informaciproporcionada a lamajoria de mens estben organitzada.
Jordi Llonch Esteve CC BY-NC-SA Pg. 4/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
6/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Si existeix una seqncia naturalper a la selecci delements en unmen, est implementada?
Els processos decompra solen estarben ordenats.
Si les formes dels objectes de lainterfcie sn utilitzats com pistesvisuals, concorden amb lesconvencions culturals dels usuaris?
Les formes delsobjectes de la interfcieno sn utilitzats compistes visuals.
Els colors seleccionats corresponena valors esperats segons els codisdels usuaris?
Hi ha seccions de lapgina que tenencodis de colorsdiferents als de lesaltres seccions.
Quan un bot implica una accinecessria, inclou un missatge ambparaules consistents amb aquellaacci?
La majoria de botonsindiquen informaciconsistent.
Les referncies indicades als botonsde la interfcie sn consistents ambnoms de botons reals?
La majoria de noms debotons estan benrelacionats amb el seusignificat real.
Quan singressen dades a lapantalla, la terminologia utilitzadaper a descriure la tasca s familiarper als usuaris?
Els camps dentradade dades utilitzen lesconvencionsestndard que lusuariconeix daltres llocsweb.
Les opcions dels mens escorresponen lgicament ambcategories que tinguin un significatunvoc?
Hi ha molts mens quecontenen informacique es mescla amb ladaltres mens.
Els ttols dels mens segueixen unmateix estil gramatical?
Es mesclen substantius ifrases indistintament. Ams, hi ha faltesdortografia.
El llenguatge de comandesempleat utilitza la gerga delsusuaris evitant ls de vocablescomputacionals especfics.
Es t en compte elpblic objectiu a quiva destinada la pginaweb correctament.
Jordi Llonch Esteve CC BY-NC-SA Pg. 5/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
7/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Les combinacions de seqnciesde lletres estranyes o poc freqentssn omeses sempre que sigui
possible?
No es trobencombinacions de
lletres estranyes.El sistema ha estat dissenyat de talmanera que els botons amb nomssimilars no executin accionsoposades?
Lusuari s conscienten tot moment delsignificat de cadabot.
De lanlisi daquestes preguntes i respostes es conclou que ladequaci entre
el sistema i el mn real del lloc web de Disneyland Pars t una part que sadequa
fora al llenguatge hum i una altra que cal millorar.La part que sadequa al llenguatge natural dels usuaris s aquella que comprn
les convencions culturals que aquests coneixen, mentre que la que cal millorar
s la que fa referncia a larquitectura de la informaci, que es converteix en
dubtes a lhora de localitzar certa informaci, ja que est desorganitzada en
mens ambigus que fan s de combinacions de colors i de botons poc usables.
3.LLIBERTAT I CONTROL PER PART DE LUSUARIOfereix, el lloc web, una sortida demergncia clarament delimitada a lusuari
en cas que aquest elegeixi alguna opci per error? Es poden desfer o repetir
accions dutes a terme? Per a respondre aquestes preguntes de forma correcta
cal respondre primer les preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
Quan lusuari completa una tasca,el sistema espera alguna senyalseva abans de processar la tasca?
Tots els processos decompra i reservadisposen de botons deContinuar per aconfirmar que lesdades introdudes sncorrectes.
Jordi Llonch Esteve CC BY-NC-SA Pg. 6/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
8/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Els usuaris poden escriure perendavant en un sistema amb moltsmens anidats?
Lusuari noms potescriure en les pantallaque el sistema permet.
Es pregunta a lusuari que confirmiaccions que tindran conseqnciesdrstiques, negatives odestructives?
Es proporcionainformaci a lusuarisobre les sevesconseqncies perno es demanaconfirmaci.
Existeix una funci per a desfer, alnivell de cada acci simple, cadaentrada de dades i cada grup
daccions completades?
Lusuari ha desborrarles seves accions
manualment.
Els usuaris poden cancellaroperacions en progrs?
El sistema informa siuna operaci est enprogrs, per no es potcancellar.
Es permet ledici de carcters enels camps dentrada de dades?
La majoria de campsdentrada de text snpart de formularis Flashque no permeten
aquesta acci.Els usuaris poden reduir tempsdentrada de dades copiant imodificant dades existents?
Els formularis Flash noho permeten.
Si les llistes de mens sn llargues(ms de set tems), poden elsusuaris seleccionar un tem tantmovent el cursor com escrivint uncodi mnemotcnic?
Noms es permet laselecci mitjanant elratol.
Els mens sn amples (molts tems)enlloc de profunds (molts nivells)?
Cada element delmen t molts tems.
Els usuaris podem mouresendavant i endarrere entre lesopcions de camps o caixes dedileg?
Noms en els formularisHTML, per nosinforma de lapossibilitat.
Si el sistema posseeix mltiplespantalles per a entrada de dades,els usuaris poden mouresendavant o endarrere?
La navegaci estmolt restringida.
Jordi Llonch Esteve CC BY-NC-SA Pg. 7/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
9/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Els usuaris poden revertir les sevesaccions de manera senzilla?
La pgina web noofereix aquestapossibilitat.
Els usuaris poden configurarlaparena del seu propi sistema,sessi, arxiu i valors per defecte?
El sistema est moltlimitat.
De lanlisi daquestes preguntes i respostes es conclou que la llibertat i control
per part de lusuari del lloc web est enormement restringit i les opcions de
personalitzaci daquest sn limitades. A ms, tot i que lusuari sap en tot
moment en quina part del procs es troba quan du a terme qualsevol acci, no
sempre s informat dels perills de seleccionar algunes opcions i en cas de portar-les a terme no t manera de cancellar-les abans que aquestes acabin
dexecutar-se.
4.CONSISTNCIA I ESTNDARDSCal que els usuaris spiguen que diferents paraules, situacions o accions
signifiquen el mateix? Segueix el lloc web convencions? Per a respondreaquestes preguntes de forma correcta cal respondre primer les preguntes de la
segent llista de comprovaci.
tem S No N/A Comentaris
Es respecten els formats delempresa de manera consistent al
llarg de les diferents pgines?
Es diferencienclarament dues
esttiques moltdiferents en el sistema.
Sevita ls de lletres enmajscules?
Noms sutilitzen per aocasions especials.
Les icones posseeixen etiqueta? Gaireb totes.
No hi ha ms de 20 tipus dicones? El seu aprenentatge srpid.
Existeix algun element visual queidentifiqui la finestra activa?
Els mens canvien decolor.
Jordi Llonch Esteve CC BY-NC-SA Pg. 8/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
10/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Cada finestra disposa del seu ttol? Totes en tenen un,per alguns esrepeteixen.
s possible utilitzar les barres dedesplaament horitzontal i verticala cada finestra?
s un malson per apantalles ambdimensions diferents ales que hancontemplat elsdissenyadors.
Els mens sn presentats demanera vertical
Alguns s.
Els ttols dels mens estan centrats ojustificats a lesquerra? Tots ho estan.
Tipografies: fins a 3 fonts? Nhi ha ms de 5. Moltscops no concordenentre elles.
Color: fins a 4 colors diferents? Es basa en unacomposici decontrastos de blau itaronja i algunscomplementaris.
Els noms de les opcions als menssn consistents en relaci a la restade noms dtems dels mens delsistema pel que fa a lestilgramatical i terminologia.
Es mesclen substantius ifrases indistintament. Ams, hi ha faltesdortografia.
Si el sistema posseeix pantallesmltiples per a lentrada de dades,tenen aquestes pantalles el mateixttol?
Totes tenen el mateixttol.
Si el sistema posseeix pantallesmltiples per a lentrada de dades,les corresponents pantalles estannumerades de maneraseqencial?
Aix no ajuda a lusuaria saber en quin pasdel procs es troba.
El sistema respecta les convencionsde la indstria per a assignarfuncions a les tecles?
En els formularis Flashno sempre funcionenles dreceres de teclatde copiar i enganxar.
Jordi Llonch Esteve CC BY-NC-SA Pg. 9/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
11/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Sutilitzen colors altament cromticsper a atraure latenci de lusuari?
El resultat s unapgina web moltcontrastada i poc
atractiva visualment.
De lanlisi daquestes preguntes i respostes es conclou que la consistncia i els
estndards sha intentat aplicar a la pgina web, per duna manera
secundria i de manera automtica. s a dir, sembla que les convencions
conegudes pels usuaris que trobem a la web han estat implementades sense
saber-ho o de forma automtica sense que lequip de disseny hagi pres les
decisions de manera conscient.
5.PREVENCI DERRORSTot i que s important prevenir lexistncia derrors portant a terme un disseny
adequat en un lloc web, s normal que sorgeixin errors. Sn fcils dentendre
aquests? Per a respondre aquesta pregunta de forma correcta cal respondre
primer les preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
Les eleccions disponibles als menssn lgiques, diferenciades entre s imtuament excloents?
Hi ha moltes opcionsque podrien formarpart de diferentscategories.
Si el sistema mostra mltiplesfinestres, la navegaci entre elles ssimple i visible?
El sistema obre
pantalles noves quesemblen pginescompletamentdiferents.
El sistema prev als usuaris decometre errors quan sigui possible?
El sistema sol informarquan ja sha comslerror.
El sistema alerta als usuaris si estana punt de cometre errors
potencialment seris?
El sistema sol tractartots els errors per igual.
Jordi Llonch Esteve CC BY-NC-SA Pg. 10/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
12/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Les pantalles per a lentrada dedades i caixes de dileg indiquenel nombre despais en carcters
que estan disponibles per a uncamp?
Ho indiquen de formaescrita, per de forma
visual, tots els campstenen mides similars.
Els camps de les pantallesdentrada de dades i les caixes dedileg contenen valors per defectequan correspon?
La major part dels copsels camps estan buits.
De lanlisi daquestes preguntes i respostes es conclou que la prevenci derrors
no sha tingut gaire present durant el desenvolupament de la pgina deDisneyland Paris. s cert que sinforma de les conseqncies de les accions de
lusuari, per molts cops la forma en que es fa no evita que es porti a terme una
acci evitable que acabar convertint-se ne un error.
6.RECONEIXEMENT ABANS QUE RECORDSn visibles els objectes, les accions i les opcions per a ajudar a lusuari areconixer informaci de diferents seccions o parts del lloc web? Per a
respondre aquesta pregunta de forma correcta cal respondre primer les
preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
Existeixen pistes visuals per a
distingir preguntes, llocs dinsercide respostes i instruccions en lesinterfcies de preguntes i respostes?
La majoria de cops
aquestes pistes snmolt subtils i no esdistingeixen a simplevista.
El desplegament de dadescomena a la part superioresquerra de la pantalla?
El men superior estroba en aquestasituaci.
Les pistes visuals estan posicionadesa llocs de la pantalla on lusuari
dirigeixi la seva miradaprovablement?
Les pistes visuals estanorganitzades a la
pantalla sense seguircap patr.
Jordi Llonch Esteve CC BY-NC-SA Pg. 11/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
13/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
El sistema mostra de color gris elsbotons o rees de text actualmentinactives?
Ho veiem als formularisde reserva dhotel ientrades.
Sutilitzen espais en blanc per acrear simetria i guiar lull de lusuarien la direcci apropiada?
La informaci estdistribuda sensecomplir aquest principi.
Sagrupen els tems en zoneslgiques, utilitzant encapalamentsper a distingir entre zones?
Normalment s.
Els camps dentrada de dadesopcionals estan claramentmarcats?
A vegades s, permajorment no.
Sutilitza una mida de lletra, mfasi,subratllat, color, ombrejat otipografia especial per a mostrar laimportncia dels diferents tems enpantalla?
Es fa un s excessiudaquesta tcnica iresulta en un estilinfantil i poc cuidat.
Sutilitzen vores per a identificargrups significatius?
La informaci nosagrupa.
La codificaci de color sconsistent dins de tot el sistema?
S, per no s
especficament fcild'entendre fins quesha navegat bastantper la web.
Existeix un bon contrast de brillo icolor entre els colors utilitzats per aimatge i fons?
Aquest contrast sadequat.
Els mens fan que sigui obvi on spossible realitzar una selecci?
Normalment s, tot ique hi ha excepcions.
Existeixen elements visuals cridanersper a identificar quina s la finestraactiva?
Lusuari ha de ferlesfor desbrinar-hoper si mateix.
A les pantalles dentrada de dadesi caixes de dileg, els campsdependents es mostren nomsquan s necessari?
Els formularis sn massallargs i mostren tota lainformaci sempre.
Les tecles de funci estanorganitzades ne grups lgics
No se sap, ja que lapgina no informa
daquesta possibilitat.
Jordi Llonch Esteve CC BY-NC-SA Pg. 12/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
14/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
De lanlisi daquestes preguntes i respostes es conclou que la tasca de
reconeixement abans que el record no est gaire ben implementada. Lusuari
ha de fer esforos cada cop que accedeix a una secci nova de la web,
encara que sigui per a dur a terme tasques similars a les que ja ha portat a terme
anteriorment. El principal problema rau en que les instruccions similars nosegueixen una estructura similar i lusuari ha de recordar de memria cada
procediment a seguir per a executar cada tasca enlloc de reconixer noms
les accions similars.
7.FLEXIBILITAT I EFICINCIA EN LSLes dreceres de teclat poden accelerar la interacci amb el lloc web per partdusuaris experts, donant la possibilitat que aquest sigui utilitzat tant per usuaris
novells com per experts. Existeixen dreceres de teclat que permetin configurar
accions freqents als usuaris? Per a respondre aquesta pregunta de forma
correcta cal respondre primer les preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
El sistema proporciona tecles defunci per a comandes daltafreqncia?
En cas dexistir, nosinforma a cap lloc.
Per a pantalles dentrada dedades amb molts camps o en elsquals els documents font poden
estar incomplets, els usuaris podendesar una pantalla parcialmentcompletada?
Quan es comena unformulari de reservadhotel o entrada, shade dur a terme el llargprocs de compraduna sola vegada. Si
es tarda massa, elsistema esdesconnecta i esperden totes les dadesintrodudes i sha decomenar de zero.
Si les llistes de mens sn curtes, elsusuaris poden seleccionar un temmovent el cursor?
La majoria de llistes snfetes amb Flash i nopermeten aquesta
forma de selecci.
Jordi Llonch Esteve CC BY-NC-SA Pg. 13/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
15/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
El sistema ofereix dreceres per atrobar segent i trobar anterioren cerques a les bases de dades?
Les cerques parteixende zero cada cop.
Als mens, els usuaris poden fer clicdirectament sobre un camp outilitzar una drecera de teclat?
Noms sacceptenseleccions amb elratol.
A les caixes de dileg, els usuarispoden fer clic directament sobreun camp o utilitzar una drecera deteclat?
Noms sacceptenseleccions amb elratol.
De lanlisi daquestes preguntes i respostes es conclou que la flexibilitat ieficincia en ls est molt poc implementada. La pgina web est dirigida a
un sol tipus dusuari, lusuari novell, i lexpert ha dadaptar-se a les pautes i
esquemes adreats als novells. De nou, les poques dreceres existents estan
disponibles de manera automtica i no han estat dissenyades expressament per
lequip de disseny, sin que sn les tpiques dreceres de copiar i enganxar i les
opcions disponibles mitjanant les tecles de cursor del teclat.
8.DISSENY ESTTIC I MINIMALISTALa pgina cont informaci irrellevant o innecessria? Per a respondre aquesta
pregunta de forma correcta cal respondre primer les preguntes de la segent
llista de comprovaci.
tem S No N/A Comentaris
Es mostra la informaci essencialper a prendre decisions?
La majoria de cops es
mostra moltainformaci en una solapantalla, per tant sfcil que la informaciessencial es mostri.
Les icones sn visualmentdistingibles segons el seu significatconceptual?
El procsdinterpretaci de lesicones sol ser rpid iefica.
Jordi Llonch Esteve CC BY-NC-SA Pg. 14/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
16/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Inclou cada pantalla dentrada dedades un ttol simple, curt i
suficientment distintiu?
Els ttols solen ser o bllargs i complicats derecordar o massa curts
i sense especificar.Cada opci de men posicionadaen un nivell inferior est associadaamb una sola opci del nivellsuperior?
Normalment s, tot ique algun cop esmesclen nivells.
Els ttols dels mens sn breus persuficientment llargs per acomunicar el seu contingut?
Hi ha ttols que nosegueixen aquestadirectriu.
De lanlisi daquestes preguntes i respostes es conclou que el disseny esttic i
minimalista no sha tingut present durant el desenvolupament de la web.
Cadascuna de les pgines que conformen el lloc web de Disneyland Paris cont
informaci irrellevant que noms serveix per a marejar lusuari proporcionant-li
ms informaci de la que necessita.
9. AJUDA ELS USUARIS A RECONIXER I DIAGNOSTICAR ERRORS I ARECUPERAR-SENEls missatges derror estan expressats en un llenguatge com i senzill, que indiqui
amb precisi el problema i suggereixi les possibles alternatives o solucions? Per a
respondre aquesta pregunta de forma correcta cal respondre primer les
preguntes de la segent llista de comprovaci.
tem S No N/A Comentaris
Sutilitzen sons per a senyalar errors? No hi ha una respostaauditiva.
Els missatges derror estanexpressats de manera que s elsistema, i no lusuari, qui es facrrec dels errors?
Lusuari pot interpretarque t la culpadalguns errors.
Els missatges derror eviten ls designes dexclamaci?
Aix evita que lusuaries frustri encara ms.
Jordi Llonch Esteve CC BY-NC-SA Pg. 15/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
17/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Tots els missatges derror delsistema utilitzen un estil gramatical,terminologia, forma i abreviatures
consistents?
Sutilitzen colors,tipografies i midesdiferents sense cap
patr conegut.
Si es detecta un error en un campdentrada de dades, el sistemaressalta aquest camp?
Sutilitza un codi decolors similar en algunsformularis, per nosinforma a lusuaricom solucionar elproblema.
Els missatges derror informen alusuari sobre la severitat de lerror
coms?
Lusuari no sap quingrau de severitat tenen
els seus errors.
Els missatges derror proporcioneninformaci semntica apropiada?
Sovint sn missatgesamb un lxicespecialitzat per ainformtics.
Els missatges derror indiquenquines accions ha de realitzarlusuari per a corregir els errorscorresponents?
La majoria de copsnoms sinforma delexistncia de lerror.
De lanlisi daquestes preguntes i respostes es conclou que la forma dindicar i
diagnosticar els errors a lusuari per tal que aquest sen pugui recuperar est feta
un embolic. Cada pgina mostra els errors duna manera diferent, sense seguir
cap convenci ni guia destil definida. A ms, hi ha errors que no sespecifiquen
i lusuari pot arribar a pensar que ell s el culpable. A vegades no es mostren
solucions a certs errors i lusuari pot arribar a sentir-se indefens a lhora de corregir
les seves accions.
10. AJUDA I DOCUMENTACITot i que s aconsellable que un lloc web es pugui utilitzar sense documentaci,
a vegades cal proporcionar un cert tipus dajuda. En aquest cas, aquesta cal
que sigui fcil de localitzar i entendre. s aquest el cas del lloc de DisneyLand
Paris? Per a respondre aquesta pregunta de forma correcta cal respondre
primer les preguntes de la segent llista de comprovaci.
Jordi Llonch Esteve CC BY-NC-SA Pg. 16/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
18/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
tem S No N/A Comentaris
Les instruccions en lnia esdistingeixen visualment?
Existeix una pginadedicada a resoldreaquest tipus
dincidncies o dubtes.Les instruccions segueixen laseqncia de les accions delusuari?
Majoritriament s.
Si les opcions dels mens snambiges, el sistema proporcionainformaci esclaridora addicionalquan un tem s seleccionat?
El sistema dajuda noresol aquests dubtes.
La funci dajuda del men svisible?
Ho s, per est massaamagada i costalocalitzar-la.
s fcil accedir al sistema dajuda? La seva situaci fa queno sigui massa fcil.
Els usuaris poden canviarrpidament entre lajuda i el seutreball?
Es pot fer, per sirreversible.
Existeix ajuda sensible al context?
Noms existeix una
llista de preguntesfreqents.
De lanlisi daquestes preguntes i respostes es conclou que el sistema dajuda i
documentaci s limitat i noms permet resoldre aquells dubtes contemplats
per lequip de disseny del lloc web. Ni tan sols existeix un camp de cerca dins el
men dajuda, que utilitza una interfcie antiquada i poc usable.
Jordi Llonch Esteve CC BY-NC-SA Pg. 17/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
19/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Informe dusabilitat
A continuaci es mostra una llista de resultats que inclou els problemes detectatsal lloc web de Disneyland Paris ordenats de major a menor severitat amb
informaci dels principis heurstics que incompleixen i amb recomanacions per
a millorar-los.
Problema dusabilitat detectatEl contingut est dissenyat per a ser visualitzat en un tipus de dispositiu moltespecfic: ordinadors descriptori o porttils amb pantalles dalta resoluci.
Gravetat Freqncia: alta. Impacte: difcil de superar. Persistncia: reincident. Gravetat: 4
Principi heurstic que incompleixDisseny esttic i minimalista.Exemple
Recomanacions per a millorar el problema Aplicar un disseny adaptatiu que faci que la web sadeqi a lamplada
del dispositiu amb el que es visualitzi. Adaptar el nou disseny a resolucions de pantalla dalta densitat per
evitar que el text i els formularis siguin illegibles.
Jordi Llonch Esteve CC BY-NC-SA Pg. 18/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
20/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Problema dusabilitat detectatEl procs de compra dentrades i hotels no s reversible.
Gravetat
Freqncia: alta. Impacte: fcil de superar. Persistncia: reincident. Gravetat: 4
Principi heurstic que incompleixLlibertat i control per part de lusuari.
Exemple
Recomanacions per a millorar el problema Afegir el bot enrere en els processos dintroducci de dades de ms
duna pgina. Permetre la navegaci lliure entre les diferents pgines dun procs
afegint enllaos als ttols de cada pgina. Simplificar els formularis. Afegir informaci dajuda cada cop que savana o retrocedeix en el
procs de compra.
Jordi Llonch Esteve CC BY-NC-SA Pg. 19/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
21/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Problema dusabilitat detectatHi ha dues pgines web: una per a mostrar informaci i laltra per a dur a termeel procs de compra dentrades.
Gravetat
Freqncia: alta. Impacte: fcil de superar. Persistncia: reincident. Gravetat: 3
Principi heurstic que incompleixConsistncia i estndards.Exemple
Recomanacions per a millorar el problema Incloure el procs de compra i la pgina dinformaci en un sol lloc
web.
Jordi Llonch Esteve CC BY-NC-SA Pg. 20/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
22/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Problema dusabilitat detectatMultitud de pgines mostren informaci irrellevant que lusuari no ha demanat.
Gravetat
Freqncia: alta. Impacte: fcil de superar. Persistncia: reincident. Gravetat: 3
Principi heurstic que incompleixDisseny esttic i minimalista.
Exemple
Recomanacions per a millorar el problema Eliminar la informaci irrellevant. Reubicar la informaci irrellevant a zones de la pgina que molesti
menys. Reescriure larquitectura de la informaci per a mostrar aquest tipus
dinformaci en pgines on sigui realment necessria.
Jordi Llonch Esteve CC BY-NC-SA Pg. 21/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
23/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Problema dusabilitat detectatLa pgina dajuda s difcil de localitzar i utilitzar.
Gravetat
Freqncia: alta. Impacte: difcil de superar. Persistncia: reincident. Gravetat: 2
Principi heurstic que incompleixAjuda i documentaci.
Exemple
Recomanacions per a millorar el problema Afegir un bot dajuda a la part superior de la pgina. Afegir un buscador dins lajuda. Escriure la nova pgina dajuda en HTML per a permetre indexar el
contingut. Afegir un apartat de preguntes i respostes dels clients/usuaris per a
ampliar el contingut amb resposta a preguntes reals dels usuaris. Permetre interactuar els usuaris amb lajuda i comentar el nivell de
satisfacci de lajuda obtinguda.
Jordi Llonch Esteve CC BY-NC-SA Pg. 22/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
24/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Problema dusabilitat detectatEls missatges derror estan expressats de manera que lusuari s responsabledels errors.
Gravetat
Freqncia: mitjana. Impacte: difcil de superar. Persistncia: reincident. Gravetat: 3
Principi heurstic que incompleixAjuda els usuaris a reconixer i diagnosticar els error i recuperar-sen.Exemple
Recomanacions per a millorar el problema Expressar els missatges derror en un llenguatge com i senzill, que
indiqui amb precisi el problema i suggereixi les possibles alternatives osolucions.
Mai donar-li la culpa a lusuari. Utilitzar un lxic apropiat a lusuari.
Jordi Llonch Esteve CC BY-NC-SA Pg. 23/24
8/13/2019 [Usabilitat] Prctica 2: Realitzaci avaluaci heurstica
25/25
Usabilitat Prctica 2: Realitzaci avaluaci heurstica
Bibliografia i altres recursos
Calvo-Fernndez Rodrguez, Amaia. Ortega Santamara, Sergio. Valls Saez,Alicia. Zapata Lluch, Mnica.(2011).Avaluaci de la usabilitat. FUOC.
Gil Rodrguez, Eva Patricia. De Lera Tatjer, Eva. Monjo Palau, Antnia.Usuaris i
sistemes interactius. FUOC.
Morville, Peter i Rosenfeld, Louis.Arquitectura de la informaci per al World Wide
Web. Barcelona: FUOC, 2012.
Society for Technical Comunication.Heuristic Evaluation - A System Checklist.http://www.stcsig.org/usability/topics/articles/he-checklist.html [data de
consulta: novembre 2013]
El logotip de la UOC s propietat de la Universitat Oberta de Catalunya i sacull
al dreta a cita, la resta dimatges sn captures de pantalla de producci prpia
i sacullen a la mateixa llicncia que aquest document.
http://www.stcsig.org/usability/topics/articles/he-checklist.htmlhttp://www.stcsig.org/usability/topics/articles/he-checklist.htmlhttp://www.stcsig.org/usability/topics/articles/he-checklist.htmlTop Related