Usabilitat web orientada a l'intercanviopenaccess.uoc.edu/webapps/o2/bitstream/10609/... ·...

INTERACCIÓ HUMANA AMB ELS ORDINADORS

Usabilitat web orientada a l´intercanvi

Eva Blanch Puente([email protected])

ETIG

Ariel Leonardo Guersenzvaig

11 de gener del 2013

1

A en Jordi, que sense ell,aquest somni com tants d'altres no hagués estat possible.

2

Resum

L´àrea escollida per aquest treball de fi de carrera és léstudi de la usabilitat de pàgines web orientades a líntercanvi, a líntercanvi de tot tipus de béns, tant materials com immaterials, tant de serveis com de coneixements.

Seguint la metodologia de la interacció humana amb els ordinadors, el disseny centrat en lúsuari, la usabilitat i láccessibilitat, sániran perfilant els mètodes a seguir per tal dóbtenir una pàgina web el més adequada als objectius establerts.

En el transcurs del treball sániran veient diferents tècniques que permetran obtenir una pàgina web el més usable possible per als nostres usuaris. Des de comparar diferents pàgines amb el propòsit de transferir el coneixement de les millors pràctiques i la seva aplicació.

Així com esbrinar qui són els nostres usuaris i, per tant, a qui ens dirigim. Veure quin són els continguts que poden interessar als nostres usuaris de la web i, per tant, com sórganitzaran aquests continguts.

Sésbrinarà quin és el context en què els nostres usuaris faran ús del sistema i quines tasques concretes els caldran per assolir lóbjectiu final. Redefinint també diferents escenaris d´ús en què els usuaris es trobaran al llarg de l´ús del lloc web i es perfilarà el flux dínteracció.

Finalment sémpararan dues de les tècniques existents en usabilitat per mirar dóferir una web el més usable possible als nostre usuaris, així com també es durà a terme una avaluació de láccessibilitat, tant amb diferents mètodes automàtics com manuals.

3

Usabilitat web orientada a l'intercanvi

ÍNDEX

1. Introducció pàg. 7

1.1 Presentació

1.2 Justificació del TFC i context en el qual es desenvolupa: punt de partida i aportació del TFC pàg. 8

1.3 Objectius del treball pàg. 9

1.4 Enfocament i mètode seguit pàg.10

1.5 Planificació del projecte pàg.11

1.6 Descripció dels capítols de la memòria pàg.13

2. Benchmarking pàg.14

2.1.1 Bones pràctiques pàg.16

2.1.2 Males pràctiques pàg.18

3. Perfils dúsuari pàg.19

3.1 Resultats obtinguts de les respostes dels usuaris alqüestionari pàg.20

4. Context d´ús pàg.24

4.1 Els objectius dels usuaris

4.2 El nivell de coneixement i léxperiència prèvia dels usuaris amb la tecnologia pàg.25

4.3 Quines són les funcionalitats que els usuaris esperen del producte?

4.4 Quina informació poden necessitar els usuaris? I de quina manera la necessitaran? pàg.26

4.5 Com pensen els usuaris que funciona el producte?

4.6 Com pot el disseny del producte facilitar els processos cognitius de lúsuari? pàg.27

5. Anàlisi de Tasques pàg.28

6. Disseny déscenaris pàg.31

7. Flux dínteracció pàg.34

8. Usabilitat pàg.35


8.1 Avaluació de la usabilitat

8.1.1 Resultats obtinguts en lánàlisi heurístic a www.truekalo.com per a cadascun dels principis dúsabilitat heurística de Jakob Nielsen

8.1.2 Test amb la tècnica de pensar en veu alta(thinking aloud): www.truekalo.com pàg. 42

8.1.2.1 Instruccions per a la realització de la prova

8.1.2.2 Tasques a realitzar pàg.43

8.1.2.3 Comentaris generals pàg.44

8.1.2.4 El que més ha agradat a lúsuari pàg.45

8.1.2.5 El que menys ha agradat a lúsuari pàg.46

8.1.2.6 Conclusions i recomanacions pàg.47

9. Accessibilitat pàg.48

9.1 Avaluació de láccessibilitat

9.1.1 Eines automàtiques

9.1.2 Validadors manuals

9.1.3 Resultats obtinguts amb els validadors manuals pàg.54

9.1.4 Conclusions i recomanacions pàg.55

10. Conclusions pàg.56

11. Glossari pàg.57

12. Referències pàg.59

13. Bibliografia pàg.61

http://www.truekalo.com/



Annex

A.1 Pàgines web analitzades pàg.62

A.2 Qüestionari pàg.81

A.3 Resultats de les respostes dels usuaris als qüestionaris pàg.83

A.4 Què és una avaluació heurística (heuristic evaluation)? pàg.94

A.5 Les 10 usabilitats heurístiques de Jakob Nielsen pàg.95

A.6 Què és un test d´usabilitat amb protocol de verbalizació (usability test think aloud protocol) pàg.96

A.7 Accessibilitat pàg.97

A.8 Resultats obtinguts amb el TAW pàg.101

A.9 Resultats obtinguts amb el validador automàtic de css pàg.113

A.10 Resultats obtinguts amb el validador automàtic del color pàg.116


1. Introducció

1.1 Presentació

L´ús dínternet ha permès un gran canvi en el món educatiu, laboral, social, en lóci, el coneixement, el món comercial,.. s´ha convertit, en definitiva, en una eina que serveix per a tot tipus de gestions, estalviant-nos temps i diners en els desplaçaments. Fins i tot en un context de crisi com láctual internet permet dur a terme intercanvi de béns materials, intercanvi de coneixements o fins i tot intercanvi de serveis, en els quals no hi ha retribució econòmica pel mig.

En definitiva permet donar un altre ús a objectes que molt possiblement sánirien a formar part del rebuig i dáquesta manera aprofiten persones que potser en tenen més necessitat o simplement volen contribuïnt així, a desaccelerar el cosum irracional practicat en la societat de consum, tot fomentant nous valors.

Així doncs, aprofitant la revolució introduïda amb internet en les nostres vides qüotidianes, tot provocant un canvi profund en la relació entre els homes i els ordinadors fent sorgir, així, una nova disciplina centrada en la interacció humana amb els ordinadors, sánalitzarà una petita porció dáquestes pàgines dedicades a líntercanvi de béns tant materials com immaterials.

I síntentarà contribuir així a que les persones puguin usar-les dúna manera més intuïtiva i siguin eines usables més fàcilment. Tot intentant aportar més eficiència, facilitat dáprenentatge i més satisfacció a lúsuari. Al mateix temps que es procurarà que siguin pàgines més accessibles a un ventall el més ampli possible de la societat.

[email protected] 7


1.2 Justificació del TFC i context en el qual es desenvolupa: punt de partida i aportació del TFC

Cada vegada existeixen més pàgines díntercanvi, bé sigui pel context de crisi actual, bé sigui per la voluntat dúna part de la societat de canviar els hàbits de la societat de consum. A més, moltes dáquestes pàgines són creades per persones sense un clar ànim de lucre i moltes vegades també sense una experiència prou clara en les tècniques dúsabilitat.

A vegades en aquest tipus de web es fa difícil trobar tant el que es busca com el que sófereix, són poc aclaridores i feixugues de navegar. Per tots aquests motius és molt probable que lúsuari es cansi de cercar el què busca o es cansi de no trobar com oferir el que vol donar i, per tant, acabi abandonant la pàgina sense aconseguir lóbjectiu proposat.

Així doncs, es vol donar a conèixer les eines necessàries per tal de poder fer un disseny el més usable i accessible possible a les pàgines díntercanvi, aplicant els coneixements que ofereix la Interacció Humana amb els ordinadors per tal dápropar els usuaris a les pàgines web díntercanvi i contribuir de retruc, en la mesura del possible, en la millora de la nostra societat de consum.

[email protected] 8


1.3 Objectius del treball

El que es pretén aconseguir en aquest treball és donar una visió, el més clara pòssible, de com hauria de ser una pàgina web dedicada a líntercanvi dóbjectes materials, coneixements, serveis,...en definitiva tot tipus díntercanvi, principalment, sense remuneració econòmica a canvi. Per aconseguir-ho s´ha seguit la metodologia de la Interacció Humana amb els Ordinadors (IHO) i, més concretament, el Disseny Centrat en lúsuari (DCU) i duent a terme també una avaluació tant de la usabilitat com de láccessibilitat.

Amb láplicació dáquesta metodologia, el disseny centrat en lúsuari, la usabilitat i láccessibilitat web el que es pretén aconseguir és facilitar l´ús dáquest tipus de pàgines i donar la confiança necessària a les persones que decideixen fer un altre ús dels seus béns tant materials com immaterials.

Així doncs, els objectius principals a assolir són els propis per aconseguir el desenvolupament dúna web el més usable i accessible possible. Per tant, obtenir així una web que sigui:

• Útil: que compleixi amb els objectius esperats,• Fiable: que doni confiança a lúsuari,• Usable: que sigui fàcil dúsar,• Eficient: que produeix els resultats esperats,• Que satisfaci: que sigui agradable per a lúsuari,• Segura: que el seu ús no provoqui cap perill o risc per a lúsuari,• Intuïtiva: que sigui senzilla dútilitzar,• Funcional: que compleixi amb les seves funcions,• Accessible: que sigui usable per a un ventall el més ample possible de la

població,• Desitjable: que lúsuari és senti atret per al seu ús, • Creïble: que mereixi la confiança de lúsuari.• Valuosa: que aporti valor afegit.

En resum, el que es pretén aconseguir és que sigui una web el més fàcil i intuïtiva possible dútilitzar, tot obtenint un lloc web el més usable i accessible possible per als usuaris que decideixin fer-ne ús.

[email protected] 9


1.4 Enfocament i mètode seguit

En aquest treball primerament es durà a terme un estudi de les pàgines web més destacades en aquest àmbit, mitjançant el mètode de benchmarking, tot seguint un procés sistemàtic per evaluar comparativament diferents i concrets llocs web.

A continuació es seguirà amb la metodologia emprada en la Interacció Humana amb els Ordinadors i, més concretament, amb el model del Disseny Centrat en lÚsuari.

En el Disseny Centrat en lÚsuari sánalitzaran els diferents perfils dúsuari que faran ús de les diferents pàgines web díntercanvi. I una vegada localitzats i obtinguts els diferents perfils dúsuari se´ls repartirà un qüestionari que ens ajudarà a millorar la qualitat dels llocs web en qüestió.

A continuació es definirà el context dús, tot observant els objectius finals dels usuaris, així com els nivells de coneixement i experiència prèvia, funcionalitats que sésperen, informació que poden necessitar, etc.

I seguint amb el Disseny Centrat en lúsuari es durà a terme un anàlisi de les tasques de les que caldrà disposar. Així com una breu exposició dels diferents escenaris amb què es poden trobar els usuaris i una aproximació al flux dínteracció.

A continuació, i seguint amb els mètodes dávaluació de la usabilitat es durà a terme una avaluació heurística (heuristic evaluation) i un test dúsabilitat, seguint la metodologia del thinking aloud.

I, finalment, es durà a terme una avaluació de láccessibilitat mitjançant diferents eines tant automàtiques com manuals.

[email protected] 10


1.5 Planificació del projecte

En la següent taula es mostra la periodicitat en què es realitzen les diferents tasques del projecte:

Setmana Dates Activitat Esdeveniment

119-23 setembre

Definir els objectius del projecte i lábast

Preparació document provisional

224-30 setembre

Consolidació final del Pla de Treball

Lliurament Pla de Treball: PAC1

3 1-7 octubre Recerca dínformació de pàgines web relacionades amb líntercanvi. Definir criteris. Benchmarking

48-14 octubre

Identificació dels components que han díntervenir en el seu desenvolupament.

515-21 octubre

Anàlisi de tasques

6 22-28 octubre Identificació dels perfils dúsuari

7 29 octubre –

4 novembre

Recull de dades i anàlisi comparatiu (bones i males pràctiques).

Lliurament PAC2

8 5-11 novembre Confecció dún formulari dénquesta

9 12-18 novembre Realització dénquestes a possibles usuaris

10 19-25 novembre Avaluació de láccessibillitat

1126 novembre –

2 desembre

Avaluació de la usabilitat

12 3-9 desembre Recull de dades i anàlisi de resultats.

Lliurament PAC3

13 10-16 desembre Definició déscenaris d´ús

14 17-23 desembre Flux dínteracció.



15 24-30 desembre Propostes de millora.

1631 desembre-

6 gener

Conclusions finals.

17 7-11 gener Presentació virtual Lliurament final TFC.



1.6 Descripció dels capítols de la memòria

En el primer capítol s´ha fet una evaluació de les web díntercanvi que s´han cregut més representatives mitjançant el benchmarking. Lóbjectiu principal dáquest estudi és observar les bones i les males pràctiques emprades en aquestes webs analitzades.

Posteriorment s´ha definit els diferents perfils dúsuari que empraran aquest tipus de pàgines. I, una vegada, localitzats els diferents perfils dúsuari s´ha efectuat una enquesta a diferents usuaris potencials. Els objectius principals dáquesta enquesta, a part de corroborar els diferents perfils dúsuari ha estat obtenir resultats qualitatius en quant a l´ús de les pàgines web díntercanvi.

Una vegada identificades les persones que empraran les pàgines díntercanvi i, vistos els resultats dels qüestionaris s´ha volgut estudiar en quin context d´ús aquestes seran usades i, per tant, cercar quins són els objectius dels usuaris, quin nivell de coneixement i experiència prèvia posseeixen, quines funcionalitats esperen dáquestes pàgines, quina informació poden necessitar i de quina manera, com pensen els usuaris que funciona i finalment com pot el disseny facilitar els processos cognitius de lúsuari.

A continuació sánalitzen els diferents tipus de tasques que realitzaran els usuaris al llarg de la seva navegació per les pàgines web díntercanvi amb lóbjectiu de trobar totes i cadascuna de les tasques que els usuaris poden necessitar.

Una vegada localitzades les diferents tasques es passen a definir els diferents escenaris d´ús amb què els usuaris caldrà que interactuin i es visualitzarà el flux dínteracció resultant.

I després es du a terme una avaluació de láccessiblitat, concretament es realitza un anàlisi heurístic. I, a continuació, un test dávaluació mitjançant la tècnica amb protocol de verbalització, en el qual es reparteix a diferents usuaris un formulari amb unes tasques concretes a realitzar amb lóbjectiu déxtreure informació de la pàgina web analitzada en termes dúsabilitat.

Finalment s´ha realitzat una avaluació de láccessibilitat emprant no només diferents eines automàtiques sinó també diferents validadors manuals.



2. Benchmarking

«El benchmarking és un anglicisme que, en les ciències de ládministració d´ empreses, pot definir-se com un procés sistemàtic i continu per a evaluar comparativament els productes, serveis i processos de treball en organitzacions. Consisteix en prendre "comparadors" o benchmarks a aquells productes, serveis i processos de treball que pertanyen a organitzacions que evidencien les millors pràctiques sobre l´àrea dínterès, amb el propòsit de transferir el coneixement de les millors pràctiques i la seva aplicació»1.

A continuació sánalitzaran les 18 pàgines web díntercanvi que sénumeren a continuació2 :

1) www.barcelona.volstens.org/

2) www.intercanvis.org/

3) www.ecoxarxagirona.org

4) www.loregalo.com/

5) www.quierocambiarlo.com/

6) reutil.net/

7) telocambio.net

8) ecoxarxaemporda.wordpress.com

9) www.cadenadecambios.com

10) www.depersonaapersona.es

11) donocanvionecessito.reus.cat/

12) www.deixalleriadegirona.org/ofertes_i_demandes/s_ofereix.php

13) www.xic.cat/

14) nolotiro.org/es

15) re-canvi-valls.cat

16) www.creciclando.com

17) www.cambia.es/

18) www.truekalo.com/



http://www.cambia.es/

http://www.creciclando.com/

http://re-canvi-valls.cat/

http://nolotiro.org/es

http://www.xic.cat/

http://www.deixalleriadegirona.org/

http://www.creciclando.com/

http://www.depersonaapersona.es/

http://www.cadenadecambios.com/

http://ecoxarxaemporda.wordpress.com/

http://telocambio.net/

http://reutil.net/

http://www.quierocambiarlo.com/

http://www.loregalo.com/

http://www.ecoxarxagirona.org/

http://www.intercanvis.org/

http://www.barcelona.volstens.org/


Per a cadascuna de les pàgines web anteriorment enumerades avaluarem els apartats o criteris següents (per a consulta de les pàgines analitzades a l´ apartat A1 de l'annex):

Rellevància: aquest criteri està relacionat amb la percepció que els usuaris tenen respecte a la importància del contingut del lloc web. La pàgina web és rellevant d'acord al grau que la informació que conté és rellevant per als interessos de l ´usuari.

Utilitat: els desenvolupadors han de comprovar contínuament la informació continguda en el lloc web per avaluar la utilitat per a una àmplia audiència de visitants. Així mateix, els administradors de llocs web haurien de demanar als visitants avaluar la informació proporcionada o qualificar el material basat del lloc web.

Fiabilitat: fa referència a l´exactitud de la informació continguda en el lloc web. Sovint, els dissenyadors inclouen una nota sobre la darrera actualització de la informació. Si ho fan, ajuden el visitant a fer-se una opinió fiable sobre la informació del lloc web.

Especialització: serveix per captar l'especificitat de la informació continguda en el lloc web. Çcontribueix a la rellevància i utilitat del lloc web, però suposa una càrrega més pesada en la fiabilitat.

Arquitectura: es refereix a la manera com el contingut s'organitza en el lloc web. Aquesta dimensió se centra particularment en la disposició dels objectes que s'utilitzen per a transmetre informació als visitants.

Navegable: aquesta dimensió reflecteix tant la facilitat i la comoditat de moviment dins i al voltant del lloc web.

Eficiència: captura les característiques de rendiment del lloc web (per exemple, és ràpid? Pot el visitant predir el temps estimat que li caldrà per recuperar la informació)

Disposició dels objectes: reflecteix els aspectes únics del lloc web implicats en la presentació d'objectes. Està relacionat amb la seva arquitectura, ara bé, s'utilitza per a diferenciar el lloc web en funció de les seves característiques de disseny úniques.

Animació: aquesta dimensió es refereix als objectes mòbils implicats en la presentació de la informació i la interacció de l'usuari amb el lloc web.



2.1 Conclusions

2.1.1 Bones pràctiques:

• Es convenient fer constar als anuncis la localitat de lóbjecte i la data dínserció de lánunci.

• Així com nombre de visites a cadascun dels objectes• Seria convenient que a cadascuna de les categories hi consti el nombre d

ánuncis que hi ha referents a aquesta categoria.• Fora interessant que no es tingui accés a ládreça de contacte de la persona

que ha inserit lóbjecte (és a dir, que sigui la pròpia pàgina web qui ho gestioni).

• Disposar dún cercador simple i també d'un cercador especialitzat, dividit en categories i dins d'aquestes dividit en subcategories. I potser també per províncies,...

• És recomanable que el funcionament de l'intercanvi estigui molt ben explicat• Que sigui una pàgina senzilla. • Que els Menús i la informació siguin els justos i necessaris,• Que hi consti la fotografia en els objectes• I que els objectes estiguin classificats per categories i dins d'aquestes

classificats per subcategories,• Seria interessant que per proposar un canvi no calgui estar registrat• Així com disposar d'un menú explicatiu de com detectar missatges frau• Diferenciar els botons ràpids de la resta• Saber en quin directori del menú ens trobem en cada moment. Exemple:

./Home >Informatica• Que en el web hi consti el nombre de demandes, el nombre dófertes i el

nombre dúsuaris.• Que disposi dún apartat de “Condicions d´ús”, de “Política de

confidencialitat” i “dÓbjectes no autoritzats”; així com dún apartat o adreça per poder contactar.

• Disposar dún apartat dels articles-objectes “Més sol.licitats” (més usats o més demandats),

• Seria interessant disposar d'un botó per a poder fer una consulta directament al propietari de lóbjecte,

• I, a part dels menús, disposar de botons ràpids, com per ex.:- del sitemap del web, - imprimir,- Rss, - un botó ràpid de registre i - un botó ràpid díniciar sessió, - d´últims articles, - disposar de menús ràpids per a “Veure els anuncis” i - “Afegir anunci” (per ex. a la part superior esquerra),- botons directes a xarxes socials com el twitter, facebook, etc.

• Que a cadascun dels objectes hi hagués un botó ràpid per poder contactar amb l'anunciant i un botó ràpid per poder enviar un e-mail a un amic que creiem que li pot interessar l'anunci,

• Disposar dún camp a cada objecte on consti el nombre de dies i hores que li resten per a estar exposat,



• Disposar d'un botó “Tornar” a cada anunci per poder tornar al lloc anterior,• Fora interessant que hi hagués la possibilitat de que et gestionessin la

recollida d'objectes pagant els ports (en cas d'interés)• Fer constar l'estat de conservació de cadascun dels objectes (amb

estrelles,...) molt intuïtiu• Fora interessant que en el botó de cerca, només triant la categoria desitjada

