Avaluació heurística

Usabilitat
Pràctica 2:
Avaluació heurística
Grau Multimèdia
Curs 2013/14, Semestre 1
Autor
Jordi Zango Novell
Data de lliurament
18/11/2013

Índex
1. Introducció........................................................................................................3
2. L'avaluació heurística.......................................................................................4
3. Checklist per a l'avaluació heurística................................................................6
4. Problemes detectats.......................................................................................16
5. Conclusió........................................................................................................39
6. Fonts i recursos..............................................................................................40
7. Llicència..........................................................................................................41
Usabilitat
Pràctica 2 - Avaluació heurística
2 Jordi Zango Novell
CC BY-NC-SA 3.0 Unported

1. Introducció
1. Introducció
L'objectiu principal d'aquesta pràctica és conèixer l'avaluació heurística,
una de les tècniques més emprades d'avaluació de la usabilitat sense
usuaris.
Continuant amb el cas de la pràctica anterior, es realitzarà una
avaluació heurística de la pàgina web d'Eurodisney, que es troba a
http://www.disneylandparis.es/index.xhtml.
L'avaluació es farà seguint els 10 principis heurístics de Jakob Nielsen i
en l'enunciat es proporciona l'adreça d'un checklist que pot servir com a
punt de partida i es troba a
http://www.stcsig.org/usability/topics/articles/he-checklist.html.
Per tal d'acotar l'exercici, es proposa només tenir en compte els 10
primers punts de cadascun dels principis.
Usabilitat

