Informe final d’avaluació Usabilitat: PAC 2
Jordi Llonch Esteve Cc by-nc-sa
Usabilitat
PAC 2: Informe final d’avaluació
Índex Índex .............................................................................................................................. 1 Pregunta 1 ..................................................................................................................... 2 Pregunta 2 ..................................................................................................................... 8 Pregunta 3 ..................................................................................................................... 9 Bibliografia i altres recursos ....................................................................................... 15
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 1/15
Usabilitat
PAC 2: Informe final d’avaluació
Pregunta 1 Quins són els principals problemes d'usabilitat que heu identificat després de fer el test amb els usuaris? Escenari 1 Estàs planificant una escapada familiar (2 adults, 3 nens) a Disneyland Paris. Tasca Hi ha alguna oferta de vol + entrada + estança?
Problema identificat Usuaris Els elements importants són massa petits i no es poden ampliar, ja que està fet en Flash de 1 dimensions no modificables.
Captures de pantalla Pantalla d’inici amb zoom 100%
Pantalla d’inici amb zoom 175%
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 2/15
Usabilitat
PAC 2: Informe final d’avaluació
Escenari 4 Ja has tornat del viatge i has de planificar el viatge de final de curs de la classe del teu fill. Són 25 alumnes a la seva classe. Tasca Hi ha alguna oferta de transport + estança per a 3 o 4 dies?
Problema identificat Usuaris La navegació és difícil d’entendre. S’utilitza una nomenclatura específica i l’usuari ha d’invertir temps en aprendre què significa 2 cada títol de menú abans de dur a terme cap tasca.
Captures de pantalla -
Escenari 3 Durant la recerca d’entrades a Disneyland Paris descobreixes que hi ha dos parcs d’atraccions. Tasca Què és més barat: entrada per a un parc o per a dos?
Problema identificat Usuaris En escollir els dia de la visita apareixen errors que l’usuari no entén i la pàgina es 1 bloqueja.
Captures de pantalla
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 3/15
Usabilitat
PAC 2: Informe final d’avaluació
Escenari 2 La família està al parc d’atraccions Disneyland Paris i vol realitzar una visita guiada a la ciutat en català o castellà. Tasca Dur a terme els passos necessaris per a comprar la visita guiada.
Problema identificat La música molesta i no es pot silenciar.
Usuaris 2
Captures de pantalla -
Escenari 4 Ja has tornat del viatge i has de planificar el viatge de final de curs de la classe del teu fill. Són 25 alumnes a la seva classe. Tasca Hi ha alguna oferta de transport + estança per a 3 o 4 dies?
Problema identificat Usuaris El procés a seguir per a trobar informació específica és massa laboriós i acaba amb un telèfon o 2 correu electrònic de contacte. L’usuari se sent frustrat després de tot l’esforç invertit.
Captures de pantalla
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 4/15
Usabilitat
PAC 2: Informe final d’avaluació
Escenari 1 Estàs planificant una escapada familiar (2 adults, 3 nens) a Disneyland Paris. Tasca Hi ha alguna oferta de vol + entrada + estança?
Problema identificat Usuaris Els usuaris no troben la oferta per als nens menors de 12 anys. Hi ha massa lletra petita i 2 l’explicació és molt complicada.
Captures de pantalla
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 5/15
Usabilitat
PAC 2: Informe final d’avaluació
Escenari 4 Ja has tornat del viatge i has de planificar el viatge de final de curs de la classe del teu fill. Són 25 alumnes a la seva classe. Tasca Hi ha alguna oferta de transport + estança per a 3 o 4 dies?
Problema identificat Usuaris A causa dels problemes de navegació, l’usuari creu que ha de registrar-se per a dur a 1 terme segons quines tasques, quan realment no és necessari.
Captures de pantalla -
Escenari 4 Ja has tornat del viatge i has de planificar el viatge de final de curs de la classe del teu fill. Són 25 alumnes a la seva classe. Tasca Hi ha alguna oferta de transport + estança per a 3 o 4 dies?
Problema identificat Usuaris Els usuaris no s’han sentit còmodes realitzant aquesta i altres tasques, ja que el temps per a 2 dur-les a terme són desproporcionats amb relació amb els resultats obtinguts.
Captures de pantalla -
Escenari 3 Durant la recerca d’entrades a Disneyland Paris descobreixes que hi ha dos parcs d’atraccions. Tasca Què és més barat: entrada per a un parc o per a dos?
Problema identificat Usuaris El formulari de cerca no capta l’atenció dels usuaris, perquè no disposa de la importància que hauria de tenir. Els usuaris només l’han 1 utilitzat quan els he donat pistes per a dur a terme algunes tasques.
Captures de pantalla -
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 6/15
Usabilitat
PAC 2: Informe final d’avaluació
Escenari 2 La família està al parc d’atraccions Disneyland Paris i vol realitzar una visita guiada a la ciutat en català o castellà. Tasca Dur a terme els passos necessaris per a comprar la visita guiada.
Problema identificat Usuaris La navegació és ambigua i els usuaris se senten part d’un bucle on un enllaç porta al mateix lloc on havien 2 començat i mai poden dur a terme la tasca.
Captures de pantalla París y alrededores: Información práctica
Información pràctica: París y versalles
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 7/15
Usabilitat
PAC 2: Informe final d’avaluació
Pregunta 2 Compareu els resultats de l'anàlisi heurístic amb els resultats del test. •
En quina mesura s'han evidenciat en els tests amb usuaris els problemes que vau detectar en l'heurístic? Tots els problemes detectats en el test amb usuaris es van descobrir en l’avaluació heurística, tot i que no ha succeït el mateix a l’inrevés, ja que els usuaris no van dur a terme una anàlisi tan extensa com la duta a terme per mi en l’heurístic. Per a ser exactes, els usuaris van disposar de 30 minuts cadascun per a dur a terme les tasques encomanades i cap d’ells havia entrat a la pàgina web prèviament. En el meu cas hi vaig dedicar vàries setmanes per a trobar els errors i preparar l’informe de la PAC.
•
Ha aparegut algun problema que no havíeu contemplat? Han sortit problemes totalment diferents? No hi ha hagut cap sorpresa durant el test amb usuaris, en gran mesura perquè estava preparat per a què aquests topessin amb una sèrie d’errors de gran magnitud, alhora que en patien altres de menys significatius. De totes formes, sí que he presenciat maneres diferents a l’hora de solucionar problemes o a l’hora de trobar solucions a les tasques proposades que no havia contemplat. És reconfortant veure que els usuaris són capaços de trobar resposta a les mateixes preguntes seguint camins diferents.
•
Revisaríeu la prioritat dels problemes que vau identificar en l'heurístic? Efectivament. L’anàlisi heurística estava basada en els principis proposats per Nielsen, sense tenir present els usuaris reals. Després de dur a terme el test amb usuaris estic satisfet d’haver comprovat que els problemes que vaig detectar fent l’heurístic són reals, però haig d’afegir que alguns no han esdevingut tan importants com el que vaig creure en un primer moment i, per això, en modificaria la seva prioritat.
•
En relació al Disseny Centrat en l'Usuari, quins aprenentatges us emporteu d'aquesta comparació? De la mateixa manera que succeeix a la naturalesa, una pàgina web està en constant canvi i evolució per a adaptar-se al seu entorn i donar servei i utilitat als seus usuaris. El procés del DCU és un clar exemple
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 8/15
Usabilitat
PAC 2: Informe final d’avaluació
d’aquesta metàfora, que parteix del punt en que s’identifica la necessitat de l’ús del disseny centrat en la persona i passa per totes les fases: o
Detecció del context.
o
Producció de les solucions de disseny.
o
Especificació dels requisits.
o
Avaluació dels dissenys.
En aquest cas, la comparació entre l’anàlisi heurística i el test amb usuaris ha demostrat que ambdues tècniques juntes han servit per a aportar coneixement de valor afegit per a millorar la pàgina web de Disneyland Paris que no hauria estat possible obtenir a través d’un d’ells només.
Pregunta 3 Informe de consolidació amb propostes de millora.
1 Problema d’usabilitat detectat El contingut està dissenyat per a ser visualitzat en un tipus de dispositiu molt específic: ordinadors d’escriptori o portàtils amb pantalles de grans dimensions, però poca resolució. Això resulta en que els elements importants són massa petits i no es poden ampliar, ja que està fet en Flash de dimensions no modificables. Gravetat •
Freqüència: alta.
•
Impacte: difícil de superar.
•
Persistència: reincident.
•
Gravetat: 4
Recomanacions per a millorar el problema • Aplicar un disseny adaptatiu que faci que la web s’adeqüi a l’amplada del dispositiu amb el que es visualitzi. • Adaptar el nou disseny a resolucions de pantalla d’alta densitat per evitar que el text i els formularis siguin massa petits.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 9/15
Usabilitat
PAC 2: Informe final d’avaluació 2
Problema d’usabilitat detectat La navegació és difícil d’entendre. S’utilitza una nomenclatura específica i l’usuari ha d’invertir temps en aprendre què significa cada títol de menú abans de dur a terme cap tasca. Això fa que la navegació sigui ambigua i els usuaris se sentin perduts a l’hora de navegar per la pàgina. Gravetat •
Freqüència: alta.
•
Impacte: difícil de superar.
•
Persistència: reincident.
•
Gravetat: 4
Recomanacions per a millorar el problema • Utilitzar una nomenclatura familiar per a l’usuari. Aquesta pot provenir de llocs web que l’usuari conegui o de llocs web d’altres parcs d’atraccions. • Oferir tutorials pas a pas per a què els usuaris entenguin el funcionament de la pàgina web.
3 Problema d’usabilitat detectat La música molesta i no es pot silenciar. Gravetat •
Freqüència: alta.
•
Impacte: difícil de superar.
•
Persistència: reincident.
•
Gravetat: 4
Recomanacions per a millorar el problema • Permetre a l’usuari escollir si vol reproduir la música o no. • Reduir l’ús dels efectes sonors. • Eliminar els efectes sonors per complet.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 10/15
Usabilitat
PAC 2: Informe final d’avaluació 4
Problema d’usabilitat detectat Els missatges d’error estan expressats de manera que l’usuari és responsable dels errors. Gravetat •
Freqüència: mitjana.
•
Impacte: difícil de superar.
•
Persistència: reincident.
•
Gravetat: 3
Recomanacions per a millorar el problema • Expressar els missatges d’error en un llenguatge comú i senzill, que indiqui amb precisió el problema i suggereixi les possibles alternatives o solucions. • Mai donar-li la culpa a l’usuari. • Utilitzar un lèxic apropiat a l’usuari.
5 Problema d’usabilitat detectat El procés de compra d’entrades i hotels no és reversible. Gravetat •
Freqüència: alta.
•
Impacte: fàcil de superar.
•
Persistència: reincident.
•
Gravetat: 3
Recomanacions per a millorar el problema • Afegir el botó “enrere” en els processos d’introducció de dades de més d’una pàgina. • Permetre la navegació lliure entre les diferents pàgines d’un procés afegint enllaços als títols de cada pàgina. • Simplificar els formularis. • Afegir informació d’ajuda cada cop que s’avança o retrocedeix en el procés de compra.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 11/15
Usabilitat
PAC 2: Informe final d’avaluació 6
Problema d’usabilitat detectat Hi ha multitud de pàgines web mal indexades. Per exemple, n’hi ha un grup que serveix per a mostrar informació i l’altra per a dur a terme el procés de compra d’entrades. Gravetat •
Freqüència: alta.
•
Impacte: fàcil de superar.
•
Persistència: reincident.
•
Gravetat: 3
Recomanacions per a millorar el problema • Incloure el procés de compra i la pàgina d’informació en un sol lloc web.
7 Problema d’usabilitat detectat Multitud de pàgines mostren informació irrellevant que l’usuari no ha demanat. Gravetat •
Freqüència: alta.
•
Impacte: fàcil de superar.
•
Persistència: reincident.
•
Gravetat: 3
Recomanacions per a millorar el problema • Eliminar la informació irrellevant. • Reubicar la informació irrellevant a zones de la pàgina que molesti menys. • Reescriure l’arquitectura de la informació per a mostrar aquest tipus d’informació en pàgines on sigui realment necessària.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 12/15
Usabilitat
PAC 2: Informe final d’avaluació 8
Problema d’usabilitat detectat La pàgina d’ajuda és difícil de localitzar i utilitzar. Gravetat •
Freqüència: alta.
•
Impacte: difícil de superar.
•
Persistència: reincident.
•
Gravetat: 2
Recomanacions per a millorar el problema • Afegir un botó d’ajuda a la part superior de la pàgina. • Afegir un buscador dins l’ajuda. • Escriure la nova pàgina d’ajuda en HTML per a 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 l’ajuda i comentar el nivell de satisfacció de l’ajuda obtinguda.
9 Problema d’usabilitat detectat Moltes accions dutes a terme per l’usuari no l’informen de si han estat portades a terme correctament o no. Gravetat •
Freqüència: mitjana.
•
Impacte: fàcil de superar.
•
Persistència: reincident.
•
Gravetat: 2
Recomanacions per a millorar el problema • Informar a l’usuari de cada acció important que porta a terme.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 13/15
Usabilitat
PAC 2: Informe final d’avaluació 10
Problema d’usabilitat detectat El formulari de cerca no capta l’atenció dels usuaris, perquè no disposa de la importància que hauria de tenir. Gravetat •
Freqüència: alta.
•
Impacte: difícil de superar.
•
Persistència: reincident.
•
Gravetat: 2
Recomanacions per a millorar el problema • Dotar al buscador d’un estil propi. • Permetre ordenar els continguts obtinguts segons diferents paràmetres: el més nou/antic, per data, per rellevància, etc.
Els problemes més importants de la web de Disneyland Paris fan referència a les àrees de: 1. Disseny 2. Navegació 3. Música / efectes sonors Considero que el disseny d’una pàgina web reflexa l’esperit i identitat de la marca que representa, així que una web amb un disseny tan antiquat com el que trobem a Disneyland Paris no aconsegueix transmetre el que el parc d’atraccions és i pot oferir al seu públic. La navegació és una extensió del disseny que, a part de ser atractiva i útil, ha de permetre a l’usuari desplaçar-se per l’interior de l’empresa i aconseguir tot el tipus d’informació que necessiti. Una navegació opaca com la de la web analitzada fa que l’usuari no se senti còmode i perdi l’interès per a trobar el que està buscant. La música forma part de l’anomenat contingut multimèdia, que se sol pensar que només inclou imatges estàtiques i en moviment. És un element molt potent que permet generar interès i compromís cap a un lloc web sempre i quan s’utilitzi de manera cautelosa i sempre permetent l’usuari la seva desactivació. El lloc de Disneyland París, ha posat massa èmfasi en dotar la seva web d’uns efectes sonors que després d’haver estat reproduïts 3 o 4 cops pels seus usuaris acaba convertint-se en un detonant per a abandonar la web ràpidament.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 14/15
Usabilitat
PAC 2: Informe final d’avaluació
Bibliografia i altres recursos Calvo-Fernández Rodríguez, Amaia. Ortega Santamaría, Sergio. Valls Saez, Alicia. Zapata Lluch, Mònica. (2011). Avaluació de la usabilitat. FUOC. Gil Rodríguez, Eva Patricia. De Lera Tatjer, Eva. Monjo Palau, Antònia. Usuaris i sistemes interactius. FUOC. Morville, Peter i Rosenfeld, Louis. Arquitectura de la informació per al World Wide Web. Barcelona: FUOC, 2012.
Llonch Esteve, Jordi. PAC 1: Conceptes bàsics del DCU i usabiliat. http://elmeuordinador.blogspot.com/2013/11/usabilitat-pac-1-conceptesbasics-del.html [data de consulta: desembre 2013] Llonch
Esteve,
Jordi.
Pràctica
1:
Disseny
d’un
test
d’usabiliat.
http://elmeuordinador.blogspot.com/2013/12/usabilitat-practica-1-dissenydun-test.html [data de consulta: desembre 2013] Llonch
Esteve,
Jordi.
Pràctica
2:
Realització
avaluació
heurística.
http://elmeuordinador.blogspot.com/2013/12/usabilitat-practica-2realitzacio.html [data de consulta: desembre 2013] Llonch Esteve, Jordi. Pràctica 3: Realització d’un test d’usabiliat.
El logotip de la UOC és propietat de la Universitat Oberta de Catalunya i la resta d’imatges són captures de pantalla de creació pròpia i s’acullen a la mateixa llicència que aquest document.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 15/15