busqués els objectes en qüestió sense necessitat de prémer el botó intro,• Possibilitat que els usuaris tradueixin (editin) el web a diferents idiomes,• Especificar si es dóna o es canvia l'objecte en sí. Ex. Donar – Demanar-

Canviar,• Fora recomanable a primer cop d'ull veure una petita explicació de l'objecte

i si cal ampliació de la informació, disposar d'un botó per poder ampliar aquesta informació,

• Disposar d'un mapa, província a província, i al situar-te al damunt de cadascuna et donés el nombre d'anuncis i el nombre d'usuaris,

• Poder tancar o fer desaparèixer la informació que interessa; que cada anunci disposés d'un tancament (X) individual,



2.1.2 Males pràctiques:

✔ Que no disposi dún menú dájuda,✔ Que els objectes no disposin dún barem de léstat de conservació de l

óbjecte. ✔ Desplegables que no funcionin. ✔ La no eliminació dels missatges antics✔ Que en el titular de lánunci no quedi clar si es cerca o sófereix (es

dóna o es canvia).✔ No situar el cercador dóbjectes en un lloc prou visible.✔ No homogeneitzar lídioma dins una mateixa pàgina, és a dir, que hi

hagi diferents idiomes dins la mateixa pàgina.✔ Que hi hagi diferents tipus de lletres✔ Molta informació redundant i caduca.✔ Menús sense informació associada.✔ Massa menús, sobretot a la pàgina principal✔ Sobrecàrrega dínformació,✔ Registre amagat o poc visible.✔ Els camps de la cerca gràficament poc agradables✔ Que no hi hagi cercador,✔ Que les ofertes i demandes no estiguin diferenciades per categories i a

ser possible també en subcategories,✔ El contrast, color de la pàgina i de les lletres massa igual que dificultin la

lectura . ✔ Ofertes i demandes molt antigues. Que no hi hagi una gestió periòdica

dels anuncis,✔ Que no hi hagi un menú de contacte✔ Pàgina sobrecarregada dánuncis✔ Menús molt petits✔ Menús repetits a la mateixa pàgina,✔ Menús poc entenedors del que hi contenen✔ Haver-se de desplaçar excessivament amb la barra de desplaçament

lateral,✔ No presentar informació en la primera pàgina i fer-te anar a la pàgina

següent per poder obtenir informació.✔ Que no hi hagi un botó per poder tornar a l'inici de la pantalla,✔ Imatges repetides que no es corresponen amb l'objecte en qüesió,✔ Lletres massa petites,✔ Llistar totes i cadascuna de les categories en la pàgina d'inici, encara

que no hi hagi cap objecte de la categoria en qüestió,



3. Perfils dúsuaris

“Dels factors que conflueixen en el disseny de productes interactius, el factor humà és sens dubte el que té més complexitat i incertesa. Tot producte del disseny d'interacció està destinat a ser usat per persones, amb perfils, compor- taments, habilitats, capacitats, necessitats, motivacions i voluntats diversos i difícils de predir i comprendre en tota la seva completesa 3”.

És per aquest motiu que s´ha cregut necessari definir els diferents perfils dúsuari que empraran les pàgines díntercanvi dóbjectes, coneixements i serveis, dels quals s´ha obtingut els diferents perfils dúsuari:

• Usuaris per necessitat,• Usuaris per convicció

I, alhora, cadascun dáquests perfils els segmentarem en diferents franges dédat:

• Usuaris menors de 18 anys

• Usuaris compresos entre els 18 i els 64 anys (ambdós inclosos)• Usuaris a partir de 65 anys.

Com que no s´ha pogut observar in situ la navegació per les pàgines en qüestió, se´ls ha lliurat un qüestionari perquè el responguin i ajudin en la fase dánàlisi.

Aquest qüestionari s´ha ofert a un grup dúsuaris que estarien dins els perfils citats anteriorment. Concretament ha respost el qüestionari 16 persones en total.

I s´ha elegit perquè responguin, 5 de les pàgines anteriorment analitzades. Concretament:

✔ www.barcelona.volstens.org/ ✔ www.intercanvis.org/ ✔ www.loregalo.com/ ✔ www.quierocambiarlo.com/ ✔ www.truekalo.com/

S´han emprat els qüestionaris4 com a tècnica exploratòria basada en la recollida dínformació mitjançant les respostes que proporcionen els usuaris (el qüestionari emprat el podem trobar a l'apartat A2 de l'annex).








3.1 Resultats obtinguts de les respostes dels usuaris al qüestionari:

Pàgines web (es poden observar els resultats dels usuaris a les respostes dels qüestionaris en diferents gràfics a l'apartat A3 de l'annex)


En general els enquestats opinen que és una pàgina ben estructurada i organitzada, que és senzilla i els enllaços bàsics estan sempre disponibles. A més és fàcil de navegar per la seva simplicitat. Hi ha unanimitat entre els usuaris enquestats pel que fa a la facilitat en la realització dels intercanvis.

La informació es troba fàcilment.Els cercadors, tot i que són fàcils d´emprar estaria bé que disposessin d'un

limitador geogràfic a la cerca i més visible.És interessant que no hi hagi registre d'usuaris i les ofertes es pengin

directament, sense necessitat de disposar d'un nom d’usuari

El que més ha agradat:la seva simplicitat, claretat, presentació i agilitat. I que està dirigida a

l’objectiu final. La facilitat per trobar el què s'oferta (actualment perquè hi ha pocs objectes)

i demanda. No obstant si el volum d'objectes creix considerablement ja no serà fàcil trobar ni el que s'oferta ni el que es demanda.

Sobretot, la facilitat per a realitzar intercanvis.

I el que menys ha agradat:La disposició geogràfica ja que pots no ser conscient de la regió on estas

oferint/cercant.Els objectes estan un darrera l'altre (sort que hi ha pocs objecte) i no estan

classificats per cap tipus de categoria, ni zona geogràfica,etc. Cal més fàcil accés per cerca allò que s'ofereix o es demanda.

La manca d'informació respecte als objectes que s'oferten.

En general mereix satisfacció perquè és una eina simple i una bona eina per realitzar intercanvis de forma puntual.

En general a l'usuari agrada que no haver-se de registrar per a poder realitzar un intercanvi (tan oferir com demandar).




www.intercanvis.org

En general els usuaris opinen que és una pàgina ben estructurada i organitzada. És una pàgina fàcil per a navegar. Els intercanvis són fàcils de realitzar. I a la majoria d'usuaris els mereix la seva satisfacció.

El que més ha agradat:Les eines de gestió dels anuncis.La correlació 'donem/busquem' que ajuda a la cerca ràpida.La senzillesa, utilitat de la pàgina i facilitat de navegació; en definitiva compleix amb la seva finalitat.Que el registre d'usuaris només demanin nom i adreça dé-mail.La secció de suggeriments i el fàcil accés a trobar les coses en general.

I el que menys ha agradat:

La barra lateral esquerra de productes es fa molesta. El cercador és massa complex per la quantitat d'anuncis existents. Format

per múltiples camps mal estructurats i desaprofitats.Els anuncis de pagament.Pocs anuncis i poscs usuaris, en definitiva, poca activitat.L'apartat 'últims anuncis' no es sap si sófereixen o es cerquen.Les categories són una llista (una darrera de láltre) que fins que no es clica

en una de les categories no apareix un desplegable amb les diferents categories existents. Caldria una classificació per províncies, zones,…Es troba a faltar una classificació dels objectes en categories i en zones, pobles o ciutats que en la pàgina web en qüestió no estan massa ben aconseguits.

La pàgina d'inici és poc atractiva i una mica trista.

www.loregalo.com

En general els usuaris opinen que es tracta d'una pàgina ben estructurada i organitzada.

És una pàgina fàcil de navegar ja que el menú principal present a l’esquerra permet en qualsevol moment visitar els llocs mes rellevants.

Els intercanvis són fàcils de realitzar. I en general mereix la satisfacció dels usuaris enquestats.

El que més ha agradat:La senzillesa de la pàgina i que a la pàgina incial hi cap tota ella en la

pantalla sense necessitat d´haver-te de desplaçar amb la barra lateral.La presentació i el disseny elegant. És una pàgina que transmet serietat i

confiança.

I el que menys ha agradat:La publicitat és més gran que el menú principal (esquerra) que a més fa

desaprofitar molt la pantalla disponible. Caldria un cercador present a totes les pàgines i no sols a la pàgina

d’objectes ofertats. Cal cercar el cercador (valgui la redundància).La presència de publicitat i la disposició de la pàgina (caixes/frames).





Tot i que és de navegació fàcil no és del tot agradable.Que no et pots fer una idea del producte si no et registres. Podrien deixar

veure més els productes sense necessitat de registrar-se. Els anuncis en general.Que la pàgina no estigui actualitzada. Aparentment no sembla que hi hagi

seguiment.El registre d'usuaris no es sap ben bé què és ni a on està. Costa trobar com t

´ has de registrar. També costa trobar com pujar una fotografia de lóbjecte.Pel que fa al cercador caldria millor un desplegable on poder triar els països

introduïts i les localitats introduïdes que disposin dóbjectes que sófereixen. Hi ha certs camps que no responen, com són per exemple: ‘país’. Tampoc ‘localidad’ si no s'escriu exactament amb totes les majúscules minúscules i accents.

El tauler d'anuncis de 'Objetos buscados'. I la manca de fotografies dels objectes exposats.

www.quierocambiarlo.com

La opinió general dels usuaris enquestats és que es tracta d'una pàgina no massa ben estructurada i organitzada. Tot i que la majoria consideren que no és difícil navegar-hi i els intercanvis són fàcils de realitzar. I una mica més de la meitat dels usuaris enquestats els mereix la seva satisfacció. I la meitat dels usuaris opinen que la informació costa de trobar.

El que més ha agradat:El menú superior permet visitar les parts principals des de qualsevol secció

de la web.L’elevat nombre de productes amb què treballa.Que no calgui registrar-se per poder-se fe una idea del que s'ofereix o

demanda.L'intercanvi de serveis, mà d'obra,...hi ha moltes possibilitats no només d

íntercanvi sinó també de compra i venta. Pàgina molt activa.Intercanvis molt fàcils de realitzar.Que no calgui registrar-se per a poder realitzar un intercanvi.El bon funcionament del cercador i que pots cercar tant pel què busques

com pel que volen a canvi.A primer cop d’ull es pot observar tota la informació. En una sola página hi

és tot.Les alertes sobre frau.

I el que menys ha agradat:El menú esquerra és mica inútil pel que ofereix i el cercador a baixa

resolució té una disposició inadecuada.La part d’ofertes, els temes (agrupacions-classificacions) dels articles són

una mica sobredimiensionats (masses classes i sub-classes).Mala localització dels cercadors.L’elevat contingut comercial de la pàgina (opció a compra dels productes,

publicitat, empreses que proposen articles…).Massa complicada per al seu objectiu final.Excés sobrecàrrega d'infomació. Dificulta la seva navegació.La lletra és massa petita i els anuncis pel mig despisten.Pàgina massa atapeïda.




www.truekalo.com

De les pàgines analitzades és la que obté més bona puntuació per part dels usuaris tant pel que fa a estructuració i organització. Unanimitat dels usuaris enquestats pel que fa a la facilitat de navegació. I no tanta unanimitat, en canvi, pel que fa a la facilitat de realització dels intercanvis.

De les pàgines analitzades és la que mereix més satisfacció de totes.

El que més ha agradat:L’aspecte general, agradable, simple i càlidd.Sense publicitat.La seva aparença complerta i professional, senzilla, còmode i intuitiva.La presentació inicial et sitúa des de bon principi allà on vols fer líntercanvi.Els cercadors, l'opció que n'hi hagi un de simple i un d'avançat.Pàgina claríssima i fàcil que compleix amb el seu objectiu. La seva facilitat

per moure's.Que dins lóbjecte seleccionat hi ha 4 pestanyes: un per canviar, un per

avisar un amic, un altre per contactar i láltre per localitzar la zona amb un mapa.És fàcil accedir entre les diferents ofertes.

I el que menys ha agradat:L’inici, obligant a cercar una localització geogràfica en concret, limitació

superable al cercador avançat.Una vegada situat a la zona busques quan fas una cerca per categoria, de

cop i volta et situen a tot espanya i no la zona que has posat prèviament. Per tant, la no correlació entre la zona que tries i els productes.

Que només es pugui intercanviar per altres objectes, es podria donar la possibilitat de canviar-ho per serveis i/o diners o simplement per res a canvi.

Que calgui no només estar registrat per oferir i demandar objctes sinó que a més cal tenir objectes inserits prèviament.

Costa trobar com anar a la pàgina d'inici.Falta una mica de color a la pàgina. Li manca quelcom més atractiu.La primera pàgina amb el mapa d'Espanya i les províncies que t'obliguen a

triar.




4. Context d´ús5

Una vegada identificades les persones que empraran les pàgines díntercanvi i, vistos els resultats dels qüestionaris, observem que majoritàriament, aquests usuaris empraran les pàgines díntercanvi com a eina de recerca dóbjectes varis, de coneixements i serveis.

Aquests usuaris empraran aquestes pàgines tant des de casa com des de qualsevol edifici públic o privat, indistintament. Tant els usuaris per convicció com els usuaris per necessitat, tant els dúna franja dédat com els de láltra.

I els dispositius que utilitzaran poden ser tan variats que van des dórdinadors pc´s i portàtils a mòbils, tablets, pda´s, etç. Tos els dispositius caldrà que disposin de connexió a internet.

4.1 Els objectius dels usuaris

➔ Poder cercar objectes, cursos, serveis. A ser possible poder realitzar cerques simples i complexes. Per categories (i subcategories) i zones geogràfiques, com a mínim.

➔ Poder oferir- inserir objectes, cursos i serveis. Adjuntar fotografia de lóbjecte. Poder descriure lóbjecte. Posar persona de contacte (nom, e-mail, telèfon si séscau), data dínserció de lóbjecte i zona geogràfica dón sófereix, entre dáltres.

➔ Poder contactar amb les persones respectives per sol.licitar un objecte, servei o coneixement. Previ registre o no. Mitjançant un link on hi consti lé- mail de la persona per poder-ho gestionar directament. O introduïnt dades de contacte del sol.licitant i que ho gestioni la pròpia pàgina web.

➔ En definitiva, emprar aquest servei com a eina per poder intercanviar el que es vulgui a cost 0 o un cost més reduït de l´habitual i al mateix temps poder despendre´s tant dóbjectes materials com oferir coneixements.



4.2 El nivell de coneixement i léxperiència prèvia dels usuaris amb la tecnologia

En principi els usuaris que tinguin una experiència bàsica en informàtica serà suficient per utilitzar les pàgines web en qüestió. És a dir que no calen grans coneixements en informàtica per poder realitzar intercanvis.

Ara bé, és important que la pàgina sigui el més senzilla, intuïtiva i eficient possible dins els objectius en qüestió perquè pugui ser emprada des dúsuaris amb coneixements informàtics molt bàsics a coneixements informàtics avançats.

No obstant això, és lògic pensar que com més jove sigui lúsuari més facilitat tindrà per emprar el producte i alhora poder buscar, oferir o realitzar intercanvis.

4.3 Quines són les funcionalitats que els usuaris esperen del producte?

● Que siguin senzilles, eficients i intuïtives démprar.● Poder llegir els objectes que sófereixen● Poder oferir objectes, serveis i coneixements● Que es pugui obtenir informació fàcil, ràpid, fiable i dínterès.● Poder fer cerques simples o bé complexes. Per paraules clau, categories,

subcategories, zona o regió.● Que sigui un sistema àgil, fàcil dáccedir, fiable, seriós i que tingui en

compte la privacitat dels seus usuaris.● Fora interessant que la pàgina web en qüestió disposés de tecles de control

ràpides i reconeixement de veu.● Que en el cas de que hi hagi registre dúsuaris la informació que es facin

omplir sigui la justa i necessària.● Poder tornar sempre a la pàgina dínici.● Poder contactar amb la persona amb qui es vol realitzar líntercanvi o

demanar un objecte, coneixement o servei. O bé hi hagi el nom de contacte de la persona i lé-mail que ofereix lóbjecte o bé que des de la mateixa pàgina web es demani al sol.licitant nom, e-mail, missatge i zona geogràfica i que aquesta informació li arribi directament a la persona que ofereix.

● Saber de cada objecte la data en què s´ha començat a oferir i la zona geogràfica.

● Que els objectes, coneixements o serveis estiguin actualitzats. És a dir, que hi hagi un sistema dáctualització dels objectes que sófereixen eliminant els ja intercanviats o que han deixat déxistir pel motiu que sigui.

● A ser possible que hi hagi fotografia de lóbjecte.● Que els objectes estiguin classificats per objectes i a ser possible per

subcategories.● Que hi consti léstat de cadascun dels objectes.● Que hi hagi botons ràpids per a les funcionalitats més importants o usades.● Disposar dún botó tornar a cada objecte que et permeti tornar a la

informació anterior.



4.4 Quina informació poden necessitar els usuaris? I de quina manera la necessitaran?

✔ Necessitaran informació referent a lóbjecte, coneixement que sófereix o servei:

• Si es tracta dún objecte o servei, a ser possible, necessitaran la fotografia de lóbjecte en qüestió,

• descripció de lóbjecte, activitat, servei que sófereix,…• Lloc geogràfic on sófereix• Data en què es penja a la pàgina lóbjecte o servei que sófereix• Fer constar explícitament si lóbjecte o servei síntercanvia o per

contra es dóna desinteressadament (per res a canvi),

✔ Informació de la persona de contacte per a realitzar líntercanvi (tant la que ofereix com la que demanda):

• Bàsicament Nom i e-mail (si es vol telefon, entre dáltres).✔ Caldrà un cercador dóbjectes: bé per paraula clau, categories,

subcategories, situació geogràfica,…dependrà de la complexitat que se li vulgui donar.

✔ Un apartat que expliqui el funcionament de la web✔ Un apartat de suggeriments per a qualsevol dubte que pugui sorgir o

que es vulgui donar a conèixer als administradors de la pàgina.✔ Que es faci arribar als usuaris registrats les novetats de la web, via e-

mail en format html, open office, pdf´s, etç✔ Poder enviar des dún objecte concret un e-mail a una persona

coneguda que li pugui interessar lóbjecte.

4.5 Com pensen els usuaris que funciona el producte?

En el cas de que els usuaris calgui que es registrin, tot i que no hauria de ser dóbligatori cumpliment per poder oferir o intercanviar quelcom, aquest funcionarà com qualsevol registre de qualsevol pàgina web. Per aquest motiu el funcionament que els usuaris puguin tenir és molt similar a qualsevol registre que hagi fet prèviament en altres sistemes. No obstant, crec que el registre només caldrà per a persones que vulguin que se´ls envii notícies o darreres novetats ofertes o buscades.

El registre per a nous usuaris i registre per a usuaris ja registrats. En el cas dúsuaris que ja han estat registrats prèviament, només caldrà introduir nom dúsuari i paraula clau. Ara bé, hi haurà d´haver una gestió del registre per als usuaris que hagin oblidat la paraula clau.

Per als nous usuaris caldrà omplir una sèrie de camps que demanaran el nom, cognoms, e-mail, etre dáltres com a qualsevol registre de qualsevol altre sistema.

També es podrà llegir informació referent als objectes que sófereixen i als que es busquen i veure fotografia dels objectes que sófereixen.



En tot moment es podran desfer canvis, és a dir, es podrà cancelar el procés o bé tornar a la pàgina dínici.

Al cercador es podrà escriure una paraula clau i es retornarà algun objecte en cas de que n´hi hagi que coincideixin amb la paraula clau introduïda. O bé un missatge informant que no s´ha trobat cap informació referent a la paraula clau introduïda. Això pel que fa a un cercador simple.

Ara bé, també caldria un cercador més avançat on poder buscar objectes ofertats o demandats segons diferents camps com poden ser categoria on aparegui un desplegable on poder triar la categoria desitjada. També per subcategoria on aparegui també un desplegable on poder triar una subcategoria dins la categoria triada. I un camp on poder triar zona geogràfica de lóbjecte.

Per poder realitzar líntercanvi és tan senzill com que aparegui un link al nom de la persona que ofereix o cerca amb lé-mail de contacte. Per tant, els usuaris només hauran dénviar un e-mail com estan acostumats a fer en qualsevol sistema.

Ara bé una altra opció, en el supòsit que no es vulgui fer aparèixer cap e-mail a la pàgina per la privacitat de les dades, una vegada elegit lóbjecte desitjat i clicar a un link per a realitzar líntercanvi pot aparèixer un desplegable amb els camps de dades a omplir de la persona que vol lóbjecte com són nom, e-mail, telèfon, etç. I aquestes dades siguin enviades directament a la persona que ofereix lóbjecte o servei.

4.6 Com pot el disseny del producte facilitar els processos cognitius de lúsuari?

Principalment copiant models anteriors com pot ser el cas dels registes, tant pel que fa als usuaris nous com als prèviament ja registrats.