2. L'avaluació heurística
Hi ha diferents apropaments a aquest mètode i són varis els autors que
han fet la seva aportació. Per exemple Ben Schneiderman i les seves
vuit regles d'or, els principis de Larry Constantine, els de Keith Instone
adaptats específcament per al Web, els orientats especialment al
disseny centrat en l'usuari de Deborah Mayhew, o els específcs per al
disseny d'interacció de Bruce Tognazzini.
Però, sens dubte, el que ha estat considerat l'autor més important en
relació a l'avaluació heurística és en Jakob Nielsen que l'any 1990
(juntament amb Molich) va desenvolupar aquest mètode i
posteriorment (l'any 1994) va establir els seus coneguts deu principis
heurístics, que són aquests:
• Visibilitat de l'estat del sistema: l'usuari sempre ha d'estar
informat del que ocorre i se li ha de donar un resposta en un
temps raonable.
• Adequació entre el sistema i el món real: s'ha d'emprar el
llenguatge de l'usuari, amb termes que li resultin familiars, i la
informació s'ha de mostrar de forma lògica, ordenada i natural.
• Llibertat i control per part de l'usuari: si l'usuari tria qualsevol
opció de forma errònia, ha de disposar d'alguna mena de
mecanisme que li permeti fer-se enrere sense haver de mantenir
cap diàleg llarg amb el lloc o aplicació. De la mateixa manera, si
ja ha executat l'opció triada, ha de disposar d'algun mecanisme
que li permeti desfer l'acció.
• Consistència i estàndards: s'han de seguir una sèrie de
convencions, perquè els usuaris no tenen per què saber que
diferents paraules, situacions o accions signifquen el mateix.
• Prevenció d'errors: el disseny ha de preveure l'existència
d'errors i, a més, els missatges d'error han d'incloure una
confrmació abans d'executar les accions correctives.
• Reconeixement abans que record: les instruccions d'ús han de
Usabilitat

ser visibles i s'han de localitzar amb facilitat. Els diferents
elements de la interfície han de ser visibles i mantenir una
distribució coherent entre les diferents seccions o parts del lloc
web o aplicació.
• Flexibilitat i efciència d'ús: s'ha de pensar tant en usuaris
novells com en avançats. Per això, l'existència de dreceres poden
facilitar la interacció per a usuaris experts. Tanmateix, se'ls hi ha
de permetre confgurar les accions més freqüents.
• Disseny estètic i minimalista: no s'ha demostrar informació
irrellevant o innecessària, perquè això distreu del que és més
important i disminueix la visibilitat.
• Ajuda als usuaris a reconèixer i diagnosticar els errors i
recuperar-se'n: els missatges d'error han de ser planers i
entenedors i han d'indicar de manera precisa el problema, oferint
possibles alternatives o alguna solució.
• Ajuda i documentació: és preferible que el lloc web o l'aplicació
es puguin usar sense cap tipus de documentació però, en cas de
ser necessària, aquesta s'ha de poder localitzar fàcilment,
especifcant la informació que calgui i sense ser massa extensa.

Usabilitat

3. Checklist per a l'avaluació heurística
1 Visibilitat de l'estat del sistema
El sistema ha d'informar a l'usuari en tot moment d'on es troba i proporcionar-li una resposta
en un temps raonable.
1.1 Cadascuna de les parts de la interfcie comença
amb un ttol o encapçalament que descriu el
contngut de la pantalla?
SÍ
1.2 L'esquema de disseny de les icones i la seva
estètca és consistent en tot el sistema?
SÍ Tenen un “aire”
Disney
1.3 Quan es tria una icona en partcular, rodejada
d'altres icones, es distngeix clarament la icona
que ha estat seleccionada?
SÍ S'actven efectes
gràfcs
1.4 Els menús d'instruccions, punts d'entrada de
dades i missatges d'error, apareixen en el
mateix lloc o llocs o en cada menú?
SÍ
1.5 En les pantalles múltples per a entrada de
dades, cada pàgina està etquetada per a
mostrar la seva relació amb les altres?
SÍ
1.6 Si el sistema proporciona modes de
sobreescriptura i d'inserció, hi ha informació
visible de quin dels dos mètodes està actu?
NP En una pàgina
web no és
habitual
1.7 Si s'utlitzen fnestres emergents o pop-ups per
a mostrar missatges d'error, permeten
aquestes fnestres que l'usuari visualitzi l'error
en la interfcie quan es despleguen?
SÍ
1.8 Rep l'usuari cap tpus de retroalimentació per a
cada operació o acció?
SÍ
1.9 Quan l'usuari completa una acció o un grup
d'accions, rep informació respecte a que el
proper grup d'accions pot iniciar-se?
SÍ Apareix la
pantalla següent
del procés
1.10 Hi ha en els menús o les caixes de diàleg algun
tpus d'informació respecte a quines opcions
són seleccionables?
SÍ
Usabilitat

2 Adequació entre el sistema i el món real
S'ha d'emprar el llenguatge de l'usuari, amb termes que li resultn familiars, i la informació s'ha
de mostrar de forma lògica, ordenada i natural.
2.1 Les icones són concretes i familiars per a
l'usuari?
SÍ Especialment si
coneixen Disney
2.2 Estan les opcions de menú ordenades de la
manera més lògica, en funció de l'usuari, els
noms de les opcions i les variables de la tasca?
SÍ Estan agrupades
de forma
temàtca
2.3 Si hi ha una seqüència natural per a les opcions
dels menús, s'ha emprat?
NP
2.4 Els camps relacionats i interdependents,
apareixen a la mateixa pantalla?
SÍ
2.5 Si s'utlitzen les formes dels objectes en la
interfcie com a pistes visuals, concorden amb
les convencions culturals dels usuaris?
SÍ
2.6 Es corresponen els colors triats amb el que
s'espera respecta del codi de colors dels
usuaris?
NO S'ha donat
preferència als
colors Disney
2.7 Quan es requereix una acció per part de
l'usuari, les paraules que apareixen en el
missatge són consistents amb l'acció?
SÍ
2.8 Les referències a tecles quan es sol·licita una
entrada, es corresponen amb els noms actuals
de les tecles?
NP
2.9 En les entrades de dates per pantalla, les
tasques són descrites amb una terminologia
familiar als usuaris?
SÍ
2.10 En les entrades per pantalla, els requeriments
d'entrada es donen, a nivell de camp, per a
cadascun dels camps?
SÍ
Usabilitat

3 Llibertat i control per part de l'usuari
Si l'usuari tria qualsevol opció de forma errònia, ha de disposar d'alguna mena de mecanisme
que li permet fer-se enrere sense haver de mantenir cap diàleg llarg amb el lloc o aplicació. De
la mateixa manera, si ja ha executat l'opció triada, ha de disposar d'algun mecanisme que li
permet desfer l'acció.
3.1 Si les pantalles de confguració són una tasca
que es fa amb poca freqüència, és
especialment fàcil de recordar?
NP
3.2 En els sistemes en què es permet el
solapament de fnestres, resulta fàcil pels
usuaris reposicionar les fnestres a la pantalla?
SÍ Tal i com es fa
amb el navegador
3.3 En els sistemes en què es permet el
solapament de fnestres, resulta fàcil pels
usuaris canviar d'una fnestra a una altra?
SÍ Tal i com es fa
amb el navegador
3.4 Quan es fnalitza una tasca de l'usuari, el
sistema espera alguna senyal de l'usuari per a
processar-la?
NP
3.5 Poden els usuaris teclejar les opcions en un
sistema amb molts menús niuats?
NO
3.6 Es pregunta a l'usuari que confrmi accions que
poden tenir conseqüències dràstques,
negatves o destructves.
SÍ
3.7 Hi ha una funció per a “desfer” a nivell de cada
acció simple, cada entrada de dades i cada
grup d'accions completades?
SÍ
3.8 Els usuaris poden cancel·lar accions en
progrés?
NP
3.9 Es permet editar els caràcters en els
comandaments?
NO
3.10 Poden els usuaris reduir el temps d'entrada
copiant i modifcant dades ja existents?
NO
Usabilitat

4 Consistència i estàndards
S'han de seguir una sèrie de convencions, perquè els usuaris no tenen per què saber que
diferents paraules, situacions o accions signifquen el mateix.
4.1 S'han respectat els formats estàndard de
l'organització o empresa a totes les pantalles
del sistema?
SÍ
4.2 S'ha evitat l'ús intensiu de majúscules a la
pantalla?
SÍ
4.3 No inclouen punt les abreviacions? NP
4.4 Estan els nombres enters justfcats a la dreta i
els reals alineats pel punt decimal?
SÍ
4.5 Tenen etqueta les icones? SÍ
4.6 No hi ha més de 12 o 20 tpus d'icones? NO
4.7 Hi ha cap element visual que identfqui la
fnestra actva?
SÍ Com passa en el
navegador
4.8 Té cada fnestra un ttol? SÍ Un ttol de secció
4.9 Es poden emprar les barres de desplaçament
vertcal i horitzontal a cada fnestra?
SÍ Les de navegador
4.10 Es correspon l'estructura del menú amb
l'estructura de les tasques?
SÍ
Usabilitat

5 Ajuda als usuaris per a reconèixer, diagnostcar i
recuperar-se dels errors
Els missatges d'error han de ser planers i entenedors i han d'indicar de manera precisa el
problema, oferint possibles alternatves o alguna solució.
5.1 S'utlitza el so per a assenyalar un error? NO
5.2 Els missatges i requeriments s'han fet de
manera constructva, sense fer crítques
manifestes o implícites a l'usuari?
SÍ
5.3 Les sol·licituds d'entrada impliquen el control
de l'usuari?
SÍ
5.4 Les sol·licituds d'entrada són breus i sense
ambigüitats?
NO Són massa
llargues
5.5 Els missatges d'error s'expressen de tal manera
que és el sistema i no l'usuari qui es fa
responsable dels errors?
SÍ
5.6 Si es fa servir l'humor en els missatges, són
aquests apropiats i respectuosos amb tot tpus
d'usuaris?
SÍ
5.7 Són gramatcalment correctes els missatges
d'error?
SÍ
5.8 Eviten els missatges d'error l'ús de signes
d'admiració?
SÍ
5.9 Eviten els missatges d'error l'ús de paraules
violentes o hostls?
SÍ
5.10 Eviten els missatges d'error el to
antropomòrfc?
SÍ
Usabilitat

6 Prevenció d'errors
El disseny ha de preveure l'existència d'errors i, a més, els missatges d'error han d'incloure una
confrmació abans d'executar les accions correctves.
6.1 Si la base de dades inclou grups de dades,
poden els usuaris entrar més d'un grup en una
sola pantalla?
NP
6.2 S'utlitzen punts o subratllats baixos per a
indicar la longitud del camp?
NO
6.3 Es fa servir el nom d'una opció en un menú de
nivell alt com a ttol del menú de nivell baix?
SÍ Es mostra l'opció
de la que es ve
6.4 Les possibles opcions d'un menú són lògiques,
distntes i mútuament exclusives?
NO Es repeteixen
algunes opcions
6.5 Són les entrades de dades no sensibles a les
majúscules sempre que sigui possible?
SÍ
6.6 Si el sistema mostra diferents fnestres, és la
navegació entre les fnestres simple i visible?
SÍ Pròpia del
navegador
6.7 Estan les tecles de funció que poden causar
serioses conseqüències ubicades en posicions
del teclat de difcil accés?
NP
6.8 Estan les tecles de funció que poden causar
serioses conseqüències situades en posicions
allunyades d'aquelles que el seu ús no té
conseqüències importants?
NP
6.9 S'ha minimitzat l'ús de les tecles qualifcadores
(les que modifquen l'ús d'altres tecles)?
NP
6.10 Si el sistema fa servir tecles qualifcadores, és
aquest ús consistent en tot el sistema?
NP
Usabilitat

7 Reconeixement abans que record
Les instruccions d'ús han de ser visibles i s'han de localitzar amb facilitat. Els diferents elements
de la interfcie han de ser visibles i mantenir una distribució coherent entre les diferents
seccions o parts del lloc web o aplicació.
7.1 En les interfcies per a preguntes i respostes, hi
ha pistes visuals i espais en blanc per a distngir
preguntes, sol·licituds d'entrada, instruccions i
espais per a entrada de dades?
SÍ
7.2 Comencen a mostrar-se les dades en la
cantonada superior esquerra de la pantalla?
SÍ
7.3 Les etquetes de camp de més d'una paraula,
estan situades horitzontalment (no apilonades
en vertcal)?
NO S'apilonen en
alguns llocs
7.4 En cada pas d'una transacció es mostren totes
les dades que necessita l'usuari?
SÍ
7.5 Estan les sol·licituds d'entrada, pistes i
missatges situats en el punt de la pantalla on
es més probable que miri l'usuari?
SÍ
7.6 Estan les sol·licituds d'entrada formatades
emprant espais en blanc, justfcació i pistes
visuals per a un fàcil reconeixement ocular?
NO Manca un millor
ús de l'espai
7.7 Tenen les àrees de text prou “aire” al seu
voltant?
NO A vegades, es
troben rodejades
7.8 Hi ha prou diferència a nivell visual entre els
menús on es pot seleccionar només una opció i
els menús per a triar-ne vàries?
SÍ Es fan servir
checkboxes
7.9 S'ha preservat les relacions d'espai entre les
tecles de funció defnides per programari i les
tecles de funció del teclat?
NP
7.10 El sistema mostra en tons grisos o amaga les
etquetes de les tecles de funció defnides per
programari i que es troben inactves?
NP
Usabilitat

8 Flexibilitat i efciència en l'ús
S'ha de pensar tant en usuaris novells com en avançats. Per això, l'existència de dreceres poden
facilitar la interacció per a usuaris experts. Tanmateix, se'ls hi ha de permetre confgurar les
accions més freqüents.
8.1 Si el sistema suporta tant usuaris novells com
experts, estan disponibles missatges d'error
amb diferent nivell de detall?
NP
8.2 Permet el sistema als usuaris novells l'ús d'una
gramàtca de paraules clau i als experts una
gramàtca posicional?
NP
8.3 Poden els usuaris defnir els seus propis
sinònims per als comandaments?
NP
8.4 Permet el sistema als usuaris novells l'ús
d'entrades simples, les més comunes per a
cada comandament, i permet als usuaris
experts afegir més paràmetres?
NP
8.5 Poden els usuaris experts entrar comandes
múltples en una sola línia de comandament?
NP
8.6 Proporciona el sistema tecles de funció per als
comandaments més emprats?
NP
8.7 Per les pantalles d'entrada amb molts camps
de dades o en aquelles en què els documents
d'origen són incomplets, poden els usuaris
salvar de forma parcial el que ja hagin
introduït?
NO Es pot cancel·lar
un procés, però
no salvar-lo
parcialment
8.8 Introdueix el sistema de forma automàtca
zeros per a l'alineació?
SÍ Com a mínim el
zero inicial
8.9 Si les llistes de menú són curtes (7 opcions o
menys), poden els usuaris escollir una opció
movent el cursor?
SÍ Es mostra la opció
vigent amb fons
ressaltat
8.10 Si el sistema utlitza l'estratègia de teclejar per
avançat (type-ahead), tenen les opcions del
menú codis mnemotècnics associats?
NP
Usabilitat

9 Disseny estètc i minimalista
No s'ha demostrar informació irrellevant o innecessària, perquè això distreu del que és més
important i disminueix la visibilitat.
9.1 Es mostra en pantalla només la informació que
és essencial per a prendre una decisió?
NO Falta simplifcar
una mica
9.2 Són totes les icones d'un grup visual i
conceptualment diferents?
SÍ
9.3 Els objectes grans, les línies ressaltades i les
àrees simples, es distngeixen de les icones?
SÍ
9.4 Està cada icona ressaltada respecte al seu
fons?
SÍ
9.5 Si el sistema fa servir una interfcie gràfca
estàndard on la seqüència de menús ja ha
estat especifcada, estan els menús dissenyats
respectant aquesta especifcació sempre que
és possible?
SÍ
9.6 Estan els diferents grups d'items amb signifcat
propi separats entre ells per espai en blanc?
SÍ
9.7 Té cada pantalla d'entrada de dades un ttol
simple, curt, clar i prou descriptu?
SÍ
9.8 Les etquetes per als camps són breus, resulten
familiars i descriptves?
NO Son descriptves
però no breus
9.9 Les sol·licituds d'entrada s'expressen en un to
positu i que convida a l'acció?
SÏ
9.10 Està cada opció d'un menú de baix nivell
associada a un únic menú de nivell més alt?
NO A algunes s'hi pot
accedir de més
d'una manera
Usabilitat

10 Ajuda i documentació
És preferible que el lloc web o l'aplicació es puguin usar sense cap tpus de documentació però,
en cas de ser necessària, aquesta s'ha de poder localitzar fàcilment, especifcant la informació
que calgui i sense ser massa extensa.
10.1 Si els usuaris treballen des d'una còpia
guardada en suport fsic, estan marcades les
parts en què s'hi està treballant en línia?
NP
10.2 Són visualment diferents les instruccions en
línia?
NP
10.3 Les instruccions segueixen la seqüència
d'accions de l'usuari?
SÍ
10.4 Si hi ha ambigüitat a les opcions del menú, el
sistema proporciona informació i explicacions
addicionals quan es selecciona una d'aquestes
opcions?
SÍ
10.5 Estan incloses les pantalles d'entrada de dades
i les caixes de diàleg en les instruccions de
navegació i entrada?
NP
10.6 Si hi ha ambigüitat en alguns elements del
menú, el sistema proporciona informació i
explicacions addicionals quan es selecciona un
d'aquests elements?
SÍ
10.7 Hi ha ajudes de memorització per als
comandaments, com referència ràpida en línia
o sol·licitud de dades?
NP
10.8 Està visible la funció d'ajuda? Per exemple,
amb una tecla anomenada AJUDA o un menú
especial?
NO
10.9 La interfcie del sistema d'ajuda (navegació,
presentació i conversació) es consistent amb la
interfcie de navegació, presentació i conversa
de l'aplicació que suporta?
NP
10.10 Navegació: és fàcil de trobar la informació? SÍ
Usabilitat

