[Usabilitat] Pràctica 2: Realització avaluació heurística

Embed Size (px)

Citation preview

  • 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.html