Seguir el mateix criteri de cerca que empren altres cercadors molt emprats, populars i testats.

Emprar símbols que ja han estat estandaritzats, com pot ser la lupa, que simbolitza una cerca. Diferent nombre déstrelles en funció de si el producte està en més bon o mal estat. El dibuix dún sobre per poder enviar lé-mail a un amic per informar-lo de lóbjecte, etc.

Poder desfer sempre els canvis, és a dir, tenir lópció constant dánar en darrera i cancelar opcions no desitjades. Així com poder anar sempre a la pàgina dínici.

Quan síntrodueix una informació errònia o es du a terme una acció incorrecta, el sistema doni un missatge dérror, amb la informació que lúsuari necessita per a corregir lérror comès.

Que el disseny sigui el més intuitiu i senzill possible dútilitzar per a lúsuari.

La realització tant del context d'ús com l'anàlisi de tasques de l'apartat següent s'han dut a terme seguint les etapes del Disseny Centrat en l'Usuari (DCU). Concretament, s'ha emprat la tècnica d'indagació contextual (contextual inquiry).



5. Anàlisi de Tasques

Les tasques que hauran de realitzar els usuaris seran les següents (tindrem en compte que tenim prèviament lórdinador engegat, amb el sistema operatiu i els programes corresponents instal.lats i engegats i, entre els quals no podem prescindir dún navegador web):

✗ Connectar-se a la pàgina web díntercanvi,✗ Entrar com a usuari prèviament registrat suposant que calgui el registre d

úsuari introduïnt el nom dúsuari i el mot de pas.✗ Poder canviar la clau de pas en cas de que es vulgui.✗ Si s´ha oblidat la clau de pas, donar lérror corresponent i gestionar-ho.✗ Poder-se registrar com a usuari en cas de que no s´hagi fet, introduïnt:

Les dades dáccés:• Nom dúsuari• Mot de pas i• Repetició del mot de pas

Les dades personals:• Nom,• Cognoms,• Adreça electrònica,• Adreça postal,• Població,• Codi postal i• Telèfon

✗ Poder visualitzar les ofertes, és a dir, poder visualitzar objectes que sófereixen i en els quals hi ha de constar la informació següent:• Descripció de lóbjecte• Estat de conservació de lóbjecte, així, com una llegenda que

aclareixi la simblologia emprada en léstat de conservació.• Fotografia,• Data en què s´ha començat a oferir el producte• zona geogràfica o província on es troba lóbjecte,• Poder enviar un missatge a un amic o persona que pugui estar

interessat en lóbjecte• Nom de la persona que ho ofereix amb un link on hi hagi lé-mail de

la persona per poder-hi contactar. O bé un link sobre el nom de la persona que obri un quadre de diàleg on demani les dades de l ínteressat següents:➢ Nom i Cognoms,➢ Adreça electrònica,➢ Adreça postal,➢ Població,➢ Codi postal➢ Telèfon➢ Comentaris➢ i una pregunta sense cap mena dímportància que especifiqui

que és una pregunta a respondre per evitar enviaments automàtics.



➢ Així com una petita explicació de que aquestes dades són objecte de protecció d'acord amb les disposicions de la Llei orgànica 15/1999, de 13 de desembre, de protecció de dades de caràcter personal. Per aquest motiu, podeu exercir el dret d'accés a les dades o modificar-les i cancel·lar-les adreçant-vos a l'adreça de correu, per ex. De la pàgina en qüestió.

✗ I un desplegable en aquest apartat on poder escollir els objectes per una categoria. I a on inicialment, prèvia selecció de la categoria, hi surtin tots els objectes de totes les categories.

✗ En el cas de que hi hagi més dúna pàgina dóbjectes que sófereixen, que consti el nombre de pàgines que hi ha i poder anar a la pàgina següent.

✗ Poder visualitzar informació dels objectes-articles que es busquen o demanden. En aquests casos caldrà exactament la mateixa informació per als objectes que sófereixen, excepte léstat de conservació i la fotografia dels objectes.

✗ Un apartat que expliqui el funcionament de la web✗ I un apartat on poder publicar un anunci. Dependrà de si cal estar

prèviament registrat per a oferir un objecte o no. En el cas de que calgui estar prèviament registrat, apareixerà un missatge explicatiu. Com per ex. “Per publicar un anunci cal estar prèviament registrat”. Seguit dels camps a omplir en el cas de que ja séstigui registrat:• Usuari• Mot de pas

I les dues explicacions següents amb un link a cadascuna délles:

➢ Si no t´has registrat encara: “Dona´t dálta com a usuari” (i un link al quadre de diàleg on es registren els nous usuaris).

➢ Si has oblidat la contrasenya, “aquí en pots generar una de nova” i un link on sóbri un quadre de diàleg on digui per ex. no podem saber quina era la teva contrasenya, però te'n podem enviar una de nova a l'adreça de correu que ens vas facilitar. Si us plau, introdueix el teu e-mail. I un camp on introduir ládreça electrònica.

✗ I tant si cal estar registrat o no per poder publicar un anunci, en ambdós casos caldrà que es desplegui o s'obri un quadre de diàleg on introduir els camps següents:• Títol,• Zona,• Text (del missatge),• Adreça electrònica (i nom??)• Afegir imatge (on poder pujar una imatge de l'objecte)• I un link a una ajuda (en cas de necessitat).

✗ Caldrà un cercador per poder buscar objectes, cursos, serveis,...Caldrà una cerca simple, és a dir, un camp on poder inserir una paraula clau i retorni el nombre i la relació d'objectes obtinguts amb la paraula clau obtinguda. Ara bé també caldrà un cercador més avançat on poder buscar per categories, a ser possible, per subcategories i zona geogràfica. És a dir, es disposarà de desplegables per a cadascun dels camps citats anteriorment on hi apareixeran totes i cadascunes de les categories, subcategories i zones geogràfiques introduïdes fins al moment en la pàgina web.



✗ Fora interessant de disposar d'un espai on poder introduir i enviar suggeriments als administradors de la pàgina per qualsevol consulta o suggeriment que es desitgi comunicar. En definitiva, un espai per a contactar.

✗ Es podria disposar també d'un apartat on poder-hi penjar llocs o pàgines d'interès.

✗ Així com botons-link a les xarxes socials actuals com poden ser Twiter, Facebook, Rss, blog,...

✗ Un link a un avís d'anuncis frau.

✗ Així com informació de

• Qui som (o no): els creadors de la pàgina i filosofia,• Condicions d'ús,• Política de privacitat,• Avís legal,• Objectes no autoritzats,• I dades sobre l'intercanvi, és a dir:

• nombre d'usuaris recicladors,• nombre de productes – Ofertes,• nombre de demandes• objectes intercanviats

✗ Un mapa de la pàgina



6. Disseny déscenaris

Escenaris dels usuaris

Escenari 1: Connectar-se a la pàgina web díntercanvi

Una mare necessita un canviador per al seu fill de 2 anys ja que el seu s´ha fet malbé i decideix connectar-se a una pàgina web díntercanvi per veure si en troba un ja que pel temps que li queda de fer-lo servir no es vol gastar diners comprant-ne un altre. Per tant, la mare necessita de disposar de connexió a internet i, simplement escriure ládreça electrònica si ja la coneix, o bé agafar-la dálgun altre lloc on la tingui guardada o bé escriure el nom de la pàgina en algun cercador dínternet, en el cas de no conèixer ládreça electrònica.

Escenari 2: entrar com a usuari prèviament registrat

Una persona habituada a realitzar interecanvis i, que per tant, ja té assignat un nom dúsuari i un mot de pas per accedir-hi, decideix fer un cop dúll a la pàgina a veure si ha algun objecte que li pugui interessar. Així és que una vegada connectat a la pàgina díntercanvi en qüestió , a lápartat del registre només cal que escrigui el nom dúsuari i el mot de pas per accedir-hi.

Escenari 3: canviar el mot de pas

Un usuari vol accedir a la pàgina web però ha oblidat el mot de pas. Així és que una vegada dins la pantalla on síntrodueix el nom dúsuari i el mot de pas per accedir, hi ha també un link per si s´ha oblidat el mot de pas, amb el missatge següent: 'has oblidat el mot de pas?' I com que lúsuari ha oblidat el mot de pas, no li queda altra opció que clicar sobre aquest link, on li pareix el següent quadre de diàleg: introdueix nom dúsuari i una clau de seguretat (que es troba visible al costat per assegurar que no són missatges automàtics). Una vegada introduïts els dos camps (nom dúsuari i mot de seguretat), lúsuari clica el botó enviar i li apareix el missatge següent: 'el mot de pas serà reenviat a ládreça de correu electrònica que es va donar en el moment de donar-se dálta'.

Escenari 4: registrar-se com a usuari

Un usuari té moltes coses a oferir i també en necessita dáltres, així és que amics seus li han dit que les pàgines díntercanvi són ideals per despendre´s de coses i cercar-ne dáltres i li han aconsellat un pàgina web en concret. Així que decideix registrar-se per poder oferir objectes. Una vegada clica el menú: 'registrar-se' li apareix un quadre de diàleg on li demana les dades següents: nom dúsuari, mot de pas, adreça dé-mail, localitat i província. I, una vegada clica el botó acceptar, li



apreix un missatge dient que li arribarà un missatge de conformitat i benvinguda a la seva adreça dé-mail a partir del qual ja podrà accedir com a usuari registrat.

Escenari 5: navegar per la informació

A un estudiant de batxillerat se li ha fet malbé la seva impressora i no té diners per comprar-seń una altra així és que decideix connectar-se a la pàgina web i navegar per la informació per veure, si per casualitat en trobés una que li anés bé i, de pas, mirar quins objectes a part de la impressora li poguessin interessar.

Escenari 6: fer ús del cercador

L´Helena està cercant roba i sabates per a una obra de teatre que estant organitzant a léscola i ha pensat que una bona opció és cercar-ho a la pàgina web díntercanvi. Com que ja és una usuària dáquesta pàgina web decideix connectar-se i anar directament al cercador a veure què hi troba tot introduïnt les paraules clau: primer roba i després sabates però decideix acotar més la cerca i decideix buscar-ho només a la seva província ja que no pot desplaçar-se més lluny ni tampoc vol haver-se de gastar diners amb un missatger.

Escenari 7: demandar un objecte

Tot cercant per la pàgina en Marc ha trobat un televisor que li interessa i decideix posar-se en contacte amb la persona que lófereix. En Marc li podria donar a canvi un ventall de coses que li proposarà en lé-mail ja que qui ofereix el televisor no menciona res que vulgui a canvi. Així és que en Marc clica al link de la persona que ofereix el televisor i li comunica que està interessat en el televisor i que a canvi li pot oferir una pantalla dórdinador o una impressora o un router, etc.

Escenari 8: oferir un objecte

La Núria es canvia de casa i aprofita lócasió per despendre´s dún seguit de coses que està convençuda que ja no necessita i que encara poden fer servei a qualcú. Així és que un moment que es connecta a internet decideix penjar els objectes que ofereix. Primerament s´ha dedicat a fer fotografies als objectes dels quals es desprèn perquè és sabut que els objectes que tenen fotgrafia són més demandats. Així és que puja les fotografies a la pàgina web de tots i cadascun dels objectes que ofereix i fa una breu descripció dels mateixos.

Escenari 9: realitzar un intercanvi

La Marta que consulta habitualment certes pàgines díntercanvi ha vist un deshumidificador per a casa seva que li aniria molt bé ja que té la mania que casa seva és molt humida (viu a davant de mar). Ha vist que la persona que lófereix necessita un sofà i, precisament a la Marta li en sobra un i està en molt bon estat.



Així és que es posa en contacte amb la persona en qüestió per a realitzar líntercanvi i es posen dácord. La persona que necessita el sofà li ha dit que té una furgoneta i que es desplaçarà a casa de la Marta a buscar el sofà i que al mateix temps li portarà el deshumidificador.

Escenari 10: consultar informació (bé sigui referent a la filosofia de la pàgina, condicions generals de funcionament, sobre la política de privaticitat, …)

A en Roger li ve de nou les pàgines díntercanvi, mai fins ara s´havia connectat a una pàgina díntercanvi però de cop i volta es troba sense feina i amics seus habituats a líntercanvi l´han convençut que potser és el moment de familiaritzar-se amb aquest tipus de pàgines, ara que s´ha quedat sense feina i diners per a gastar. Així és que decideix connectar-se a una délles i consultar el funcionament de la mateixa, així com la filosofia de la pàgina, polítiques de privacitat, etc.

Escenari 11: Enviar una suggerència

Navegant per la pàgina la Cinta s´ha trobat un parell de missatges que no són certs (diuen tonteries), així és que decideix enviar una suggerència a la mateixa pàgina especificant-li quins missatges són perquè els puguin eliminar.

Escenari 12: Enviar la informació a un amic

En Pep està connectat a una pàgina díntercanvi i veu una bicicleta que li podria interesasr a la Montserrat ja que sap que aquesta s´ha quedat sense; així és que decideix aprofitar el link que hi ha a la pàgina 'dénviar a un amic' i li envia la informació de la bicicleta a la Montserrat.

Escenari 13: contactar amb xarxes socials: twitter, facebook,...

En Jordi, una vegada ha vist totes les novetats que hi ha a la pàgina web decideix connectar-se al facebook amb el mateix link que hi ha a la pàgina díntercanvi.


7. Flux dínteracció

Pàgina díniciNavegar per la informació

Fer cerques

Senzilles

Múltiples

Mirar un objecte concret

Enviar e-mail a un amic

Demanarobjecte

Enviar suggeriment

Ofertar unobjecte

Pujar fotografia

Omplir informacióSobre lóbjecte

Mirar informacióvària

Filosofia

Funcionament del web

Polítiques de privacitat...


8. Usabilitat

“El neologisme usabilitat (de lánglès usability –facilitat d´ús-) es refereix a la facilitat amb què les persones poden emprar una eina particular o qualsevol altre objecte fabricat pels humans amb la finalitat dássolir uns objectius concrets. La usabilitat també es refereix a léstudi dels principis que hi ha darrera léficàcia percebuda dún objecte. Usabilitat és un terme molt usat en l´àmbit de la informàtica i la tecnologia.

En interacció persona-ordinador es refereix a la claretat i lélegància amb la que es dissenya la interacció amb un programa dórdinador i una pàgina web”6.

8.1 Avaluació de la usabilitat

✔ Com a avaluació sense usuaris una tècnica freqüent és lánàlisi heurístic7

(Per a més informació a l'apartat A.4 de l'annex).

✔ I per a lávaluació amb usuaris una tècnica freqüent és el test dúsabilitat amb protocol de verbalizació ((Per a més informació a l'apartat A.6 de l'annex). ).

8.1.1Resultats obtinguts en lánàlisi heurístic a www.truekalo.com per a cadascun dels 10 principis dúsabilitat heurística de Jakob Nielsen8 (per a més informació a l'apartat A.5 de l'annex).

1)Visibilitat de l'estat del sistema

➔ Quan cliques una província dÉspanya i sóbre la pàgina amb tots els objectes de la província en concret, dóna un missatge general, com per ex., 'Usted está viendo.....todo de su ciudad'. Estaria bé que el missatge fos més concret per a cadascuna de les províncies triades. Ex. 'Usted está viendo....todo sobre Girona' (en el cas d´haver triat la província de Girona). Ja que una vegada has triat vàries províncies no saps en quina délles estàs a no ser que sàpigues molta geografia i ho sapigues pels pobles que hi apareixen.

➔ Una vegada has clicat dins una província dÉspanya i tens la pàgina amb tots els objectes de la província, i es tria una categoria dóbjecte que apareixen llistades a la part esquerra de la pantalla, una vegada sóbre la pàgina concreta apareix un missatge: 'Usted está viendo …. Ocio' (missatge correcte) ara bé, en cap cas dóbjectes de la província seleccionada sinó de tot Espanya. I en canvi no dóna cap missatge al respecte informant que és de tot Espanya (tot i que inicialment s´ha triat una província concreta).




➔ Tampoc en el cas dénviar una suggerència informa sobre, per ex. Mensaje enviado satisfactoriamente.

➔ En cap cas apareixen missatges déspera. Per ex. quan cliques sobre una fotografia per ampliar la imatge en cap moment avisa que séstà carregant la fotografia ampliada. Apareix un cercle discontinu que gira en el sentit de les agulles del rellotge i si la fotografía triaga massa en carregar-se no hi ha opció dánar en darrrera, aturar-ho o sortir-hi i no dóna cap tipus de missatge informant.

➔ Pel que fa al registre dúsuaris, per ex. , els missatges dérror tampoc són del tot prou clars. Per ex. Si deixes díntroduir camps obligatoris, en comptes de dir-te el nom exacte del camp que t´has deixat díntroduir apareix el missatge següent:

En el cas de que es deixi díntroduir els camps 'Correu electrònic' i 'usuari', apareix la informació següent:

Ocurrieron los siguientes errores:- txtmail esta vacio.– txtusuario2 esta vacio.

➔ Quan cliques el botó 'buscar' de la cerca simple sense haver introduït prèviament un mot a cercar apareix el següent missatge dérror:The following error(s) occurred:- txtbuscar is requiredCaldria que el missatge fos més explícit i entendedor.

➔ Sí, en canvi, informa en els casos següent:

• una vegada registrat:

CORRECTO:EL PROCESO DE REGISTRO HA CONCLUIDO SATISFACTORIAMENTE EL PASSWORD DE ACCESO HA SIDO ENVIADO A SU CUENTA DE CORREO ELECTRÓNICO

• Una vegada s´ha oblidat el mot de pas:'Correcto: Se ha reenviado su contreseña a la dirección de correo electrónico', encara que no sigui cert perquè no hi ha hagut un registre previ.

• Una vegada registrat i sáccedeix amb el nom dúsuari i mot de pas, dóna el missatge següent:

BIENVENIDO A TU ZONA PRIVADA

INTRODUCCION

Desde tu zona privada de usuario puedes llevar una completa gestión de los productos que mantienes en intercambio.

Cómodamente prodrás:• Dar tus artículos de alta• Modificar o eliminar tus articulos de alta



• Insertar hasta 4 fotografías por producto• Consultar “tus cambios pendientes”• Modificar tus datos de acceso

RECUERA QUE CUANTAS MÁS Y MEJORES FOTOS PONGAS PARA TUS TRUEKES MÁS POSIBILIDADES TIENES DE ÉXITO.

A la zona privada també informa amb els següents missatges:

• A la pentanya: MIS ARTICULOS

LISTADO DE SUS ARTÍCULOS LISTADO NUEVO TIENE 0 ARTÍCULOS EN INTERCAMBIO DE 10 POSIBLES. NO OLVIDES QUE CUANTAS MAS IMÁGENES TENGA MAS PROBABILIDADES DE TRUEKE HAY... IMPORTANTE: AUN NO HA INSERTADO NINGUN ARTÍCULO EN INTERCAMBIO

• A la pentanya: MIS CAMBIOS

ERROR: NO HAY CAMBIOS PENDIENTES

• A la pentanya: MIS MENSAJES

ERROR: NO HAY MENSAJES PENDIENTES

• A la cerca avançada, una vegada triada la categoria dóbjecte que vols llistar i la província o ciutat, apareix una informació errònea sobre el que està succeïnt, és a dir, tot i que et diu el nombre dóbjectes trobats per la categoria i ciutat concreta (informació a priori correcta), també apareix la informació següent: 'Usted está viendo,....3 (per ex.), un nombre que no sádiu amb el nombre dóbjectes trobats'. És a dir, que no es sap quina informació està donant amb aquest missatge.

• Sota cada fotografia hi apareix una pregunta: ¿Prod. inapropiado? Que sembla que hi hagi un link associat i en cap moment et porta a enlloc ni dóna cap tipus de missatge.

2)Coincidència entre el sistema i el món real

• Quan deixes díntroduir camps en el registre i dóna el missatge següent:

txtmail esta vacio.



txtusuario2 esta vacio.

En comptes dáquest missatge seria més convenient el següent:

falta introducir el e-mail o la dirección de correo electrónicofalta introducir el nombre de usuario

• També seria interessant que els usuaris, a la cerca, en comptes déstar llistats sense cap tipus dórdre aparent, apareguessin ordenats per algun tipus dórdre convencional com pot ser lálfabètic, per exemple.

• En el cercador simple, si no introdueixen cap paraula i prems el botó 'buscar y trueka', apareix el següent missatge:

The following error(s) ocurred:txtbuscar is required.

Seria interessant que el missatge fos el següent:'No ha introducido ninguna palabra a buscar' o 'Introduzca una palabra' (per ex.).

3) Control i llibertat de l'usuari

L´únic enllaç per tornar a la pàgina dínici és el logo de la pàgina. I tot i que és sabut que és una pràctica habitual utilitzar el logo per tornar a la pàgina inicial-principal cal saber-ho o estar familiaritzat amb aquesta pràctica. És possible que usuaris avançats en tinguin coneixement o ho trobin ràpidament però no persones amb no massa coneixements dínformàtica.