4. Problemes detectats
Problema detectat
Es produeix un error en un dels procediments de compra però no
s'indica abans a l'usuari quines són les condicions necessàries per a
que l'error no es doni.
Principi heurístic que incompleix
Ajuda als usuaris a reconèixer i diagnosticar els errors i recuperar-
se'n.
Exemple de detecció del problema
En intentar comprar una entrada amb criteris personalitzats, no
s'especifquen les condicions mínimes indispensables per a poder
realitzar el procés de compra i, segons com, apareix un missatge
d'error però no dóna informació per a solucionar-ho i ofereix un
número de codi que no té signifcat per a l'usuari.
(https://www.booktickets.disneylandparis.com/tnsa6/live/shop/4/M
AINESCD/pluto/product_list.php?
afd=SECUTIXtduid=32454335543R)
Recomanacions
Si és difícil donar totes les indicacions necessàries abans de que
l'usuari introdueixi les dades, almenys se li ha de donar informació
específca del motiu de l'error i no mostrar-li cap codi.
Exemple de bones pràctiques
Encara que la pàgina de Port Aventura deixa molt que desitjar en
molts aspectes, quan es vol fer una reserva i es dóna alguna
Usabilitat

entrada incorrecta o no es dóna una entrada requerida, s'indica a
l'usuari l'error específc per a que sàpiga com solucionar-lo.
(https://www.portaventura.es/reservar/reservar-hoteles?
origen=ACEyy=2013mm=11dd=30nights_1=1rooms=1ad
ults=2children=0bookingwindow=12)
Qualifcació del problema (grau de severitat)
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Alguns dels objectes de la interfície oculten a d'altres.
Disseny estètic i minimalista.
Hi ha algunes pàgines on algunes de les opcions del submenú
queden en part ocultes per la imatge de capçalera.
(http://parques.disneylandparis.es/disneyland-park/index.xhtml)
Recomanacions
A l'hora de dissenyar la interfície s'ha de tenir en compte que cap
dels elements oculti algun altre.
Només cal que es faci com en altres seccions de la pròpia web, en
què cap objecte oculta d'altres.
(http://disney-village.disneylandparis.es/index.xhtml)
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Traducció incorrecta en algunes parts de la web.
Adequació entre el sistema i el món real.
Consistència i estàndards.
Tal i com es pot veure a la part esquerra superior de la imatge s'ha
escrit correctament “cabalgatas y espectáculos”, mentre que a la
part inferior dreta, al fl d'Ariadna, apareixen les mateixes paraules
però en anglès “shows and parades”.
(http://parques.disneylandparis.es/disneyland-park/cabalgatas-y-
espectaculos/index.xhtml)
Recomanacions
Tal i com es fa en altres parts de la pròpia web, cal tenir cura i
completar correctament la traducció de tots els textos.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Les etiquetes d'alguns camps de dades apareixen apilonades i de
forma poc clara.
En el formulari d'entrada de dades per efectuar el pagament, les
etiquetes d'alguns dels camps apareixen totes apilonades en
vertical, sense guardar prou espai de manera poc entenedora.
(https://book.disneylandparis.com/ConfrmationState.aspx)
Recomanacions
Les etiquetes han d'acompanyar de forma entenedora als camps als
que corresponen, evitant els apilonaments verticals i guardant prou
espai per a evitar confusions.
El formulari d'entrada de dades per a efectuar el pagament es pot
veure de manera molt més clara per exemple en la pàgina web del
Parc Warner a Madrid. Els controls són més grans, la font tipogràfca
també i es fa un millor ús de l'espai per a separar els diferents
camps.
(http://parquewarner.com/)
Usabilitat

4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Falta de consistència a l'hora de presentar algunes opcions.
Quan es segueix el procediment de reserva, a la part inferior de
cadascuna de les pàgines del formulari s'ofereix l'opció de seguir
endavant o també la de sortir o triar una opció diferent. L'aspecte i
presentació de les dues opcions és diferent quan, en realitat, tenen
una importància semblant.
(https://book.disneylandparis.com/AddOnPageState.aspx)
Recomanacions
Quan s'agrupen opcions d'importància similar i que afecten a un
mateix procediment, cal que l'aspecte visual i comportament de
totes elles sigui similar a l'hora d'oferir-les a l'usuari o, almenys, que
estiguin agrupades en el mateix lloc.
A la pàgina del Parc d'Orlando a Florida, empresa de la mateixa
flial, es pot observar com el plantejament d'aquestes opcions també
en un procediment de reserva resulten molt més clares i
entenedores i estan millor agrupades, tal i com es pot veure en la
imatge següent.
(https://disneyworld.disney.go.com/checkout/guests/)
Usabilitat

4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
No s'adverteix a l'usuari quan s'obre una fnestra d'un altre lloc que
no és la web visitada.
Llibertat i control per part de l'usuari.
Quan es vol fer la reserva, l'usuari és dirigit a la central de reserves
de la companyia.
Recomanacions
Encara que la pàgina web a la que es redirigit l'usuari pertany a la
mateixa companyia, convindria advertir-lo d'aquest fet i,
especialment, fer-li saber que la pàgina a la que s'accedirà funciona
amb protocol de seguretat SSL.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Hi ha algunes faltes d'ortografa.
Adequació entre el sistema i el món real.
En la captura pot observar-se com “aventura” (que és un títol) no
comença amb majúscula o com s'ha escrit “quires” en lloc de
“quieres”.
(http://parques.disneylandparis.es/disneyland-
park/lands/index.xhtml)
Recomanacions
Són faltes de ortografa que no afecten a la comprensió del text
però que han de ser corregides.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
L'usuari està obligat a fer servir com a única opció d'entrada els
controls d'entrada automatitzada.
Flexibilitat i efciència en l'ús.
S'obliga a l'usuari a fer servir el calendari per a introduir una data,
sense donar-li opció d'escriure-la directament, editant el camp.
Recomanacions
S'ha de permetre que l'usuari pugui entrar la data de forma manual
perquè això pot accelerar el procés.
A la pàgina del Parc Legoland de Califòrnia es pot veure com, en
aquells camps que requereixen l'entrada d'una data, es pot triar
entrar-la de forma manual o automàtica, fent que el procés pugui
ser més ràpid.
(http://california.legoland.com/LEGOLAND-Hotel/)
Usabilitat

4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
El botó de cerca no dóna cap altra pista visual de que és clicable que
no sigui la seva forma i color.
Visibilitat de l'estat del sistema.
Recomanacions
Convindria que es donés alguna pista visual més, com per exemple
que el ratolí canviés de forma al passar per damunt del botó, tal i
com es fa amb altres elements de la interfície.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Algunes de les imatges es poden clicar i porten a una ampliació de
la imatge o a una altra part de la web, però hi ha altres imatges que
no es poden clicar i no es fa cap diferència entre un i altre tipus a
nivell visual si no és que es passa el ratolí per damunt.
A la pàgina “Encuentro con los Personajes Disney”, les imatges que
acompanyen les subseccions no són clicables però tenen el mateix
aspecte que altres de la mateixa web que sí que ho són.
(http://entretenimiento.disneylandparis.es/encuentro-con-los-
personajes-disney/index.xhtml? )
Recomanacions
S'hauria de donar alguna pista visual més que no sigui només el
canvi de forma del ratolí per a indicar que es pot clicar una imatge.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Presentació poc clara d'una funcionalitat. En algunes de les
subseccions s'ofereix una presentació de imatges però de manera
poc entenedora.
(http://parques.disneylandparis.es/disneyland-park/lands/main-
street-usa/atracciones/disneyland-railroad.xhtml)
Es mostra una foto de la presentació i, al costat, una icona d'una
càmera de fotos i un text de mida més gran i ressaltat que donen la
impressió que es poden clicar i resulten confosos.
Recomanacions
Es podria mostrar el text com a títol en lloc d'aquesta forma en què
es confon amb una opció. El botó per activar la presentació potser
hauria de ser més gran i destacar una mica més.
A la pàgina web de Legoland Califòrnia, totes les icones tenen una
funció, ja sigui com a via d'accés a una opció o com a ajuda en
forma de llegenda explicativa, de forma clara i entenedora inclús per
a nens que, ben segur, formen part del seu públic.
(http://california.legoland.com/en/explore/)
Usabilitat

4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
No es fa un descripció exacte del que trobarà l'usuari quan triï una
opció.
Quan es desplega el menú “Disney village” apareix una opció
anomenada “últimas novedades” que porta a una subpàgina on tot
el que hi apareix està en anglès (vídeos i text).
(http://disney-village.disneylandparis.es/ultimas-
novedades/index.xhtml)
Recomanacions
L'usuari hauria de ser informat de que els continguts als que
accedirà estan en un idioma diferent al que ha triat per a navegar.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Menú incomplet.
Hi ha algun menú o espai reservat per a opcions que apareix buit en
la seva major part, com per exemple a la part inferior de la pàgina
de “Disney village”.
(http://disney-village.disneylandparis.es/index.xhtml)
Recomanacions
S'han de presentar en pantalla aquells elements o controls que
siguin realment d'utilitat i retirar-ne la resta.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Hi ha una falta de simplifcació dels criteris de disseny gràfc.
En la pàgina d'ofertes apareixen massa mides de fonts diferents i, a
més, no es fa prou diferència del tipus de controls de la interfície, ja
que apareixen parts de text que són enllaços i altres que no però no
hi ha una diferència evident entre ells. La pantalla es veu massa
carregada i no molt ben estructurada.
(http://ofertas.disneylandparis.es/index.xhtml)
Recomanacions
S'hauria de simplifcar la interfície per a que sigui més entenedora i
diferenciar millor els tipus d'objectes que la composen.
Una vegada més, la pàgina web “agermanada” del parc Disney a
Orlando té millor disseny que la d'Eurodisney.
En general, el disseny és més minimalista i no tan sobrecarregat,
fent que tot el que hi apareix es vegi amb més claredat.
(https://disneyworld.disney.go.com/)
Usabilitat

4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Falta de consistència al representar el mateix tipus d'element en la
interfície.
En la mateixa secció es representen enllaços amb el mateix nivell
d'importància però alguns d'ells apareixen en negreta i altres no.
(http://visitar.disneylandparis.es/visitantes-discapacitados/disabled-
visitors-getting-around.xhtml)
Recomanacions
Els elements de la interfície semblants i de la mateixa importància
han de tenir un aspecte visual semblant i comportar-se de manera
també semblant.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
Funcionament incorrecte d'algunes de les opcions multimèdia.
Si es desactiva el so amb el petit botó que apareix a la pàgina
principal llavors la resta de vídeos no sonen. Però si es torna a
activar el so des de la pàgina principal, el so segueix sense
aparèixer.
(http://guia.disneylandparis.es/diversion-para-los-mas-
pequenos/index.xhtml)
Recomanacions
S'hauria de revisar aquesta funcionalitat i, a més, el botó per a
activar/desactivar el so hauria de ser més gran i estar present a
totes les pàgines de web on hi hagi contingut sonor.
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat
Usabilitat

Problema detectat
La funcionalitat de la cerca és excessivament bàsica.
Flexibilitat i efciència en l'ús.
Quan es vol fer una cerca, aquesta es fa amb la tecnologia de
Google i no s'ofereix cap opció de refnament.
(http://busqueda.disneylandparis.es/index.xhtml)
Recomanacions
S'hauria d'oferir alguna mena de possibilitat de fltratge o
refnament de la cerca.
La pàgina web de Disney a Orlando permet fltrar la cerca per
categories. (https://disneyworld.disney.go.com/search/?
searchQuery=themeautoSuggestedQuery=)
4 3 2 1 0
Catàstrofe
Imprescindible
solucionar-lo
Greu
Problema d'alta
prioritat
Menor
Problema de
baixa prioritat
No important
A solucionar quan
hi hagi temps
No és
problema
d'usabilitat

Usabilitat

5. Conclusió
5. Conclusió
La correspondència entre els errors detectats i el checklist pot semblar
incongruent en alguns punts, però això es deu a que només s'han
agafat els primers 10 subprincipis de cada principi d'usabilitat.
En general, la pàgina web analitzada té pocs problemes realment greus.
El que es repeteix amb més freqüència és la falta de consistència
d'alguns elements de la interfície i, especialment, l'incompliment d'un
disseny estètic i minimalista.
Caldria doncs, corregir els errors detectats i fer un esforç per alleugerar
una mica el contingut i fer-la una mica més entenedora, que no es vegi
tant carregada d'informació com es veu en algunes seccions.
Usabilitat

6. Fonts i recursos
6. Fonts i recursos
Afra, P; Lorés, J; González, MP. Evaluación heurística. [en línia].
http://www.aipo.es/libro/pdf/15-evaluacion-heuristica.pdf [data de
consulta: 15/11/2013]
Disneyland París. [en línia].
http://www.disneylandparis.es/index.xhtml [data de consulta:
12/11/2013]
Legoland California Resort. [en línia]. http://california.legoland.com/
[data de consulta: 12/11/2013]
Parque Warner Madrid. [en línia]. http://parquewarner.com/ [data de
consulta: 12/11/2013]
Pierotti, Deniese. Heuristic Evaluation – A System Checklist. [en línia].
http://www.stcsig.org/usability/topics/articles/he-checklist.html [data
de consulta: 15/11/2013]
PortAventura. [en línia]. http://www.portaventura.es/ [data de
consulta: 12/11/2013]
Walt Disney World. [en línia]. https://disneyworld.disney.go.com/
[data de consulta: 12/11/2013]
Zapata Lluch, Mònica. (2011). Mètodes d'avaluació sense usuaris.
Barcelona: FUOC
Usabilitat

7. Llicència
7. Llicència
Aquest treball és obra de Jordi Zango Novell, amb llicència Creative
Commons Atribució-NoComercial-CompartirIgual BY-NC-SA 3.0
Unported.
Usabilitat

Avaluació heurística

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Avaluació heurística

Similar to Avaluació heurística (20)

More from Jordi Zango Novell

More from Jordi Zango Novell (7)

Avaluació heurística