La pàgina en cap moment dóna lópció de tornar en darrera o endavant, és a dir, que per poder-ho fer s´ha démprar les opcions del navegador. Seria interessant que oferís, la mateixa pàgina i, en cadascuna de les pàgines, lópció de, com a mínim, anar en darrera. I a ser possible també lópció dánar endavant (en el cas de que hi hagi lópció).

En definitiva, un enllaç per poder tornar a línici en cada pàgina seria molta convenient.

Quan síntenta obrir una fotografia i no es carrega, no dóna lópció dáturar la càrrega o anar en darrera, ni de fer res. Cal utilitzar les opcions del navegador per poder sortir de léstat indesitjat.

4) Consistència i estàndards

La pestanya 'Apúntate y trueka' no fa el que ha de fer. Si per ex. es tria qualsevol província a la pàgina dínici i, una vegada s´ha desplegat tots els objectes que hi ha a la província que has triat i prems sobre la pestanya 'Apúntate y Trueka' apareixen tots el objectes de totes les províncies dÉspanya, és a tot, absolutament tots el objectes i no es sap si segueixen algun tipus dórdre aquests objectes.



El menú 'LOG de Cambios' serveix per enviar suggerències. Ara bé fins que no es desplega el contingut del menú no es sap què hi ha en aquest menú amb aquest nom. Una vegada clicat sí ja que ho especifica més explícitament: 'Manda tus dudas o quejas a Truekalo.com....Haremos lo que podamos'. Amb un nom de menú més senzill i entenedor com podria ser 'sugerencias' per ex., quedaria més clar, és a dir, no caldria desplegar-lo per saber què conté.

5) Prevenció d´errors

La pestanya 'Apúntate y Trueka' que no funciona en la majoria dels casos es podria preveure.

Les imatges que passat un temps no es carreguen podrien tancar-se al cap de x temps que no s´hagués carregat.

Dins el menú 'Sobre Truékalo', a 'LOG de Cambios' se li podria donar un altre nom que estigués més relacionat amb el que és suggerències, contactar,...

Quan s´ha clicat sobre una província o hi ha tots els objectes desplegats hi ha varies pestanyes referents als objectes concrets. I una d´elles és 'Avisar a un amigo' i, si la cliques (previ registre a la zona privada) apareix el quadre de diàleg següent:

No està clar què cal introduir als camps 'AMIGO 1 >', 'AMIGO 2 >', 'AMIGO 3 >', 'AMIGO 4 >' i 'AMIGO 5 >'. Seria lògic pensar que adreces electròniques però no queda gens clar. I, una vegada omplert un sol camp amb una adreça electrònica la informació que dóna és la següent:

CORRECTO:SE HA ENVIADO LA INFORMACIÓN DEL ARTÍCULO A LA LISTA DE SUS AMIGOS.



Encara que només s´hagi enviat a un amic diu la 'lista' la qual cosa també fa dubtar (ja que en aquest cas només s´ha enviat a un amic). El missatge podria ser, simplement: 'SE HA ENVIADO LA INFROMACIÓN DEL ARTÍCULO' prescindint de la 'LISTA DE SUS AMIGOS'.

Seria interessant que quan estàs dins una província i tries una categoria dóbjecte o fas una cerca simple, en ambdós casos es limités a la província triada prèviament ja que desconcerta una mica de sobte trobar-te amb tots els objectes dáquella categoria de tota Espanya.

Seria interessant que a part de clicar sobre el logo per poder anar a la pàgina dínici hi hagués alguna altra manera més visibles per anar a la pàgina dínici per a les persones no tant experimentades.

6) Reconeixement més que record

Seria interessant que indiqués, en cada moment, la ruta dón es troba lúsuari. Ex.: vostè està a: Inici/Girona/Electrodomèstics o Inici/Tota_Espanya/Llar, etç.

També seria interessant disposar sún mapa del site.

I dún botó explícit per anar a la pàgina dínici i no haver de recordar que s´hi va clicant al logo de la pàgina.

Seria interessant que a la cerca simple especifiqués que només és per a objectes i la cerca es realitza a tot Espanya.

7) Flexibiliat i eficiència d´ús

Per exemple quan es fa una cerca en una categoria dóbjectes, concretament, informàtica. La url és la següent:

http://www.truekalo.com/buscar.php?idt1=9

quan en realitat podria ser:

http://www.truekalo.com/buscar.php?informatica.

El mateix per a les províncies. Ex. Una vegada seleccionada la província: Girona, apareix la url següent:

http://www.truekalo.com/buscartexto.php?txtprovincia=30&txtseccion=%

quan en realitat podria aparèixer la url:

http://www.truekalo.com/buscartexto.php?txtprovincia=girona

etc, etc.


http://www.truekalo.com/buscartexto.php?txtprovincia=girona

http://www.truekalo.com/buscartexto.php?txtprovincia=30&txtseccion=%25

http://www.truekalo.com/buscar.php?informatica

http://www.truekalo.com/buscar.php?idt1=9


8) Disseny estètic i minimalista

Tot i que és un disseny força aconseguit pel que fa a estètica, pràctic i simple, caldria modificar certs aspectes ja citats en els apartats anteriors per a fer la navegació més simple.

9) Ajuda i documentació

Tot i que a priori ja disposa de menús dájuda, com poden ser:'¿Cómo funciona?''Ayúdate de la red'

Caldria informació més explícita sobre que cal estar registrat per poder accedir a la zona privada. I que només llavors es podran dur a terme intercanvis. Ara bé, sempre i quan es tingui objectes per a intercanviar inserits a la mateixa zona, etc.

Tot i que és una web força intuïtiva i no crec que presenti problemes amb les persones més experimentades, sí que és cert que caldria informació més explícita sobre el funcionament de la web.

Així mateix també caldria ser més explícit o donar la informació més acurada dels camps que cal introduir i com introduir-los exactament en quadres de diàleg que es van desplegant al llarg de lús de la pàgina i citats en punts anteriors.

10) Compatibilitat

Mozilla 2.0.

No funciona la pestanya 'Apuntate y Trueka'

Internet Explorer 8

No funciona la pestanya 'Apuntate y Trueka'.

A la cerca avançada, concretament la ressenya que donen explícitament en la pàgina per a dur a terme cerca dúsuaris control+F, no funciona.



8.1.2 Test amb la tècnica de pensar en veu alta (Thinking aloud)9 .Per a més informació a l'apartat A.6 de l'annex:

www.truekalo.com

En aquesta prova es mostra a lúsuari la pàgina a navegar i un conjunt de tasques a realitzar. Se li demana a lúsuari que realitzi les tasques i que expliqui en veu alta què pensa mentre està realitzant les tasques.

Concretament s´han avaluat a 5 usuaris amb diferents coneixements dínformàtica.

Per a lávaluació dáquesta prova es tindrà en compte:

➢ El rendiment en la realització de les tasques (basat en la consecució de la realitzaci ó de les taques).

➢ Lópinió de lúsuari (prenent atenció a la tècnica de pensar en veu alta).

8.1.2.1 Instruccions per a la realització de la prova

Per a la realització de la prova s´ha donat a lúsuari les següents instruccions:

✗ La duració de la prova serà de 30 minuts aproximadament.

✗ Durant la realització de la prova es pot demanar o consultar algun dubte, tot i que el que es pretén aconseguir és que no existeixi cap influència externa que pugui alterar la interrelació entre la interfície i lúsuari.

✗ La relació de tasques a realitzar es detallaran a lápartat següent i s´han lliurat a lúsuari en format formulari.

✗ Lávaluador pren nota dels comentaris que van sorgint en la realització de les tasques. I els recorda que descriguin què estan fent i perquè;en definitiva què pretenen aconseguir.

✗ Les tasques es poden realitzar de forma seqüencial. No obstant es deixarà a criteri de lúsuari lórdre de consecució de les mateixes.

✗ Al final se´ls demanarà quines coses concretes els hi ha agradat i quines no.




8.1.2.2 Tasques a realitzar10

Tasca 1: Visualitza els objectes que hi hagi en la teva província natal (o dácollida) i digues quants objectes hi ha en total en aquesta província.

Tasca 2: Obre 3 fotografies dóbjectes que et puguin interessar.

Tasca 3: Estem duent a terme un estudi de pàgines díntercanvi i ens interessaria veure tots els objectes intercanviables que té 'truékalo' a la seva pàgina. De quants objectes estem parlant en total?

Tasca 4: algú t´ha dit que a la primera pàgina de 'truekalo' hi ha un link al facebook i vols comprovar-ho.

Tasca 5: quants objectes délectrònica té per intercanviar 'truékalo'?

Tasca 6: volem anar a Tarragona i necessitem un sac i tenda de campanya. Pots mirar si algú dáquesta província nófereix i així ho passaríem a recollir en el mateix viatge?

Tasca 7: necessito un bolso. Pots dir-me si n´hi ha per intercanviar?

Tasca 8: necessito trobar material dínformàtica, però ha de ser entre les províncies de Girona i Barcelona ja que no vull anar massa lluny a buscar-ho. De quants articles estem parlant?

Tasca 9: fa temps vaig realitzar un intercanvi amb un usuari que es deia SENSEI i vaig quedar molt contenta. Seria interessant saber si aquest usuari encara existeix i en cas afirmatiu quants objectes té per intercanviar.

Tasca 10: imagina que la teva veïna vol registrar-se a aquesta pàgina i no sap com fer-ho, pots ajudar-la? A on ha dánar. Li pots omplir els camps?

Tasca 11: He tingut problemes amb un usuari de 'truekalo' i vull enviar un missatge a truekalo. Informat-los. Des dón es pot fer?

Tasca 12: Suposa que has vist algun objecte que tínteressa i tens objectes a intercanviar, quins passos has de seguir per poder realitzar líntercanvi? Pensa-ho i si cal consulta tota la informació de la que 'truékalo' disposa.

Què t´ha ha agradat i què no?



8.1.2.3 Comentaris Generals

La persona no troba el nombre dóbjectes que hi ha de cada categoria, o província o de tot Espanya, és a dir, a baix de tot de la pàgina a lésquerra hi ha el nombre dóbjectes totals de la selecció feta.

Quan la persona fa una cerca o clica sobre una província concreta no té clar dón es troba ja que en cap moment apareix el nom de la província. Caldria que es veiés més clarament no només el nom del municipi sinó també de la província ja que pel nom del municipi es fa molt difícil saber a quina província dÉspanya es troba a no ser que es tingui molts coneixements de geografia.

A lóbrir les fotografies aquestes són tan grans que no es veuen prou bé, o es diu que hi ha més dúna fotografia (1 de 4, per ex.) i no queda clar com fer-ho per anar a la següent ni tampoc com tancar-la. Tot i que s´ha connectat amb internet explorer i les fotografies sóbren correctament. Segons amb quina versió del mozilla no es poden tancar.

Hi ha fotografies que no sácaben dóbrir.

Costa trobar com anar a la pàgina dínici. Fins que no es troba el logo que és el que porta a la pàgina dínici, cal utilitzar els botons déndavant i en darrera del navegador o bé posar ládreça de la pàgina dínici per poder-hi anar.

Desorienta la cerca simple ja que una vegada s´ha seleccionat una província i es vol fer una cerca dúna categoria, sútilitza el cercador simple que fa les cerques a tot Espanya i desconcerta a lúsuari ja que espera trobar els objectes de la categoria dáquella província i es troba amb els objectes de tot Espanya.

No queda clar a quina província séstà o si séstà a tot Espanya.

En un principi la cerca avançada queda en segona pla i es tendeix a utilitzar la cerca simple quan en realitat és molt més útil la cerca avançada ja que la cerca simple en cap cas especifica que sigui de tot Espanya (seria interessant que ho mencionés tan sols).

Desconcerta trobar tants usuaris i sense cap ordre. No obstant, si et connectes amb internet explorer especifica que fent 'ctrol+f' pots buscar per nom dúsuari, cosa que no succeeix si et connectes amb el mozzilla.

Costa trobar un e-mail de contacte. Tot i que està a varis llocs no està en un lloc prou visible.

A les pestanyes que apareixen quan hi ha objectes en pantalla, és a dir, a 'Te lo Cambio', 'Avisar a un amigo', 'Contactar' i 'Geolocalizar', a les 3 darreres quan hi poses el curso a sobre, apareix el text 'amigo', quan en realitat hauria déspecificar



la pestanya en qüestió, o explicar perquè serveix. A la primera pestanya, al passar el cursor per sobre apareix el nom de la pestanya 'Te lo cambio', en canvi a totes les altres apareix el nom de 'amigo'.

Una vegada intentes accedir com a persona prèviament registrada si no introdueixes la contrasenya correctament, bé perquè l´has oblidada, bé perquè no t´has registrat mai anteriorment, apareix una segona pantalla on et demana introduir el nom dúsuari i una paraula de seguretat i acte seguit apareix el missatge: 'Correcto: Se ha reenviado su contreseña a la dirección de correo electrónico', la qual cosa no és certa ja que no hi ha un registre previ.

El cercador simple indueix a error ja que busca a tot Espanya fins i tot quan estàs dins una província concreta.

La cerca per usuaris desconcerta ja no està ordenada per odre alfabètic. Sembla que estigui ordenada per ordre en que s´han registrat els usuaris.

8.1.2.4 El que més ha agradat a lúsuari

✔ La pàgina dínici: el mapa amb les diferents províncies.

✔ I que és de fàcil navegació una vegada familiaritzat amb el funcionament de la pàgina.

✔ La pàgina compleix la seva funció i en general és simple i no és recarregada.

✔ El cercador és ràpid.

✔ El disseny de la pàgina.

✔ La gran quantitat dóbjectes intercanviables.

✔ La primera classificació dels objectes per províncies.

✔ La cerca avançada.



8.1.2.5 El que menys ha agradat a l´usuari

✗ Que calgui registre previ per poder fer intercanvis.

✗ En el cercador avançat no hi ha on poder introduir una paraula simple per a fer una cerca.

✗ No trobar on poder-se posar en contacte.

✗ Una vegada estàs en pàgines explicatives tipus 'LOG de cambios', 'Sobre nosotros', '¿Cómo funciona?', etc. No saps com tornar per poder realitzar una cerca.

✗ No es pot donar un objecte sense res a canvi. Sembla que forçosament calgui reaplitzar intercanvi.

✗ La poca informació inicial de com iniciar un intercanvi.

✗ La poca informació dels objectes.

✗ No trobar com anar a la pàgina d´inici.

✗ No saber en quina província et trobes.

✗ No poder fer res, ex. Ni avisar a un amic si prèviament no estàs registrat.



8.1.2.6 Conclusions i recomanacions

Caldria posar, apart del nom del poble, també la província (a no ser que sigui capital de província) i posar-ho més visible a cadascun dels objectes.

També a la pàgina inicial de cadascuna de les províncies que quedi ben clar i ben visible el nom de la província seleccionada.

Posar la cerca avançada més visible.

Posar el nombre dóbjectes més visibles. Potser a línici de la pàgina en comptes del final.

Clarificar com tornar a la pàgina dínici. Costa trobar que és el propi logo de la pàgina l´única manera dánar a la pàgina dínici.

Caldria deixar clar que la cerca simple és a tot Espanya (sobretot quan estàs dins una província seleccionada).

Posar una e-mail de contacte més visible i fàcil de trobar.

Posar el nombre dóbjectes que hi ha de cada categoria o de cada província més a la vista.

No queda prou clar, no és prou explícit el procés a seguir per poder intercanviar. Caldria informació més detallada.

Text alternatiu o explicatiu a les pestanyes dels objectes al passar el cursor per sobre dáquestes.

La llista per categories que es troba en la secció lateral esquerra indueix a error. Una vegada cliques sobre una categoria dins una província concreta salta automàticament a tot Espanya.

El menú 'Apuntate y Trueka' indueix a error: si el cliques en primera opció en la pàgina principal obre el registre. Si el cliques a posteriori obre una pàgina amb diferents objectes.



9. Accessibilitat web11

“És lárt de garantitzar que, tan amplia i extensament com sigui possible, els mitjans (com per exemple láccés a la web) estiguin disponibles a les persones, tinguin o no deficiències dún tipus o dún altre”12

(Per a més informació sobre accessibilitat consultar l'apartat A.7 de l'annex).

9.1 Avaluació de láccessibilitat web

Per a la realització de lávaluació de láccessibilitat s'han emprat:

➢ Diferents eines automàtiques,

➢ I diferents eines manuals.

9.1.1 Eines automàtiques (els resultats de les quals es poden consultar a l'annex):

Primerament s´ha emprat el TAW13, eina automatitzada que es basa, per a la realització de lánàlisi, en les regles desenvolupades pel WAI14, pertanyent al W3C15. (Annex A.8).

A continuació s'ha utilitzat el validador automàtic css16 (Annex A.9).

I s'ha analitzat també amb un validador del color17(Annex A.10).

9.1.2 Validadors manuals:

S´ha analitzat les pàgines amb 2 navegadors diferents: el Mozilla firefox18 i lÍnternet Explorer19.

A continuació detallem els resultats obtinguts amb el navegador dínternet Mozilla firefox versió 17.0:

Una vegada descarregada léxtensió Web Developer Toolbar20:

• Deshabilitats els estils mitjançant el menú



Eines > Web Developer > CSS > Disable Styles > All Styles

En general la navegació de les pàgines de truekalo.com una vegada deshabilitats els estils és correcte. No obstant, observem que costa diferenciar la informació relacionada entre objectes. És a dir, no queda clar quina informació és de cadascun dels objectes. No queda clar els links 'Te lo cambio', 'Avisar a un amigo', 'contactar' i 'Geolocalizar' a quin objecte concret pertanyen.

A simple vista sembla que desaparegui el link a les diferents categories ja que el cursor no canvia ni a fletxa, ni a mà,...sobre dáquestes categories, no obstant si cliques sobre una délles, desplega tota la llista referent a la categoria.

• Deshabilitar les imatges

Eines > Web Developer > Images > Disable Images > All Images

Com que la pàgina principal és tota ella una imatge al desactivar les imatges la navegació a truekalo es fa del tot impracticable. Hi ha text alternatiu general 'mapa de Espanya' però sense cap funcionalitat. És impossible avançar a les pàgines posteriors.

Només hi ha text alternatiu al logo de la pàgina: 'logo', no obstant el link dáquest text no funciona.

A la imatge del cercador avançat, en comptes de text hi apareix un número, el 2, i si cliques sobre ell porta al cercador avançat. Caldria text alternatiu. El mateix succeeix amb le imatges dels objectes, apareix el nombre 2, a totes i cadascuna délles.

A la fotografia de lápartat 'Como funciona' la imatge desapareix i no hi ha ni text alternatiu ni numeració.

A 'Ayúdate de la red' torna a aparèixer el nombre 2 en comptes de la imatge però sense cap text alternatiu ni tampoc link associat.

A la pàgina 'mi cuenta' la fotografia tampoc té text alternatiu associat.

En general les fotografies no tenen text alternatiu associat amb excepció del mapa dÉspanya, de la pàgina dínici, i el logo. No obstant, cap de les dues té link associat i, per tant, la navegació es fa impracticable. I les que tenen text alternatiu tenen el número 2 amb el link, aquestes sí, que els hi correspon com és el cercador avançat i les imatges dels objectes.

Es podria solucionar afegint 'alt', text alternatiu, en el lloc de les imatges.



• Deshabilitar el javascript

Eines > Web Developer > Disable > Disable Javascript > Disable All Javascript

La navegació només s´ha vist afectada en les pàgines on apareix el menú lateral esquerra amb totes les categories dóbjectes en forma de llista perquè no es pot accedir a aquestes categories llistades.

• Deshabilitar el color

Eines > Web Developer > Disable > Disable Page Colours

La pàgina dínici com tota ella és una imatge no canvia pràcticament res ja que segueix sent mapa dÉspanya de tons blavosos sobre lletra blanca. I en la qual no hi ha massa bon contrast.

A la resta de pàgines observem un major contrast entre el fons i el color de les lletres deshabilitant el color ja que el disseny de les pàgines utilitza tons blaus sobre lletres de color blanc que no té tant bon contrast.

• No ha calgut desconnectar el so ja que no n´hi ha.

• S´ha utilitzat els controls del navegador per canviar el tamany de les font i sóbserva que la pàgina segueix sent usable.

• Sense emprar el ratolí s´ha usat el teclat per navegar pels enllaços i camps de les pàgines per comprovar que tots siguin accessibles i que els enllaços indiquen clarament on es redirigeix:

Pel que fa a la pàgina dínici es pot accedir a totes les províncies per ordre alfabètic. Ara bé, només 2 vegades a tot el mapa dÉspanya ja que llavors deixa de ser navegable.

Pel que fa a les pàgines de províncies, és a dir, una vegada seleccionada una província o bé tot Espanya i, una vegada desplegats tots els objectes de la província en qüestió o tots, podríem accedir a les pestanyes dels objectes i menús però en cap cas podríem fer una selecció per categoria, ni una cerca, ni simple ni avançada, ni obrir una fotografia. En definitiva, moltes de les funcionalitats es fan impracticables sense el ratolí.

• S´han comprovat les pàgines amb diferents resolucions de pantalla, posant la finestra del navegador a un tamany una mica inferior al màxim per comprovar que no apareix l´scroll horitzontal.



Només apareix scroll horitzontal en totes les pàgines amb una resolució de 800x600.

A continuació detallem els resultats obtinguts amb lÍnternet Explorer versió 8.0.6001.18702:

• Deshabilitar els estils

Opciones de Internet > General > Accesibilidad > Omitir los estilos de funete especificados en pàginas web

Tant a la pàgina dínici com a les posteriors la navegació no es veu afectada al deshabilitar els estils.

• Deshabilitar les imatges

Herramientas > Opciones de Internet > Opciones avanzadas > Multimedia > Desactivar lópció: Mostrar imágines i Restablecer.

El text alternatiu que hi ha pels menús de la pàgina dínci, en algun délls porta a confusió. Per ex. El menú 'Apúntate y trueka' en el text alternatiu apareix el nom de 'Buscar artículos' i al clicar apareix el formulari de registre. La segona vegada que cliques sobre ell apareixen tots els articles de truekalo.

En comptes de les fotografies dels objectes a totes elles apareix el número 2, sense cap més explicació.

També apareix el número 2 en comptes de la imatge del cercador avançat sense cap altre tipus de text.

Gairebé a totes les imatges en comptes dáquestes hi ha el nombre 2 o bé res.

• Deshabilitar el javascript

Herramientas > Opciones de Internet > Seguridad > Internet > Nivel Personalizado > Automatización > Deshabilitar

La navegació només s´ha vist afectada en les pàgines on apareix el menú lateral esquerra amb totes les categories dóbjectes en forma de llista perquè no es pot accedir a aquestes categories llistades.



• Deshabilitar el color

Opciones de Internet > General > Accesibilidad > Omitir los colores especificados en pàginas web

Observem exactament els mateixos resultats que observats amb léxplorador Mozilla/Firefox.

La pàgina dínici com tota ella és una imatge no canvia pràcticament res ja que segueix sent mapa dÉspanya de tons blavosos sobre lletra blanca. I en la qual no hi ha massa bon contrast.

A la resta de pàgines observem un major contrast entre el fons i el color de les lletres deshabilitant el color de la pàgina ja que el disseny de les pàgines de truekalo utilitza tons blaus sobre lletres de color blanc que no té massa bon contrast.

• Deshabilitar els tamanys de fonts

Opciones de Internet > General > Accesibilidad > Omitir los tamaños de fuentes especificados en páginas web

Tot i que algunes paraules queden tallades perquè no hi caben en els camps com pot ser pe ex. A 'LOG de cambios' 'Enviar Sugeren' en general la navegació es bona.

• No ha calgut desconnectar el so ja que no n´hi ha.

• S´ha utilitzat els controls del navegador per canviar el tamany de les font i sóbserva que la pàgina segueix sent usable.

• Sense emprar el ratolí s´ha usat el teclat per navegar pels enllaços i camps de les pàgines per comprovar que tots siguin accessibles i que els enllaços indiquen clarament on es redirigeix:

Pel que fa a la pàgina dínici es pot accedir a totes les províncies per ordre alfabètic. Ara bé, només pots passar per tots les províncies dues vegades ja que la tercera vegada que vols començar a seleccionar una província ja no és possibe.

Pel que fa a les pàgines de províncies, és a dir, una vegada seleccionada una província o bé tot Espanya i, una vegada desplegats tots els objectes de la província en qüestió o tots, podríem accedir a les pestanyes dels objectes i menús. En aquests casos es prou visible. No obstant per accedir al cercador avançat cal consultar la barra horitzontal inferior, ara bé, una vegada sáccedeix a una categoria i una província determinada no es poden



consultar totes les pàgines dóbjectes, només la primera pàgina (en el cas de que n´hi hagi més dúna). No es pot repetir tornar a passar per tots els objectes de la pàgina més dúna vegada.

Si sáccedeix a una província i una categoria concreta que no disposa dóbjectes ja no es pot sortir de la pàgina en qüestió.

No es pot accedir al cercador simple.

En definitiva, la navegació, sense ratolí es fa molt complicada en molts casos i impracticable en molts dáltres.

• S´han comprovat les pàgines amb diferents resolucions de pantalla, posant la finestra del navegador a un tamany una mica inferior al màxim per comprovar que no apareix l´scroll horitzontal.

Apareix scroll horitzontal a partir de la resolució de 1024x768.



9.1.3 Resultats obtinguts amb els validadors manuals

● Al deshabilitar els estils costa diferenciar la informació relacionada entre objectes. No queda clar quina informació és de cadascun. No queda clar les pestanyes 'Te lo cambio', 'Avisar a un amigo', 'contactar' i 'Geolocalizar' a quin objecte concret pertanyen. En el cas del navegador mozilla/firefox.

● Al deshabilitar les imatges la navegació a truékalo es fa del tot impracticable, sobretot a la pàgina principal. Hi ha text alternatiu a 'mapa de Espanya' però sense cap funcionalitat. És complicat avançar cap a les pàgines posteriors, sobretot en el cas del mozilla.

Només hi ha text alternatiu al logo de la pàgina principal, i al mapa no obstant aquest darrer link no funciona i el del logo et deixa a la mateixa pàgina principal.

A la majoria dímatges no hi ha text alternatiu. Ni amb internet explorer ni amb mozilla. I en el cas de que existeixi text alternatiu, si les imatges eren un link, el text alternatiu deixa de ser-ho.

A la resta dímatges la majoria délles en lloc de text alternatiu hi tenen associat el número 2.

● Al deshabilitar el javascript el menú lateral esquerra de les categories deixa de ser navegable.

● Al deshabilitar el color (fons blanc i fonts negres o blaves depenent de si es tracta dún link) la pàgina passa a tenir més bon contrast. Ja que sinó estem parlant de fons blau sobre fonts blanques o fons gris sobre fonts també grises.

● La majoria de funcionalitats deixen de ser impracticables sense l´ús del ratolí.



9.1.4 Conclusions i recomanacions

Identificar l'idioma principal del document i Identificar amb claredat els canvis en l'idioma del text del document i en qualsevol text.

Proporcionar un text equivalent per a tot element que no sigui textual.

Que tota la informació transmesa a través del color també estigui disponible sense color.

A les taules de dades identificar els encapçalaments de fila i columna.

Organitzar el document de tal manera que pugui ser llegit sense full d'estil.

Assegurar que els equivalents d'un contingut dinàmic s'actualitzen en canviar-ne el contingut.

Assegurar-se que les pàgines segueixen sent usables quan es desconnecten o no es suporten els scripts, els applets o altres objectes programats.

Fer que els colors de fons i primer pla en imatges tinguin prou contrast perquè siguin percebudes per pesones amb deficiències de percepció de color en pantalles en blanc i negre.

Crear un ordre lògic per navegar amb el tabulador per vincles, controls de formulari i objectes.

Facilitar dreceres de teclat per als vincles més importants.

Localitzar la informació destacada a l'inici dels encapçalaments, paràgrafs, llistes,...

Crear estils de presentació que siguin coherents a totes les pàgines.

Dividir els blocs llargs d'informació en grups més manejables quan sigui natural i apropiat.

Faciltar resums de les taules.

Si es faciliten funcions de cerca, caldria permetre diferents tipus per a diversos nivells d'habilitats i preferències.



10. Conclusions

Primerament fer constar la importància que se li ha donat a lúsuari en tot el procés dánàlisi, tant pel que fa a lánàlisi de requeriments com a les diferents avaluacions, tant de la usabilitat com de láccessibilitat.

S´ha cregut que només dáquesta manera, mitjançant el Disseny Centrat en lÚsuari i els diferents mètodes dávaluació centrats també en lúsuari es garanteix així que la web sigui el més propera, fàcil i intuïtiva démprar per als usuaris potencials.

S´ha prioritzat léficàcia, léficiència, la claretat i la senzillesa enfront de la sofisticació amb la finalitat dóbtenir els objectius assenyalats anteriorment en el treball.

I s´ha cregut també amb la importància de tenir en compte tant el disseny centrar en lúsuari, com les diferents avaluacions centrades en lúsuari no només per a les avantatges citades anteriorment que en definitiva són una millora de la qualitat del producte sinó que a més, el que sáconsegueix amb l´ús dáquesta metodologia és una reducció de costos, de producció i de manteniment.

Així doncs, i en definitiva el que es pretén aconseguir per davant de tot és una interfície el més usable i accessible possible perquè el màxim dúsuaris hi pugui fer els intercanvis que cregui més convenients i oferir tots els coneixements i objectes dels que disposi amb la màxima comoditat i facilitat possible.



11. Glossari

Accessibilitat: capacitat de ser fàcilment accessible. A l’entorn d’Internet es qualifiquen d’usables els indrets que proporcionen einessenzilles per l’accés a la informació a tot tipus d’usuaris, siguin quines siguin les seves capacitats i condicions físiques, psíquiques o culturals.

Applets: és un component d'una aplicació que s'executa en el context d'un altre programa, per exemple un navegador web.

Avaluació heurística: Tècnica d’avaluació de sistemes interactius en el qual una sèrie d’experts avaluen el sistema a partir d’uns principis ja establerts (heurístics).

Benchmarking: és un anglicisme que, en les ciències de l’administració, pot definir-se com un procés sistemàtic i continu per a avaluar comparativament els productes, serveis i processos de treball en organitzacions. Consisteix a prendre “comparadors “ o “benchmarks” a aquells productes, serveis i processos de treball que pertanyin a organitzacions que evidenciïn les millors pràctiques sobre l’àrea d’interès, amb el propòsit de transferir el coneixement de les millors pràctiques i la seva aplicació; és "copiar al millor".

Disseny Centrat en l´Usuari: metodologia en la qual els coneixements de l’usuari i la seva implicació en el procés de disseny son fonamentals.

E-mail: Electronic Mail (correu electrònic). És la denominació global que es dóna a l’intercanvi de missatges en un servei telemàtic en línia. En internet s’utilitza per intercanviar missatges, programes fonts, anuncis, articles, etc., entre usuaris de la xarxa.

Escenari: metodologia per definir i documentar les activitats típiques isignificatives de les persones enfront una interfície.

Explorer: Microsoft Internet Explorer. Navegador de l’empresa Microsoft que, a partir de Windows 98, va integrat al sistema operatiu.

Formulari: estil d’interacció en què l’usuari introdueix dades en una sèrie de caselles etiquetades i ordenades anomenades camps.

Frame: Els frames o ‘marcos’ en castellà, són una manera de partir la pàgina en diferents espais independents els uns dels altres, de forma que en cada espai es col·loqui una pàgina diferent amb un fitxer HTML distint.

IHO: Interacció Humana amb els Ordinadors. Disciplina que s’encarrega d’estudiar les relacions existents entre la tecnologia de computadors i els humans, la manera d’apropar les tecnologies a fi i efecte que siguin assolibles per les persones.

Menú: conjunt d’opcions mostrades en una pantalla on l’elecció d’unad’aquestes fa que l’estat dels sistema canviï.

Mozilla: Mozilla Foundation es una organización sin ánimo de lucro dedicada a la creación de software libre. Tiene como misión "mantener la elección y la innovación en Internet". La fundación es conocida por crear el navegador Mozilla Firefox.



Navegador: programa per recórrer la World Wide Web. Alguns dels més coneguts són Netscape Navigator, Microsoft Explorer, Opera i Neoplanet.

Script: és un programa usualment simple, que generalment s'emmagatema en un arxiu de text.

TAW: són les sigles de Test d’accessibilitat Web. És una eina per a l’anàliside l’accessibilitat de llocs web, arribant a d’una forma integral i globala tots els elements i pàgines que ho componen.

Test d’usuaris: prova d’usabilitat que es basa en l’observació i anàlisi de com un grup d’usuaris reals utilitza el lloc web, anotant els problemes d’ús amb els que es troben per poder solucionar-los posteriorment.

Usabilitat: és la disciplina que estudia la forma de dissenyar llocs web de forma que els usuaris puguin interactuar amb ells de la forma més fàcil, còmoda i intuïtiva possible.

Usuari: Persona que interactua amb la web.

VCAG: Web Content Accessibility Guidelines (pautes d´accessibilitat web)

W3C: World Wide Web

WAI: Web Accessibility Initiative: grup de treball del W3C que persegueix l’accessibilitat de la web a través de la tecnologia, les normatives, les eines de validació i reparació, l’educació i la investigació i desenvolupament.

Web: sistema de documents interconnectats per enllaços hypertext ques’executen en Internet.

World Wide Web: Sistema documental consistent en la combinació més o menys dinàmica d’informació textual, gràfica i multimèdia per a la construcció de xarxes de coneixement sobre la plataforma Internet.



12. Referències

[1] Wikipedia, Benchmarking a http://es.wikipedia.org/wiki/Benchmarking [Consulta 2012]

[2] Scribd, Evaluating Web Site Quality: A Benchmarking Approach a http://www.scribd.com/doc/10934868/Evaluating-Web-Site-Quality-A-Benchmarking-Approach [Consulta 2012]

[3] “Elements de la IPO: disseny, persones i tecnologia”, Yusef Hassan Montero; Editorial UOC, Pàgina 22

[4] Cost-Effective User Centred Designed, Users( baseline checklist) a http://www.usabilitynet.org/trump/methods/recommended/context.htm [Consulta 2012]

[5] Information & Design,Designing for humans a http://www.infodesign.com.au/usabilityresources/analysis/contextualenquiry.asp ; http://www.infodesign.com.au/ftp/SampleContextualEnquiryReport.pdf [Consulta 2012]

Fluid, Contextual Inquiry a http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry [Consulta 2012]

[6] Wikipedia, Usabilitat a http://ca.wikipedia.org/wiki/Usabilitat i http://en.wikipedia.org/wiki/Usability_testing#How_many_users_to_test.3F [Consulta 2012]

[7] Usability.gov, avaluació heurística a http://www.usability.gov/methods/test_refine/heuristic.html [Consulta 2012]

[8] Wikipedia, Jakob Nielsen a http://en.wikipedia.org/wiki/Jakob_Nielsen_%28usability_consultant%29 i http://ca.wikipedia.org/wiki/Jakob_Nielsen [Consulta 2012]

Jakob Nielsen, Usabilitat Web http://www.useit.com/ i http://www.useit.com/alertbox/thinking-aloud-tests.html [Consulta 2012]

[9] jameshom.com, usability test think aloud protocol a http://usability.jameshom.com/ [Consulta 2012]

[10] UIE ('User Interface Engineering'), Usability testing mistakes a http://www.uie.com/articles/usability_testing_mistakes [Consulta 2012]

User Focus, Test Tasks a http://www.userfocus.co.uk/articles/testtasks.html [Consulta 2012]

[11] [Guía de accesibilidad] Generalitat de Catalunya a www.gencat.cat/web/cas/accessibilitat/PautesWCAG_cas.pdf [Consulta 2012]


http://www.userfocus.co.uk/articles/testtasks.html

http://www.uie.com/articles/usability_testing_mistakes

http://usability.jameshom.com/

http://www.useit.com/alertbox/thinking-aloud-tests.html

http://www.useit.com/

http://ca.wikipedia.org/wiki/Jakob_Nielsen

http://en.wikipedia.org/wiki/Jakob_Nielsen_(usability_consultant)

http://en.wikipedia.org/wiki/Jakob_Nielsen_(usability_consultant)

http://www.usability.gov/methods/test_refine/heuristic.html

http://en.wikipedia.org/wiki/Usability_testing#How_many_users_to_test.3F

http://ca.wikipedia.org/wiki/Usabilitat

http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry

http://www.infodesign.com.au/ftp/SampleContextualEnquiryReport.pdf

http://www.infodesign.com.au/usabilityresources/analysis/contextualenquiry.asp

http://www.infodesign.com.au/usabilityresources/analysis/contextualenquiry.asp

http://www.usabilitynet.org/trump/methods/recommended/context.htm

http://www.scribd.com/doc/10934868/Evaluating-Web-Site-Quality-A-Benchmarking-Approach

http://www.scribd.com/doc/10934868/Evaluating-Web-Site-Quality-A-Benchmarking-Approach

http://es.wikipedia.org/wiki/Benchmarking


[12] Wikipedia, Tim Berners-Lee (creador del Word Wide Web) a http://es.wikipedia.org/wiki/Tim_Berners-Lee [Consulta 2012]

[13] T.A.W, taw a http://www.tawdis.net/ [Consulta 2012]

[14] Web Accessibility Initiative, WAI a http://www.w3.org/WAI/ [Consulta 2012]

[15] Word Wide Web Consorcium, W3C a http://www.w3c.es/ i http://www.w3.org/WAI/References/QuickTips/qt.es.htm i http://www.codexexempla.org/traducciones/pautas-accesibilidad-contenido-web-2.0.htm [Consulta 2012]

[16] Cascading Style Sheet, avaluació de les fulles d´estil en cascada a http://jigsaw.w3.org/css-validator/validator.html.es [Consulta 2012]

[17]. Colour Contrast Colour Analyser Firefox Extension, validació automàtica del color a https://addons.mozilla.org/en-us/firefox/addon/juicy-studio-accessibility-too/ [Consulta 2012]

[18] Mozilla.org, navegador mozilla a http://www.mozilla.org/es-ES/firefox/fx/ [Consulta 2012]

Wikipedia, navegador Mozilla Firefox a http://es.wikipedia.org/wiki/Mozilla_Firefox [Consulta 2012]

[19] Microsoft, Internet Explorer a http://windows.microsoft.com/es-ES/internet-explorer/download-ie [Consulta 2012]

Wikipedia, Internet Explorer a http://es.wikipedia.org/wiki/Internet_Explorer [Consulta 2012]

[20] Mozilla.org, Web Developer a https://addons.mozilla.org/en-US/firefox/addon/60 [Consulta 2012]


https://addons.mozilla.org/en-US/firefox/addon/60

http://es.wikipedia.org/wiki/Internet_Explorer

http://windows.microsoft.com/es-ES/internet-explorer/download-ie

http://windows.microsoft.com/es-ES/internet-explorer/download-ie

http://es.wikipedia.org/wiki/Mozilla_Firefox

http://www.mozilla.org/es-ES/firefox/fx/

https://addons.mozilla.org/en-us/firefox/addon/juicy-studio-accessibility-too/

http://jigsaw.w3.org/css-validator/validator.html.es

http://www.codexexempla.org/traducciones/pautas-accesibilidad-contenido-web-2.0.htm

http://www.codexexempla.org/traducciones/pautas-accesibilidad-contenido-web-2.0.htm

http://www.w3.org/WAI/References/QuickTips/qt.es.htm

http://www.w3c.es/

http://www.w3.org/WAI/

http://www.tawdis.net/

http://es.wikipedia.org/wiki/Tim_Berners-Lee


13. Bibliografia

[Pautas de accesibilidad WCAG 1.0 i WCAG 2.0] UOC. Graduado Multimedia. Interfaz para sistemas multimedia

[Métodos de evaluación con usuarios] Amaia Calvo-Fernández Rodríguez,Sergio Ortega Santamaría i Alicia Valls Saez. UOC

[Introducción a la usabilidad y su evaluación] Sergio Ortega Santamaría. UOC

[Métodos de evaluación sin usuarios] Mònica Zapata Lluch. UOC

[Disseny Centrat en l´Usuari] Muriel Garreta Domingo, Enric Mor Pera. UOC

[Tecnologia, diversitat i accessibilitat] Carlos Casado Martínez, Loïc Martínez Normand. UOC

[Elements de la IPO: disseny, persones i tecnologia] Yusef Hassan Montero. UOC

[Introducció a la interacció Persona-Ordinador] Yusef Hassan Montero. UOC



ANNEX

A.1. Pàgines web analitzades

Nom: intercanvis.org

URL: http://www.intercanvis.org/

Criteris DescripcióRellevància La informació que apareix al web és la desitjada. No obstant, es

troba a faltar un camp dájuda ja que el camp “com funciona”, es tracta més de la filosofia del web que no pas dájuda de funcionament dáquest. També, per reforçar els anuncis, caldria un barem de conservació de cadascun dels objectes. Els anuncis de lápartat “d´últims anuncis” no hi apareix la data dínserció dáquests.

Utilitat Dins lápartat “Veure els anuncis” o “Anuncis” hi ha un botó (amb un dibuix dún ull) “Veure anuncis”on hi apareix un desplegable per triar els anuncis segons la categoria desitjada que no funciona, no respon.



A lápartat “Últims anuncis” caldria que hi constés la data per saber de quina actualització dels anuncis estem parlant.

Fiabilitat Hi ha missatges vells, caducats que caldria que fossin eliminats. Són els mateixos usuaris que avisen de la caducitat del missatge (caldria buscar un sistema alternatiu déliminació de missatges).

Especialització Els anuncis estan diferenciats per categories la qual cosa facilita la tasca de recerca dóbjectes. En lápartat “Últims anuncis” s´ha de seleccionar i obrir els missatges per saber si es cerca o sófereix lóbjecte en qüestió. Caldria que quedés més clar.

Arquitectura La informació observable a la primer pàgina no és massa rellevant potser seria més interessant veure els objectes que sófereixen i els que es demanden.

Navegable T´has de desplaçar massa amb el ratolí en la pàgina principal. Pel que fa a la pàgina “Els anuncis” hi ha un apartat “Veure anuncis” que no té massa sentit ni tampoc és massa navegable ja que no es sap per quin criteri estan ordenats els anuncis, ni la seva disposició.

Eficiència És lenta léxposició dels anuncis. Disposició dels objectes

En general la disposició dels objectes és ládequada. No obstant, el cercador gairebé passa desapercebut degut a la seva posició en la pàgina.Caldria diferenciar més de la resta de la pàgina els botons: “Afegir anunci” i “Veure els anuncis” situats a la part superior esquerra.

Animació No n´hi ha.



Nom: Ecoxarxa GironaURL: www.ecoxarxagirona.org

Criteris DescripcióRellevància En general la informació que apareix al web és la desitjada. No

obstant, hi ha molta informació i molta redundant, com per ex. en la pàg. Principal hi trobem “Calendari activitats”, “Calendari” i “Activitats Properes” que donen la mateixa informació i, a sobre és buida de contingut. Així com també, les ofertes i les demandes, què és el CES, alta al CES, etc.

Utilitat Hi ha menús sense informació associada, com per ex. “calendari categories” o “Activitats properes”

Fiabilitat Hi ha força informació caducada. Podem trobar encara les activitats que es van dur a terme lány 2011. Així com demandes del 2011 i 2010. Hi ha molta informació de la qual es podria prescindir, bé per caducada bé per redundant.

Especialització Molts menús i informació referent a les eco xarxes, filosofies i maneres de fer, articles i vídeos. Sobrecàrrega dínformació a la pàgina principal. El menú dófertes i demandes està poc especialitzat.

Arquitectura Sobrecàrrega de menús: tant a la dreta com a lésquerra de la pantalla.

Navegable La pantalla podria cabre perfectament sense haver-te de desplaçar amb el cursos si no hi fossin els menús buits de continguts.

Eficiència És lenta léxposició de la informació. Disposició dels objectes

Massa menús a la pàgina principal. El registre queda gairebé amagat en la pàgina dínici i desapareix en les següents.

Animació No n´hi ha.




Nom: loregalo.com

URL: http://www.loregalo.com/

Criteris DescripcióRellevància Pàgina dáparença senzilla però amb la informació justa i

apropiada. Utilitat Els menús i la informació de la que disposa són útils. Es troba a

faltar un cercador.Fiabilitat Mancaria una nota sobre l´última actualització del web ja que tant

objectes que sófereixen com que es demanden són de força anys en darrera. Manca un gestió tant de les ofertes com de les demandes, és a dir, eliminar les antigues o en desús.

Especialització Tant els menús com la informació està força especialitzada. Les ofertes estan especialitzades per categories i altres criteris, no obstant, les demandes no disposen de cap tipus déspecialització.

Arquitectura El contingut organitzat en la web és molt amè, agradable i senzill.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat déxposició de la

informació és relativament ràpid. Disposició dels objectes

La disposició dels objectes és la correcta.

Animació Existeix animació exclusivament en el menú “filosofia” i no serveix perquè lúsuari interactuï sinó simplement com a complement gràfic.




Nom: Quierocambiarlo.com

URL: http://www.quierocambiarlo.com/

Criteris DescripcióRellevància La informació és la rellevant. Tot i a que a primer cop dúll hi ha

sobrecàrrega dínformació i l'aparença és caòtica. Utilitat En general els menús i la informació són útils.Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant

això, pels anuncis que hi apareixen es pot observar que la informació és actual.

Especialització Web molt especialitzada en els intercanvis.Arquitectura La web, aparentment es troba sobrecarregada dínformació, no

obstant aquesta és ládequada.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat déxposició de la

informació és relativament ràpid. Especifica en el web que el temps de generació de la pàgina és de 0.58 segons.

Disposició dels objectes

En la disposició dels objectes es prioritza els anuncis de pagament als menús i objectes propis de líntercanvi.

Animació Hi ha animació en els anuncis de pagament. I hi ha molts anuncis de pagament.




Nom: ReUtil

URL: http://reutil.net/

Criteris DescripcióRellevància La pàgina és rellevant ja que el grau de la informació que disposa és

rellevant per als usuaris. Utilitat Els menús i la informació de la que disposa són útils.Fiabilitat La informació que sóbserva és actualitzada.Especialització

Es desprèn que és una web especialitzada en els intercanvis.

Arquitectura Lárquitectura és ládient: menús a la part superior. A la part esquerra les categories i informació relacionada amb els objectes. A la part central els objectes pròpiament. I a la part dreta anuncis varis i vídeos.

Navegable És fàcilment navegable i còmode. Eficiència Es pot considerar eficient ja que el temps estimat déxposició de la



La disposició dels objectes és, en general, la desitjada: cercador en primera posició, seguit dels menús. No obstant, els apartats més visitats, els ja donats, els més vistos i les últimes demandes podrien estar posicionats diferent de tal manera que no fessin desplaçar tant per la pàgina.

Animació No disposa dánimació.


http://reutil.net/


Nom: TeLoCambio.net

URL: http://telocambio.net/

Criteris DescripcióRellevància La informació és la rellevant. No obstant, es troba a faltar un menú i

informació sobre les ofertes i les demandes. Utilitat Menús repetits, no obstant això, la informació que conté és útil.Fiabilitat En cadascun dels anuncis apareix el nombre de dies i hores restants

que li queden per a estar exposats.Especialització

No dóna láparença de ser un web molt especialitzat ja que trobes a faltar menús referents a les ofertes i a les demandes.

Arquitectura La disposició dels objectes fa que sigui un web senzill i agradable de navegar.

Navegable És fàcil i còmode de navegar, no obstant el menú superior és tant petit que costa de trobar, per ex. com tornar a la pàgina dínici.

Eficiència És una pàgina molt eficient.Disposició dels objectes

La disposició dels objecte és la correcta i fa que el disseny sigui agradable.

Animació Hi ha animació en dos 'frames' idèntics: un superior i un dínferior en la mateixa pàgina que anuncies la pròpia pàgina. No son massa agradables per a lúsuari.


http://telocambio.net/


Nom: Ecoxarxa Empordà

URL: http://ecoxarxaemporda.wordpress.com/

Criteris DescripcióRellevància Molts titulars que no s'entén ben bé a què es refereixen. La

informació principal no és massa rellevant. A més, hi ha excés de menús i informació a la banda dreta de la pàgina inicial. I menús, el títol de quals no se sap ben bé què contenen fins que s´accedeix a la informació.

Utilitat En general, els menús superiors de la pàgina inicial són útils. No tant la informació que contenen. A la banda dreta hi ha un excés de menús.

Fiabilitat Molta informació caduca i no gaire bé datada.Especialització Web poc especialitzada.Arquitectura A part del menú principal (el superior) i el cercador, la resta del

contingut i la disposició no sembla massa adequada.Navegable La navegació en general és lenta. Cal massa desplaçament amb la

barra lateralEficiència No és massa ràpida.Disposició dels objectes

La disposició dels objectes no és l'adient, amb excepció del menú principal.

Animació Sense animació




Nom: Cadena de Cambios

URL: http://www.cadenadecambios.com/

Criteris DescripcióRellevància A la pàgina principal no hi ha informació rellevant, és a dir, no hi ha

informació. Has de saltar a la pàgina següent per trobar quelcom d'informació. I en la següent pàgina la percepció tampoc és massa positiva.

Utilitat En general els menús són poc útils i la informació també.Fiabilitat No és gaire fiable ja que els missatges no se sap quan temps fa que

s'ofereixen; la informació en general no se sap de quan és.Especialització Web molt poc especialitzada en els intercanvis.Arquitectura L'organització del contingut en web és una força caòtic i poc útil.Navegable Es fa feixuga de navegar. S'ha d'obrir massa pàgines i la informació

continguda en elles tampoc és la desitjada.Eficiència És molt lenta. S'obren diferents pestanyes. Disposició dels objectes

La disposició dels objectes no és massa encertada. Presenta una aparença desordenada i poc professional.

Animació La pàgina principal és tota ella i només una animació.




Nom: de persona a persona

URL: http://www.depersonaapersona.es/

Criteris DescripcióRellevància La informació és la rellevant. Utilitat Els menús i la informació que hi apareixen són útils.Fiabilitat Sembla força fiable ja que trobem anuncis actualitzats del dia. Especialització Es pot considerar una web especialitzada tant pel que fa als

intercanvis d'objectes, coneixements i serveis com a banc del temps.

Arquitectura A la primera pàgina, sobretot a la primera visió general es prioritzen més les imatges que no pas la informació.

Navegable És fàcilment navegable. L'únic inconvenient és que t'has de moure constantment amb la barra de desplaçament lateral.

Eficiència La pàgina és eficient ja que les diferents pàgines dels diferents menús es carreguen amb rapidesa.


Sobretot la disposició del menú principal és la correcta, no obstant, la resta d´objectes com poden ser el registre, la cerca o informació referent als intercanvis queda fora de la primera zona reservada com a principal de la primera pàgina. Es dóna prioritat a imatges.

Animació Hi ha animació en la imatge de la pàgina principal i en un anunci de pagament també de la pàgina principal.




Nom: creciclando

URL: http://www.creciclando.com/

Criteris DescripcióRellevància La web és molt rellevant.Utilitat Web molt útil. Es troba a faltar, però, un botó per tornar a l'inici de

la pàgina.Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant

això, pels anuncis que hi apareixen es pot observar que la informació és actualitzada.

Especialització Web molt especialitzada en els intercanvis (d'embarassades i nens).

Arquitectura L´arquitectura del web és molt agradable.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat d´exposició de la


La disposició dels objectes és la desitjada.

Animació Animació inexistent.




Nom: Deixalleria de Girona – Ajuntament de Girona

URL: http://www.deixalleriadegirona.org/ofertes_i_demandes/index.php

Criteris DescripcióRellevància La web és molt senzilla però la informació és la rellevant. Utilitat És molt útil tenint en compte la seva senzillesa. Tot i que els

objectes estan ordenats per categories, es troba a faltar un cercador.

Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant això, els anuncis estan actualitzats.

Especialització Web especialitzada en els intercanvis tenint en compte que és només un apartat d'una web (un apartat dins el web de la deixalleria de l'ajuntament de Girona).

Arquitectura L'arquitectura és l'adequada: correcta i agradableNavegable És fàcilment navegable. Eficiència És eficient.Disposició dels objectes

La disposició dels objectes és l'adequada.



http://www.deixalleriadegirona.org/ofertes_i_demandes/index.php


Nom: XIC – Xarxa d´Intercanvi de Coneixements Collblanc – La Torrassa. Hospitalet

URL: http://www.xic.cat/

Criteris DescripcióRellevància Web suficientment rellevant. Utilitat En general els menús i la informació és útil.Fiabilitat La informació es veu actualitzada, no obstant, no hi ha cap

referència explícita a l'última actualització del web.Especialització Web suficientment especialitzada en l'intercanvi de coneixements.Arquitectura L'arquitectura del web no es pot dir que sigui agradable ni la

desitjada.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat d´exposició de la

informació és el desitjat.Disposició dels objectes

La disposició dels objectes és correcta.





Nom: nolotiro. org

URL: http://nolotiro.org/es

Criteris DescripcióRellevància Web no massa rellevant pel que fa a la informació que ofereix.

Sobrecàrrega d´informació i aparença feixuga. Utilitat Web no massa útil. No disposa de cap tipus de menú i dificulta el

desplaçament pel web.Fiabilitat Els anuncis estan actualitzats.Especialització

Tot i que es sembla ser un web molt molt actiu no és un web especialitzat.

Arquitectura L'arquitectura del web és feixuga, no és gens agradable.Navegable No és fàcilment navegable; cal desplaçar-se molt amb la barra de

desplaçament lateral.Eficiència Es pot considerar eficient ja que el temps estimat d´exposició de la


La disposició dels objectes no és la desitjada.

Animació No hi ha animació.




Nom: RE Canvi – Ajuntament de Valls

URL: http://re-canvi-valls.cat/

Criteris DescripcióRellevància La informació és la rellevant. Utilitat En general és útil. Potser es podria prescindir de l'enumeració de la

llista de categories de la pàgina principal i fer-ho mitjançant un menú desplegable.

Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant això, pels anuncis que hi apareixen es pot observar que la informació és actual.

Especialització

Web especialitzada.

Arquitectura Arquitectura, en general, millorable.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat d´exposició de la


En la disposició dels objectes és millorable. L'aparença és confusa.

Animació Petita animació a la pàgina principal per anunciar la pròpia pàgina.




Nom: DCN - DonoCanvioNecessito

URL: http://donocanvionecessito.reus.cat/

Criteris DescripcióRellevància La informació és la rellevant. Tot i a que a primer cop dúll hi ha

sobrecàrrega dínformació i l'aparença és caòtica. Utilitat En general els menús i la informació són útils.Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant

això, pels anuncis que hi apareixen es pot observar que la informació és actual.

Especialització

Web molt especialitzada en els intercanvis.

Arquitectura La web, aparentment es troba sobrecarregada dínformació, no obstant aquesta és ládequada.

Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat déxposició de la



En la disposició dels objectes es prioritza els anuncis de pagament als menús i objectes propis de líntercanvi.

Animació Hi ha animació en els anuncis de pagament. I hi ha molts anuncis de pagament.




Nom: Cambia.es

URL: http://www.cambia.es/

Criteris DescripcióRellevància La pagina és pot considerar rellevant en relació a la informació de la

que disposa. Utilitat Útil en general. No obstant falta un menú per poder tornar a l'inici,

camps de la cerca dels anuncis no massa útils, entre d'altres.Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant

això, pels anuncis que hi apareixen es pot observar que la informació és actualitzada al dia.

Especialització

Web molt especialitzada no tant sols en els intercanvis sinó també en la compra i el lloguer d'aquests.

Arquitectura L'arquitectura és la desitjada. És agradable. Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat d´exposició de la


La disposició dels objectes és la correcta.

Animació No disposa d'animació.




Nom: Truekalo

URL: http://www.truekalo.com/

Criteris DescripcióRellevància La informació és la justa. No hi ha massa informació al respecte. Utilitat Pàgina útil no obstant es troben a faltar menús per tornar a les

pàgines anteriors: inici, províncies,etc.Fiabilitat Mancaria una nota sobre l´última actualització del web. Tot i que no

hi ha massa activitat en la pàgina pels darrers anuncis introduïts es pot observar que la informació és actual.

Especialització

Web especialitzada.

Arquitectura L'arquitectura del web és agradable.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient.Disposició dels objectes

La disposició dels objectes es la correcta. Potser el cercador caldria posar-lo més visible. I es troba a faltar algun que altre objecte-menús: d'inici, entre d'altres.





Nom: Vols Tens Barcelona

URL: http://www.barcelona.volstens.org/

Criteris DescripcióRellevància La informació, tot i que no n'hi ha massa, es pot dir que és la

rellevant. Utilitat En general és útil. No obstant, si vas a Vols Tens Global, no pots

tornar a l'inici de la pàgina. I molts dels anuncis que decideixen tancar (perquè et donen l'opció de fer-ho) o les categories ja no tens opció de tornar-les a obrir.

Fiabilitat Mancaria una nota sobre l´última actualització del web, no obstant això, pels anuncis que hi apareixen es pot observar que la informació és actual.

Especialització Web no massa especialitzada.Arquitectura Arquitectura agradable.Navegable És fàcilment navegable. Eficiència Es pot considerar eficient ja que el temps estimat d´exposició de la



La disposició dels objectes és correcte.





A.2 Qüestionari

Usuari Perfil

Habilitats i coneixementsQuina experiència general tens en informàtica?

Tens experiència en la utilització de pàgines díntercanvi? Recordes la darrera vegada que has accedit a una pàgina díntercanvi?Com definiries léxperiència?Què pots explicar-ne al respecte? Has realitzat algun tipus díntercanvi? Quin? Quant temps fa?

Dades personalsEdatSexeCategoria professionalSector empresarial

Aptitud i motivacióQuina és la teva aptitud per al producte?I la teva aptitud per a la informació tecnològica?Et sents motivat en la navegació per les pàgines díntercanvi?

Pàgines web


Creus que està ben estructurada i organitzada?Creus que és fàcil de navegar?Creus que els intercanvis són fàcils de realitzar?Creus que la informació es troba fàcilment accessible?Els cercadors són fàcils démprar ?I el registre dúsuaris?Què és el que més t´ha agradat?Què és el que menys t´ha agradat?Et mereix la teva satisfacció?Perquè?

www.intercanvis.org






www.loregalo.com


www.quierocambiarlo.com


www.truekalo.com







A3. Resultats de les respostes dels usuaris al qüestionari

Els resultats obtinguts els detallem a continuació i els observem en els gràfics següents:

Pel que fa a léxperiència dels usuaris amb les pàgines díntercanvi observem que la gran majoria no tenen experiència en pàgines díntercanvi i, per tant, tampoc han realitzat mai cap intercanvi. Concretament el 87% no tenen experiència en pàgines díntercanvi i només el 13% en té.

Gràfic 1. Experiència dels usuaris en les pàgines díntercanvi.


H a n r e a l i t z a t i n t e r c a n v i a l g u n a v e g a d a

1 8 , 7 5 %

8 1 , 2 5 %

0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

1 2 0 %

s í n o

Experiència en les pàgines díntercanvi

87%

13%

sí

no


Gràfic 2. Resposta dels usuaris a la pregunta de si han realitzat mai algun tipus díntercanvi mitjançant pàgines web.

Observem que dels enquestats que tenen experiència i han realitzat algun tipus díntercanvi (el 18,75%), aquests són joves usuaris, és a dir, o menors de 18 anys o bé molt joves dins el segon rang dúsuaris.Pel que fa a la motivació observem que una mica més de la meitat dels usuaris senten motivació per les pàgines díntercanvi. En aquest cas no té tant a veure lédat de lúsuari per a sentir-se motivat.

Gràfic 3. Resposta dels usuaris a la pregunta de si es senten motivats per les pàgines díntercanvi.

El 56% dels enquestats es senten motivats per les pàgines díntercanvi. No en canvi, el 44% els enquestats.


Motivació per les pàgines díntercanvi

56%

44%

sí no


Passem ara a analitzar el que pensen els usuaris de les diferents pàgines web d´intercanvi:

Gràfics 4, 5, 6, 7 i 8, respectivament. . Resposta dels usuaris a la pregunta de si creuen que les pàgines web: www.barcelona.volstens.org, www.intercanvis.org, www.loregalo.com, www.quierocambiarlo.com i www.truekalo.com, respectivament estan ben organitzades i estructurades

De les respostes obtingudes pels usuaris observem que truekalo.com és la pàgina més ben considerada pel que fa a estructuració i organització (amb un 87%). Seguida de loregalo.com i intercanvis.org que presenten empat (81%). Ambdues van seguides de barcelona.volstens.org amb un 69% d´usuaris que creuen que sí que està ben estructurada i organitzada. En canvi, quierocambiarlo.com la majoria


C r e u s q u e e s t à b e n o r g a n i t z a d a i e s t r u c t u r a d a ?

w w w . b a r c e l o n a . v o l s t e n s . o r g0 %

3 1 %

6 9 %s ín on / s


w w w . i n t e r c a n v i s . o r g

1 9 % 0 %

8 1 %s ín on / s


w w w . l o r e g a l o . c o m

1 9 % 0 %

8 1 %s ín on / s


w w w . q u i e r o c a m b i a r l o . c o m

5 6 %

0 %4 4 %

s ín on / s


w w w . t r u e k a l o . c o m

1 3 % 0 %

8 7 %s ín on / s






dúsuaris creu que no està ni ben estructurada ni ben organitzada (un 56% dels enquestats opinen que no ho està, en front dún 44% dénquestats que sí que ho creu).

Pel que fa a la facilitat en la seva navegació observem resultats molt similars a la pregunta anterior:

Gràfics 9, 10, 11, 12 i 13, respectivament. . Resposta dels usuaris a la pregunta de si creuen que és fàcil navegar per les pàgines web: www.barcelona.volstens.org, www.intercanvis.org, www.loregalo.com, www.quierocambiarlo.com i www.truekalo.com, respectivament.

Observem unanimitat de si creuen que és fàcil navegar en la resposta pel que fa a truekalo.com (el 100% dels enquestats creu que sí és fàcil navegar-hi). Resultats molt similars per a intercanvis.org i loregalo.com, 87,5 % i 93,75%, respectivament. També ho creuen els enquestats de barcelona.voltens.org amb un 81,25%. En canvi a quierocambiarlo.com tot i que la majoria d´ usuaris creuen que és fàcil navegar


s ín o n / s

8 1 , 2 5 %

1 8 , 7 5 %

0 %0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

C r e u s q u e é s f à c i l n a v e g a r ? w w w . b a r c e l o n a . v o l s t e n s . o r g

s ín o

n / s

8 7 , 5 0 %

6 , 2 5 % 6 , 2 5 %

0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

C r e u s q u e é s f à c i l n a v e g a r ? w w w . i n t e r c a n v i s . o r g

s ín o

n / s

9 3 , 7 5 %

6 , 2 5 %0 %

0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

C r e u s q u e é s f à c i l n a v e g a r ? w w w . l o r e g a l o . c o m

s í n on / s

6 2 , 5 0 %

3 7 , 5 0 %

0 %0 %

2 0 %

4 0 %

6 0 %

8 0 %

C r e u s q u e é s f à c i l n a v e g a r ? w w w . q u i e r o c a m b i a r l o . c o m

s ín o

n / s

1 0 0 %

0 %0 %

0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

C r e u s q u e é s f à c i l n a v e g a r ? w w w . t r u e k a l o . c o m






per la pàgina, molts d´aquests també opinen que no ho és, concretament un 37,50% opinen que no és fàcil navegar per aquesta pàgina web.

Pel que fa a la pregunta: “creus que els intercanvis són fàcils de realitzar”:

Gràfics 14, 15, 16, 17 i 18, respectivament. . Resposta dels usuaris a la pregunta de si creuen que els intercanvis són fàcils de realitzar a les pàgines: www.barcelona.volstens.org, www.intercanvis.org, www.loregalo.com, www.quierocambiarlo.com i www.truekalo.com, respectivament.


C r e u s q u e e l s i n t e r c a n v i s s ó n f à c i l s d e r e a l i t z a r ?

w w w . b a r c e l o n a . v o l s t e n s . o r g

1 0 0 %

0 % 0 %0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

1 2 0 %

s í

n o

n / s


w w w . i n t e r c a n v i s . o r g

6 2 , 5 0 %

3 7 , 5 0 %

0 %0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

s í

n o

n / s


w w w . l o r e g a l o . c o m

8 1 , 2 5 %

6 , 2 5 %1 2 , 5 0 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

9 0 %

s í

n o

n / s


w w w . q u i e r o c a m b i a r l o . c o m

8 7 , 5 0 %

6 , 2 5 % 6 , 2 5 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

9 0 %

1 0 0 %

s í

n o

n / s


w w w . t r u e k a l o . c o m

6 8 , 7 5 %

6 , 2 5 %

2 5 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

s í

n o

n / s






Observem que els usuaris creuen que els intercanvis més fàcils de realitzar són els que es duen a terme a la pàgina de barcelona.voltens.org, amb un 100% d´enquestats que ho creu. I els que menys fàcils els hi semblen són els de la pàgina intercanvis.org (un 37,5% d´enquestats que opina que no són fàcils de realitzar). Pel que fa a la pàgina truekalo.com hi ha moltes respostes de “no saben (n/s)” ja que per a poder realitzar intercanvis cal estar registrat, és per aquest motiu que no han pogut comprovar si és senzill dur a terme un intercanvi i per aquest motiu crec que obten per la resposat no saben (n/s). Tant loregalo.com com quierocambiarlo.com els enquestats opinen molt similar: 81,25% i 87,5% que creuen que és fàcil realitzar intercanvis en aquestes pàgines, respectivament.



Pel que fa als cercadors observem que la majoria dúsuaris troben que són fàcils démprar:

Gràfics 19, 20, 21, 22 i 23, respectivament. . Resposta dels usuaris a la pregunta de si creuen que els cercadors són fàcils dútilitzar a les pàgines: www.barcelona.volstens.org, www.intercanvis.org, www.loregalo.com, www.quierocambiarlo.com i www.truekalo.com, respectivament.

Els cercadors de truekalo.com són els més senzills dútilitzar per unanimitat de tots els usuaris (el 100% dels enquestats opina que els cercadors són fàcils dútilitzar).


E l s c e r c a d o r s s ó n f à c i l s d ´ e m p r a r ?w w w . b a r c e l o n a . v o l s t e n s . o r g

8 1 %

6 %

1 3 %

s í n o n / s

E l s c e r c a d o r s s ó n f à c i l s d ´ e m p r a r ?w w w . i n t e r c a n v i s . o r g

1 3 %

8 1 %

6 %

s í n o n / s

E l s c e r c a d o r s s ó n f à c i l s d ´ e m p r a r ?w w w . l o r e g a l o . c o m

9 4 %

6 % 0 %

s í n o n / s

E l s c e r c a d o r s s ó n f à c i l s d ´ e m p r a r ?w w w . q u i e r o c a m b i a r l o . c o m

6 % 0 %

9 4 %

s í n o n / s

E l s c e r c a d o r s s ó n f à c i l s d ´ e m p r a r ?w w w . t r u e k a l o . c o m

1 0 0 %

0 %0 %

s í n o n / s






Seguit de quierocambiarlo.com i loregalo.com que han obtingut la mateixa puntuació en quant a facilitat d´ús dels cercadors, concretament, un 94% pensen que sí. I els cercadors menys fàcils dútilitzar han estat els de barcelona.voltens.org i intercanvis.org; no obstant aquests darrers han estat valorats amb un 81% dúsuaris que creuen que sí són fàcils dútilitzar.

Pel que fa als registres dúsuari observem que només dues de les cinc pàgines analitzades tenen registre dúsuari:

Gràfics 24 i 25, respectivament. . Resposta dels usuaris a la pregunta de si creuen que els registres dúsuaris són fàcils dútilitzar a les pàgines: www.loregalo.com, i www.truekalo.com, respectivament.

loregalo.com té un 74% dúsuaris que pensen que és fàcil dútilitzar, enfront dún 56% dels usuaris de truekalo.com. No obstant, truekalo.com té un 38% dúsuaris que no saben què respondre respecte al registre, enfront dún 13% dúsuaris de loregalo.com.


I e l s r e g i s t r e s d ´ u s u a r i s ó n f à c i l s d ´ u t i l i t z a r ?w w w . l o r e g a l o . c o m

7 4 %

1 3 %

1 3 %

s í n o n / s

I e l s r e g i s t r e s d ´ u s u a r i s ó n f à c i l s d ´ u t i l i t z a r ?w w w . t r u e k a l o . c o m

5 6 %

6 %

3 8 %

s í n o n / s




A la pregunta de si mereix la satisfacció dels usuaris observem el següent:

Gràfics 26, 27, 28, 29 i 30, respectivament. . Resposta dels usuaris a la pregunta de si les pàgines següents mereixen la seva satisfacció: www.barcelona.volstens.org, www.intercanvis.org, www.loregalo.com, www.quierocambiarlo.com i www.truekalo.com, respectivament.

Observem que qui més satisfacció produeix és la pàgina truekalo.com per unanimitat de tot els usuaris (el 100% dels usuaris els ofereix satisfacció). Per contra, la que menys satisfacció produeix és quierocambiarlo.com, amb un 62,5% d´enquestats que opinen que sí els ofereix la seva satisfacció. Pel que fa a les pàgines intercanvis.org i loregalo.com han obtingut el mateix resultat (un 75% que sí)i, una mica menys de satisfacció que les dues anteriors però no gaire menys els ofereix barcelona.volstens.org amb un 68,75% d´usuaris que opinen que sí.


6 8 , 7 5 %

3 1 , 2 5 %

0 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

s í n o n / s

E t m e r e i x l a t e v a s a t i s f a c c i ó ?w w w . b a r c e l o n a . v o l t e n s . o r g

7 5 %

2 5 %

0 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

s í n o n / s

E t m e r e i x l a t e v a s a t i s f a c c i ó ?w w w . i n t e r c a n v i s . o r g

7 5 %

2 5 %

0 %

0 %

1 0 %2 0 %

3 0 %

4 0 %

5 0 %6 0 %

7 0 %

8 0 %

s í n o n / s

E t m e r e i x l a t e v a s a t i s f a c c i ó ?w w w . l o r e g a l o . o r g

6 2 , 5 0 %

3 7 , 5 0 %

0 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

s í n o n / s

E t m e r e i x l a t e v a s a t i s f a c c i ó ?w w w . q u i e r o c a m b i a r l o . o r g

1 0 0 %

0 % 0 %

0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

s í n o n / s

E t m e r e i x l a t e v a s a t i s f a c c i ó ?w w w . t r u e k a l o . o r g






I, finalment, a la pregunta de si creuen els usuaris que la informació es troba fàcilment accessible, observem el següent:

Gràfics 31, 32, 33, 34 i 35, respectivament. . Resposta dels usuaris a la pregunta de si creuen que la informació es troba fàcilment a les pàgines següents: www.barcelona.volstens.org, www.intercanvis.org, www.loregalo.com, www.quierocambiarlo.com i www.truekalo.com, respectivament.


s í

n o

n / s

6 , 2 5 %1 2 , 5 0 %

8 1 , 2 5 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

9 0 %

C r e u s q u e l a i n f o r m a c i ó e s t r o b a f à c i l m e n t ?w w w . b a r c e l o n a . v o l t e n s . o r g

s í

n o

n / s

s í

n o

n / s

6 , 2 5 %1 2 , 5 0 %

8 1 , 2 5 %

0 %

2 0 %

4 0 %

6 0 %

8 0 %

1 0 0 %

C r e u s q u e l a i n f o r m a c i ó e s t r o b a f à c i l m e n t ?w w w . i n t e r c a n v i s . o r g

s í

n o

n / s

s í

n o

n / s

1 2 , 5 0 %6 , 2 5 %

8 1 , 2 5 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

9 0 %

C r e u s q u e l a i n f o r m a c i ó e s t r o b a f à c i l m e n t ?w w w . l o r e g a l o . c o m

s í

n o

n / s

s í

n o

n / s

0 %

5 0 %5 0 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

C r e u s q u e l a i n f o r m a c i ó e s t r o b a f à c i l m e n t ?w w w . q u i e r o c a m b i a r l o . c o m

s í

n o

n / s

s í

n o

n / s

6 , 2 5 %6 , 2 5 %

8 7 , 5 0 %

0 %

1 0 %

2 0 %

3 0 %

4 0 %

5 0 %

6 0 %

7 0 %

8 0 %

9 0 %

C r e u s q u e l a i n f o r m a c i ó e s t r o b a f à c i l m e n t ?w w w . t r u e k a l o . c o m

s í

n o

n / s







Observem que a totes les pàgines analitzades els usuaris troben que la informació es troba fàcilment accessible amb excepció de la pàgina quierocambiarlo.com que hi ha un empat entre els usuaris que creuen que la informació es troba fàcilment i els que no (un 50%).Truekalo.com és la que obté la puntuació més elevada (un 87,5%) seguida de les altres pàgines amb un empat del 81,25%.



A.4 Què és una avaluació heurística (heuristic evaluation)?

Una avaluació heurística² és un mètode dínspecció de la usabilitat per a programes o interfícies dórdinador que ajuden a identificar els problemes dúsabilitat en el disseny de les interfícies dúsuari. Específicament implica avaluadors que examinin la interfície i donin la seva conformitat amb els reconeguts principis dúsabilitat (“els heurístics”)

Les avaluacions heurístiques sovint estan realitzades per un grup petit dávaluadors (dún a tres) . Els avaluadors examinen independentment línterfície dúsuari i jutgen el compliment dún conjunt de principis dúsabilitat. El resultat dáquest anàlisi és una llista de possibles problemes dúsabilitat.

Els principis dúsabilitat, o també anomenats l´heurística dúsabilitat, es poden agafar de llistes publicades. Idealment, cadascun dels problemes dúsabilitat està assignat a un o més heurístics per ajudar a facilitar la fixació del problema. Com més avaluadors estiguin involucrats, més problemes reals es localitzen.

Avantatges

El mètode pot proporcionar una retroalimentació ràpida i relativament barata als dissenyadors. I la retroalimentació pot ser obtinguda en una fase inicial del procés de disseny. Lássignació correcta de l'heurística pot ajudar a suggerir les millors mesures correctives per als dissenyadors.

Desavantatges

Requereix cert nivell de coneixement i experiència per a láplicació efectiva dels heurístics. Experts capacitats en usabilitat són sovint difícil i cars de trobar. Es recomanen múltiples avaluadors i els resultats han d´ésser agregats. Lávaluació sol identificar més problemes menors i menys assumptes importants.



A.5 Les deu usabilitats heurístiques de Jakob Nielsen

Aquests són els 10 principis generals per al disseny d'una interfície. S'anomenen "heurístics" perquè són més aviat unes "regles d'or" que no pas una guia específica d'usabilitat.

1)Visibilitat de l'estat del sistema: els sistema hauria sempre d'informar sobre el que està succeint, amb una retroalimentació apropiada i amb un temps raonable.

2)Coincidència entre el sistema i el món real: el sistema ha de parlar el mateix llenguatge que els usuaris, amb paraules, frases i conceptes familiars per a l'usuari, en comptes de terminologia orientada al sistema. Seguint les convencions del món real i fent que la informació aparegui en un ordre lògic i natural.

3) Control i llibertat de l'usuari: els usuaris sovint utilitzen funcions per error i els cal per tant, una clara "sortida d'emergència" per a poder sortir de l'estat no desitjat. Per tant, cal suportar les accions de ‘fer’ i ‘desfer’.

4) Consistència i estàndards: els usuaris no s´han de preocupar de paraules diferents, situacions i accions que vulguin dir el mateix. Cal seguir les convencions de la plataforma.

5) Prevenció dérrors: millor que bons missatges dérror és un disseny acurat que previngui els errors. Eliminar qualsevol condició propensa a error o preguntar als usuaris amb una opció de confirmació abans de comprometre amb lácció.

6) Reconeixement més que record: minimitza l´ús de la memòria dels usuaris utilitzant objectes, accions i opcions visibles. Els usuaris no tenen perquè haver de memoritzar informació dúna part del diàleg a una altra. Les instruccions d´ús del sistema han déstar visibles o fàcilment recuperables quan calgui.

7) Flexibiliat i eficiència d´ús: acceleradors – passant desapercebuts per a lúsuari principiant – han dóferir sovint accelerar la interacció per als usuaris experts de manera que el sistema pugui atendre ambdós usuaris, amb i sense experiència. Permetre als usuaris adaptar les accions freqüents.

8) Disseny estètic i minimalista: els menús no han de contenir informació irrellevant i poc útil. Cada unitat dínformació irrellevant en els menús competeix amb les unitats dínformació rellevants i disminueix la seva relativa visibilitat.

9) ajuda i documentació: fins i tot si el sistema pot ser usat sense la necessitat de documentació és necessari proveir-lo dájuda i documentació. Qualsevol tipus dínformació ha de ser senzilla de buscar, centrada en les tasques de lúsuari, enumerar els passos concrets que es duran a terme i no massa extens.

10) compatibilitat: cal que la pàgina sigui compatible amb diferents versions de navegadors i sistemes operatius. Així com tenir cura amb les fonts, els colors i els scripts usats.



A.6 Què és un test dúsabilitat amb protocol de verbalizació (usability test think aloud protocol)?

El test dúsabilitat amb protocol de verbalització és una tècnica molt popular usada en les avaluacions de lúsabilitat.

El protocol de verbalització és una tècnica popular usada durant els tests dúsabilitat. En el transcurs de la prova, mentre el participant està duent a terme una tasca que forma part dels escenaris dels usuaris, es pregunta al participant que verbalitzi en veu alta els seus pensaments, sentiments i opinions mentre interactua amb el producte.

Com dur-ho a terme?

Es proveeix al participant amb el producte que ha de testar (o un prototip de la interfície) i un escenari de tasques a realitzar. Fes que els participants duguin a terme les tasques usant el producte i que expliquin que pensen sobre el producte mentre treballen amb la interfície del producte.

Pensant en veu alta et permet comprendre com sácosta la interfície a lúsuari i quines consideracions té lúsuari en ment quan està usant la interfície. Si lúsuari expressa que la seqüència de passos per acomplir una tasca és diferent a lésperada per lúsuari, potser és que la interfície és enrevessada.

No obstant, el major benefici amb el protocol de verbalització és una millor comprensió del model mental de lúsuari i interacció amb el producte. Altre dáltres beneficis pot ser, per ex., la terminologia de lúsuari quan expressa una idea o funció podria ser incorporada en el disseny del producte o a la fi en la seva documentació.

Quan s´hauria démprar aquesta tècnica?

Pot ser usada en qualsevol etapa de desenvolupament. El protocol de verbalització en veu alta és una manera econòmica dóbtenir qualitativa retroalimentació durant el test.



A.7 Accessibilitat

L'accessibilitat aplicada al contingut d'internet es denomina accessibilitat web. En la Web, el W3C ha desenvolupat directrius o pautes específiques per a permetre i assegurar aquest tipus d'accessiblitat. El grup de treball dins del W3C encarregat de promoure-la és el WAI, elaborant per a això unes Pautes d'Accessibilitat al contingut Web, WCAG.

Dácord amb la WAI a continuació es definiran que són les Pautes (guidelines), les Tècniques dáccessibilitat al contingut de la web i la Taula de punts de verificació per a les Pautes dÁccessibilitat.

Pauta dáccessibilitat

És una especificació del W3C que proporciona una guia sobre láccessibilitat dels llocs web per a les persones amb discapacitat. Pensada per a tots els dissenyadors de webs i també per als dissenyadors déines de creació. El principal objectiu de la pauta és promoure láccessibilitat. Així doncs, seguint-la es farà la web més usable per a tots els usuaris. En definitiva les pautes expliquen com fer el contingut multimèdia més accessible i, per tant, per a més usuaris.

Un total de 14 pautes formen el que són els principis generals per aconseguir el disseny dúna pàgina web accessible.

Tècnica per a la pauta dáccessibilitat

És un procediment per aplicar correctament una pauta dáccessibilitat. Ensenya, mitjançant exemples, com s´ha de dissenyar una pàgina web per tal que compleixi els requisits dáccessibilitat.

La implementació de les pautes i les tècniques produeixen els disseny esperat sempre i quan es segueixi la Taula de Punts de Verificació per les Pautes dÁccessibilitat, també a lábast consultant la web de la WAI.

Taula de punts de verificació per a les Pautes dÁccessibilitat

És una llista de punts de revisió de les pautes dáccessibilitat, organitzats per conceptes, per tal de que els desenvolupadors de continguts web la puguin utilitzar per a revisar la seva web.



Cada punt de verificació té un nivell de prioritat assignat pel Grup de Treball (WAI) fonamentat en límpacte sobre láccessibilitat. Hi ha tres nivells de prioritat. De l´1 al 3 léscala va de més a menys obligatorietat en el seu compliment. També anomenats nivell de conformitat A, on es satisfan tots els punts de prioritat 1); nivell de conformitat doble A (AA), on es satisfan tots els punts de prioritat 2 i nivell de conformitat triple A (AAA), on es satisfan tots el punts de prioritat 3.

Guia breu per crear llocs web accessibles

A continuació sénumeraran 10 punts per a facilitar el disseny i láccés als usuaris amb discapacitat:

• Imatges i animacions: Utilitzi l’atribut alt per a descriure la funció de cada element visual.

• Mapes d’imatge: Utilitzi l’element map de tipus client i text per a les zones actives.

• Multimèdia: Proporcioni subtítols i transcripció del so, i descripció del vídeo. • Enllaços hipertextuals: Utilitzi text que tingui sentit llegit fora de context.

Per exemple, eviti "pinxa aquí". • Organització de les pàgines: Utilitzi encapçalats, llistes i estructura

consistent. Utilitzi CSS per a la maquetació on sigui possible. • Gràfics i esquemes: Resumeixi o utilitzi l’atribut longdesc. • Scripts, applets i plug-ins: Ofereixi contingut alternatiu si les funcions noves

no son accessibles. • Marcs (Frames): Utilitzi l’element noframes i títols amb sentit. • Taules: Disposi que puguin llegir-se línia a línia. Resumeixi. • Revisi el seu treball: Verifiqui. Utilitzi les eines, llista de comprovació i

pautes dáccessibilitat.



Els 7 principis i directrius essencials del disseny universal

Per altra banda i, en la mateixa línia el Centre per al Disseny Universal de la Universitat de l'Estat de Carolina del Nord ha desenvolupat els principis i directrius essencials del disseny universal, que són una eina molt vàlida per a la seva aplicació als materials publicats a la xarxa i especialment indicats si el seu contingut és didàctic.

Aquests són els set principis, amb les seves directrius:

1. Ús equitatiu. El disseny ha de ser útil per a persones amb capacitats diferents. Per tant, cal:

• Proporcionar els mateixos mitjans d'ús per a tots: idèntics, quan sigui possible; equivalents, quan no ho sigui.

• Evitar segregar o estigmatitzar a qualsevol usuari. • Que els elements de privadesa i seguretat siguin accessibles per a tots els

usuaris. • Que el disseny sigui atractiu per a tots els usuaris.

2. Ús flexible. El disseny ha d'adaptar-se a una àmplia varietat de preferències i capacitats individuals. Per tant, cal:

• Oferir diverses opcions en quant als mètodes d'utilització • Que s’adapti a dretans i esquerrans. • Que faciliti l'exactitud i precisió de l'usuari. • Que s’adapti al ritme de l'usuari.

3. Ús senzill i intuïtiu. El disseny ha de ser fàcil d'entendre, independentment de l'experiència, els coneixements, les habilitats lingüístiques o el nivell de concentració de l'usuari. Per tant, cal:

• Eliminar les complexitats innecessàries. • Respondre a les expectatives i la intuïció de l'usuari. • Adaptar-se a una àmplia gamma de nivells d’alfabetització i habilitats en el

llenguatge. • Organitzar la informació, segons la seva importància. • Proporcionar avisos i comentaris eficients durant l'execució de cada tasca i

després de realitzar-la.



4. Informació perceptible. El disseny comunica a l'usuari la informació necessària de manera eficaç, sense importar les condicions ambientals o les capacitats sensorials de l'usuari. Per tant, cal:

• L'ús redundant de diversos codis (gràfic, verbal, tàctil) per presentar la informació essencial.

• Suficient contrast entre la informació essencial i el que hi ha al seu voltant. • Procurar una òptima "legibilitat" de la informació essencial. • Diferenciar els elements de manera que es puguin descriure (és a dir, fer

més fàcil donar instruccions).

• Proporcionar compatibilitat amb la varietat de tècniques o dispositius usats per persones amb limitacions sensorials.

5. Tolerància a l'error. El disseny ha de minimitzar els riscos i les conseqüències adverses d'accions accidentals o no intencionades. Per tant, cal:

• Organitzar els elements per a minimitzar els riscos i errors: els elements més usats seran els més accessibles, mentre que els perillosos s'eliminaran, aïllaran o protegiran.

• Avisar dels riscos, perills i errors. • Funcionar a prova d’errors. • Desencoratjar l'acció inconscient en les tasques que requereixen vigilància.

6. Esforç físic reduït. El disseny ha de tendir a facilitar l'ús de manera eficient i còmoda, i amb un mínim de fatiga. Per tant, cal:

• Permetre a l'usuari que conservi una posició corporal neutre. • Reduir de manera raonable la força necessària per interactuar. • Minimitzar les accions repetitives. • Minimitzar l’esforç físic sostingut.

7. Mides i espais adequats per a apropar-se i utilitzar-lo. S'ha de procurar que les mides i els espais siguin adequats per aproximar-se, tocar-lo, manipular-lo i utilitzar-lo, amb independència de la grandària corporal de l’usuari, de la seva postura o la seva mobilitat. Per tant, cal:

• Proporcionar una línia de visió clara dels elements importants per a qualsevol usuari assegut o dret.

• Facilitar l’accés còmode a tots els elements a qualsevol usuari, estigui dret o assegut.

• Adaptar-se a les variacions de la mida de la mà i de la capacitat de subjecció.

• Facilitar espai adequat per a l'ús d’ajudes tècniques o de l’assistent personal.



A.8 Resultats obtinguts amb el TAW

➢ Prioritat 1:

“Un desenvolupador de continguts de pàgines Web ha de satisfer aquest punt de verificació. De manera que, un o més grups dúsuaris trobaran impossible accedir a la informació del document. Satisfent aquest punt de verificació és un requeriment bàsic perquè alguns grups puguin usar aquests documents Web”.

➢ Prioritat 2:

“Un desenvolupador de continguts de pàgines Web hauria de satisfer aquest punt de verificació ja que sinó, un o més grups trobaran dificultats en l´ accés a la informació del document. Satisfent aquest punt de verificació séliminaran importants barreres dáccés als documents Web”.

➢ Prioritat 3:

“Un desenvolupador de continguts de pàgines Web pot satisfer aquest punt de verificació ja que sinó un o més grups trobaran dificultats en ´ accés a la informació del documento. Satisfent aquest punt de verificació es millorarà láccessibilitat dels documents Web”.

Resultats obtinguts en lánàlisi automàtic amb el TAW

A continuació mostrem els resultats obtinguts en lánàlisi automàtic de la pàgina principal i dúna pàgina dúna província ja que totes les províncies estan realitzades amb la mateixa estructura.

Raport de la pàgina principal

Resultat de la verificació: http://www.truekalo.com/

[WAI]:

Shan trobat 54 problemes de tipus automàtic i 33 problemes que requereixen revisió manual.




1.1 Proporcioneu un text equivalent per a tot element no textual (per exemple, a través d’ "alt", "longdesc" o en el contingut de l’element). Això inclou: imatges, representacions gràfiques del text, mapes d’imatge, animacions (per exemple, GIF animats), "applets" i objectes programats, "ASCII art", marcs, scripts, imatges usades com a vinyetes a les llistes, espaiadors, botons gràfics, sons (executats amb o sense interacció de l’usuari), arxius exclusivament auditius, banda sonora del vídeo i vídeos.

2.1 Assegureu-vos que tota la informació transmesa a través dels colors també estigui disponible sense color, per exemple mitjançant el context o per marcadors.

4.1 Identifiqueu amb claredat els canvis en l’idioma del text del document i en qualsevol text equivalent (per exemple, llegendes).

5.1 A les taules de dades, identifiqueu els encapçalaments de fila i columna.

5.2 Per a les taules de dades que tenen dos o més nivells lògics d’encapçalaments de fila o columna, utilitzeu marcadors per associar les cel•les d’encapçalament i les de dades.

6.1 Organitzeu el document de manera que pugui ser llegit sense full d’estil. Per exemple, quan un document HTML és interpretat sense associar-lo a un full d’estil, ha de ser possible llegir-lo.

6.2 Assegureu-vos que els equivalents d’un contingut dinàmic s’actualitzen en canviar-ne el contingut.

6.3 Assegureu-vos que les pàgines segueixen essent utilitzables quan es desconnectin o no se suportin els scripts, els applets o altres objectes programats. Si això no és possible, proporcioneu informació equivalent en una pàgina alternativa accessible.

7.1 Mentre que les aplicacions d’usuari no permetin controlar-ho, eviteu provocar llambreigs a la pantalla.

8.1a Si la funcionalitat és important i no es presenta en cap altre lloc, feu que els elements de programació, tals com scripts i applets, siguin directament accessibles o compatibles amb les ajudes tècniques,.

11.4 Si malgrat els esforços no podeu crear una pàgina accessible, proporcioneu un vincle a una pàgina alternativa que faci servir tecnologies W3C, sigui accessible, tingui informació (o funcionalitat) equivalent i sigui actualitzada tan sovint com la pàgina (original) inaccessible.

14.1 Utilitzeu el llenguatge escaient més clar i simple per al contingut d’un web.

[WAI]:



S´han trobat 25 problemes de tipus automàtic i 30 problemes que requereixen revisió manual”.

3.4 Utilitzeu unitats relatives en comptes d’absolutes en especificar els valors en els atributs dels marcadors de llenguatge i en els valors de les propietats dels fulls d’estil.

3.5 Utilitzeu elements d’encapçalament per transmetre l’estructura lògica i utilitzeu-los d’acord amb l’especificació.

11.2 Eviteu característiques desaconsellades per les tecnologies W3C.

12.3 Dividiu els blocs llargs d’informació en grups més manejables quan sigui natural i apropiat.

2.2a Assegureu-vos que els colors de fons i primer pla en imatges tinguin prou contrast perquè siguin percebudes per persones amb deficiències de percepció de color o en pantalles en blanc i negre.

3.1 Quan existeixi un marcador apropiat, utilitzeu marcadors en comptes d’imatges per transmetre la informació.

3.2 Creeu documents que estiguin validats per les gramàtiques formals publicades.

3.3 Utilitzeu fulls d’estil per controlar la maquetació i la presentació.

3.6 Marqueu correctament les llistes i els ítem de les llistes.

3.7 Marqueu les cites. No utilitzeu el marcador de cites per a efectes de format tal com sagnies.

5.3 No utilitzeu taules per maquetar, llevat que la taula tingui sentit quan es llegeixi línia a línia. D’altra banda, si la taula no té sentit, proporcioneu una alternativa equivalent (ha de ser una versió alineada).

6.4 Per als scripts i els applets, assegureu-vos que els manipuladors d’esdeveniments siguin entrades independents del dispositiu.

7.2 Mentre les aplicacions d’usuari no permetin controlar-ho, eviteu el parpelleig del contingut (per exemple, canvi de presentació en períodes regulars, així com l’encès i l’apagat).

7.3 Mentre les aplicacions d’usuari no permetin congelar el moviment dels continguts, eviteu els moviments a les pàgines.

8.1b Feu que els elements de programació, tals com scripts i applets, siguin directament accessibles o compatibles amb les ajudes tècniques.

11.1 Utilitzeu les tecnologies W3C quan estiguin disponibles i siguin apropiades per a la tasca, i feu servir les últimes versions que siguin suportades.



13.1 Identifiqueu amb claredat l’objectiu de cada vincle.

13.2 Faciliteu metadades per afegir informació semàntica a les pàgines i llocs.

13.3 Faciliteu informació sobre la maquetació general d’un web (per exemple, el mapa o la taula de continguts).

13.4 Utilitzeu els mecanismes de navegació de forma coherent.

[WAI]:

S´han trobat 56 problemes de tipus automàtic i 19 problemes que requereixen revisió manual.

1.5 Mentre les aplicacions d’usuari no interpretin el text equivalent per als vincles dels mapes d’imatge de client, proporcioneu vincles de text redundants per a cada zona activa del mapa d’imatge de client.

4.3 Identifiqueu l’idioma principal del document.

5.5 Faciliteu resums de les taules.

2.2b Assegureu-vos que les combinacions dels colors de fons i primer pla del text tinguin contrast suficient per tal que siguin percebudes per persones amb deficiències de percepció de color o en pantalles en blanc i negre.

4.2 Especifiqueu l’expansió de cada abreviatura o acrònim quan aparegui per primera vegada al document.

9.4 Creeu un ordre lògic per navegar amb el tabulador per vincles, controls de formulari i objectes.

9.5 Faciliteu dreceres de teclat per als vincles més importants (inclosos els dels mapes d’imatge de client), els controls de formulari i els grups de control de formulari.

10.3 Mentre les aplicacions d’usuari (incloses les ajudes tècniques) no interpretin correctament els textos contigus, proporcioneu un text lineal alternatiu (a la mateixa pàgina o en alguna altra) per a totes les taules que maqueten text en paral•lel, en columnes de paraules.

10.5 Mentre les aplicacions d’usuari (incloses les ajudes tècniques) no interpretin amb claredat els vincles contigus, heu d’incloure caràcters imprimibles (envoltats d’espais), que no serveixin com a vincle, entre els vincles contigus.

11.3 Proporcioneu la informació de manera que els usuaris puguin rebre els documents segons les seves preferències (per exemple, idioma, tipus de contingut, etc.).



13.5 Faciliteu barres de navegació per destacar i donar accés al mecanisme de navegació.

13.6 Agrupeu els vincles relacionats, identifiqueu el grup (per a les aplicacions d’usuari) i, mentre les aplicacions d’usuari no ho facin, proporcioneu una manera d’evitar el grup.

13.8 Localitzeu la informació destacada a l’inici dels encapçalaments, paràgrafs, llistes, etc.

13.9 Faciliteu informació sobre les col•leccions de documents (per exemple, els documents que continguin múltiples pàgines).

14.2 Completeu el text amb presentacions gràfiques o auditives quan això faciliti la comprensió de la pàgina.

14.3 Creeu un estil de presentació que sigui coherent a totes les pàgines.

13.10 Faciliteu un mitjà per saltar sobre un ASCII art de diverses línies.

Raport de la pàgina d´una província, concretament la de Barcelona

Resultat de la verificació: http://www.truekalo.com/buscartexto.php?txtprovincia=10&txtseccion=%

[WAI]:


















[WAI]:

S´han trobat 278 problemes de tipus automàtic i 218 problemes que requereixen revisió manual”.




12.3 Dividiu els blocs llargs d’informació en grups més manejables quan sigui natural i apropiat.

12.4 Associeu explícitament les etiquetes amb els seus controls.














9.2 Assegureu-vos que qualsevol element que tingui la seva pròpia interfície pugui manejar-se de forma independent del dispositiu.

9.3 Per als "scripts", especifiqueu els manipuladors d’esdeveniment lògics en comptes manipuladors d’esdeveniment dependents de dispositius.

10.1 Mentre les aplicacions d’usuari no permetin desconnectar l’obertura de finestres noves, no en provoqueu aparicions sobtades i no canvieu la finestra actual sense informar l’usuari.

10.2 Mentre les aplicacions d’usuari no suportin explícitament l’associació entre control de formulari i etiqueta, assegureu-vos que les etiquetes associades implícitament als controls de formularis estiguin col•locades adequadament.








[WAI]:




10.4 Mentre les aplicacions d’usuari no regeixin correctament els controls buits, heu d’incloure caràcters per defecte en els quadres d’edició i àrees de text.





10.3 Mentre les aplicacions d’usuari (incloses les ajudes tècniques) no interpretin correctament els textos contigus, proporcioneu un text lineal alternatiu (a la mateixa pàgina o en alguna altra) per a totes les taules que maqueten text en paral•lel, en columnes de paraules.







13.7 Si faciliteu funcions de cerca, n’heu de permetre diferents tipus per a diversos nivells d’habilitat i preferències.


13.9 Faciliteu informació sobre les col•leccions de documents (per exemple, els documents que continguin múltiples pàgines).




Raport de la pàgina del cercador avançat:

Resultat de la verificació: http://www.truekalo.com/buscara.php

[WAI]:








http://www.truekalo.com/buscara.php









[WAI]:


















9.3 Per als "scripts", especifiqueu els manipuladors d’esdeveniment lògics en comptes manipuladors d’esdeveniment dependents de dispositius.

10.2 Mentre les aplicacions d’usuari no suportin explícitament l’associació entre control de formulari i etiqueta, assegureu-vos que les etiquetes associades implícitament als controls de formularis estiguin col•locades adequadament.






[WAI]:










10.3 Mentre les aplicacions d’usuari (incloses les ajudes tècniques) no interpretin correctament els textos contigus, proporcioneu un text lineal alternatiu (a la mateixa pàgina o en alguna altra) per a totes les taules que maqueten text en paral.lel, en columnes de paraules.





13.7 Si faciliteu funcions de cerca, n’heu de permetre diferents tipus per a diversos nivells d’habilitat i preferències.


13.9 Faciliteu informació sobre les col.leccions de documents (per exemple, els documents que continguin múltiples pàgines).






A.9 Resultats obtinguts amb el validador automàtic de css17

Resultats del Validador CSS del W3C per http://www.truekalo.com/index.php (CSS versió 3): Pàgina principal

S´han trobat els 8 errors següents:

URI : http://www.truekalo.com/img/css/A.estilos.css.pagespeed.cf.hwhPfAP0NP.css

1 A.LinkMenupanel:hover Propiedad no válida : border-color fff no es un valor de border-color : fff

1 .LinkMenupanelh Propiedad no válida : border-color fff no es un valor de border-color : fff

1 .OVERTBL3 Propiedad no válida : cursor hand no es un valor de cursor : hand

1 .OVERTBL Propiedad no válida : cursor hand no es un valor de cursor : hand

1 .OUTTBL Propiedad no válida : cursor hand no es un valor de cursor : hand


1 .OUTTBL2 Propiedad no válida : cursor hand no es un valor de cursor : hand

Resultats del Validador CSS del W3C per http://www.truekalo.com/buscartexto.php?txtprovincia=10&txtseccion=% (CSS versió 3): pàgina de la província de Barcelona


URI : http://www.truekalo.com/buscartexto.php?txtprovincia=10&txtseccion=%

0 #overlay Error de análisis sintáctico opacity=60)




http://jigsaw.w3.org/css-validator/nullui.html#propdef-cursor





http://jigsaw.w3.org/css-validator/nullbox.html#propdef-border-color


http://www.truekalo.com/img/css/A.estilos.css.pagespeed.cf.hwhPfAP0NP.css

http://www.truekalo.com/index.php











Resultats del Validador CSS del W3C per http://www.truekalo.com/buscara.php (CSS versió 3): pàgina del cercador avançat











http://www.truekalo.com/buscara.php












A.10 Resultats obtinguts amb el validador automàtic del color



Una vegada analizada la pàgina principal observem que tant amb una visió normal, com amb una visió amb discromatopsia (pronatopia, deuteranopia i tritanopia) compleix amb els estàndards WCGA2 tant el nivell AA com el AAA. I el WCGA1 pel que fa a la brillantor i el color.

Si seleccionem en canvi una pàgina dúna província qualsevol, concretament seleccionem la de Barcelona observem els següents resultats pel que fa als estàndars WCGA1:

• El logo compleix amb els estàndards pel que fa a brillantor i color.

• I també les dues pestanyes de 'Mi cuenta' i 'Apúntate y Trueka'.

• Els menús: 'Sobre nosotros', 'Cómo funciona' i 'Ayúdate de la red' i 'Regístrate' els compleix amb una visió normal però no amb pronatopia i tritanopia pel que fa al color i sí en canvi en brillantor.

• Pel que fa al frame 'Usted está viendo....todo sobre su ciudad' compleix léstàndard pel que fa a brillantor però no en color. I el mateix succeeix al títol de lóbjecte i la descripció de lóbjecte.

• En canvi no els compleix la llista de categories desplegades en el menú lateral esquerra. Ni tampoc els títols dels objecte com són 'Insertado por', 'Sección', 'Peso', la data dínserció de lóbjecte i Tags.

• Ni tampoc les pestanyes que fan referència a cadascun dels objectes com són: 'Te lo Cambio', 'Avisar a un Amigo','Contactar' i 'Geolocalizar'.

• I el menú inferior: 'Publicidad', 'Agradeciminetos', 'Privacidad' i 'Condiciones Generales de uso' sí per a una vista normal però no en color pel que fa a pronatopia i tritanopia.

I aquesta mateixa pàgina per als estàndars WCGA2 obtenim els resultats següents:

• Compleix els estàndards doble A i triple A el logo i les pestanyes 'Mi cuenta' i 'Apúntate y Trueka' o també els menús: 'Sobre nosotros', 'Cómo funciona' i 'Ayúdate de la red' i 'Regístrate' els compleix amb una visió normal però no amb pronatopia i tritanopia pel que fa al color i sí en canvi en brillantor.

• Pel que fa a 'Usted está viendo....todo sobre su ciudad' només no compleix léstàndard triple A pel que fa al text 'small'.



• la llista de categories desplegades en el menú lateral esquerra només compleix el doble A pel que fa al text 'large'.

• Els menús 'Te lo Cambio', 'Avisar a un Amigo','Contactar' i 'Geolocalizar' no compleixen ni el doble ni el triple A en cap cas.

• El títol i la descripció de lóbjecte només no compleixen el triple A pel que fa al criteri 'small'.

• Els títols Insertado por', 'Sección', 'Peso', la data dínserció de lóbjecte i 'Tags' només compleixen el doble A pel que fa al 'large'.

• Sí ho compleix tot el nom de lúsuari que ha insertat lóbjecte.

• I els menús inferiors: 'Publicidad', 'Agradeciminetos', 'Privacidad' i 'Condiciones Generales de uso' ho compleix tot excepte el triple A pel que fa al criteri 'small'.

I, finalment la pàgina del cercador avançat, pel que fa als estàndards WCGA1 observem el següent:

• No compleixen els desplegables de 'Buscar por sección' i 'Buscar por categoria' ni en color ni en brillantor.

• I sí en canvi 'Buscar por províncias' i 'Buscar por Usuario'.

• I només en brillantor però no en color 'Busca entre los usuarios y descubre sus puntuaciones de trueke'.

• El menú 'LOG de cambios', 'Sobre nosotros', ¿Cómo funciona' i 'Ayúdate de la red' sí per les persones que tenen una visió normal i una disfució com pot ser la deuteranopia però no en color per la protanopia i la tritanopia.

I finalment per a léstàndard WCGA2:

• Observem que tant els menús 'LOG de cambios', 'Sobre nosotros', ¿Cómo funciona' i 'Ayúdate de la red', 'Buscar por províncias' i 'Buscar por Usuario' compleixen tant la doble com la triple A.

• I no compleixen en canvi els desplegables de 'Buscar por sección' i 'Buscar por categoria' ni en color ni en brillantor ni el botó 'Buscar'.



• 'Buscar por sección' i 'Buscar por categoria' només no compleix el triple A el criteri small. I el mateix per al menú inferior: 'Publicidad', 'Agradeciminetos', 'Privacidad' i 'Condiciones Generales de uso'.

Pel que fa a la pàgina de registre:

WCGA1:

En general compleix pel que fa a brillantor però no al color.

El botó 'REGISTRARME' en canvi no compleix ni el color ni la brillantor.

WCGA2:

En general compleix el doble i triple A excepte el criteri small de la triple A.

I el botó 'REGISTRARME' no compleix en canvi ni la doble ni la triple A.


Usabilitat web orientada a l'intercanviopenaccess.uoc.edu/webapps/o2/bitstream/10609/... ·...

Documents

Transcript of Usabilitat web orientada a l'intercanviopenaccess.uoc.edu/webapps/o2/bitstream/10609/... ·...