Documentació Curs Disseny Centrat en l'Usuari

| 1 |

Centre Tecnologravegic i Universitari de Granollers v10 | juny 2012

Disseny de llocs web i projectes digitals pensant en lusuari Coneix el disseny centrat en lusuari (UCD)

| 2 |

bull Presentacioacute

bull Introduccioacute

bull Interfiacutecies drsquousuari

bull Experiegravencia dusuari i altres conceptes relacionats

bull Principis bagravesics

bull Exercici pragravectic

Sumari

| 3 |

Presentacioacute

| 4 |

Qui soc

Mogravenica Zapata

bull Certified Usability Analyst per la Human Factors International (HFI) Magravester en Internet Management per lrsquoInstitut Catalagrave de Tecnologia Llicenciada en Documentacioacute per la Universitat de Barcelona (UB)

bull Treballo des de fa meacutes de 10 anys com a consultora dexperiegravencia dusuari i disseny dinteraccioacute Des de 2010 dirigeixo Optimyzet un estudi destrategravegia web i experiegravencia dusuari per a tot tipus de projectes digitals web intranet plataformes e-commerce i de-learning social media aplicacions descriptori mogravebil i tablet

bull Anteriorment he treballat com a consultora segravenior dexperiegravencia dusuari a la multinacional Capgemini sent la responsable de lequip darquitectura dinformacioacute usabilitat i interaccioacute per a projectes dadministracioacute puacuteblica educacioacute energia i serveis

bull Professora de User Experience amp Internet Project Management a la Universitat de Barcelona (UB) i a ELISAVA - Escola Superior de Disseny i Enginyeria de Barcelona Tambeacute colmiddotlaboro amb lIDEC Universitat Pompeu Fabra (UPF) i la Universitat Oberta de Catalunya (UOC)

bull E-mail monicaoptimyzetcom | Twitter monica_zapata

| 5 |

Introduccioacute

| 6 |

Introduccioacute

En mirar aquesta imatge quins adjectius us venen al cap

hellipi en mirar aquesta altra

| 7 |

Introduccioacute

En mirar aquesta imatge quins problemes us venen al cap hellipi en mirar aquesta altra

| 8 |

Introduccioacute

| 9 |

Introduccioacute

Quegrave passaria sihellip

| 10 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute


hellipo aixograve altra

| 15 |

Introduccioacute


hellipo aixograve altra Aixograve

| 16 |

Introduccioacute


| 17 |

Interfiacutecies drsquousuari

| 18 |


Els ordinadors i els productes interactius soacuten part de la nostra vida

Quins i quants ordinadors feu servir al cap del dia

Molts aparells electrodomegravestics aparells industrials cotxes aparells electrogravenics PDAs telegravefons mogravebils aparells multimegravedia consoles de videojocs soacuten tambeacute ordinadors que comptem amb

programes i interfiacutecies especiacutefiques

| 19 |


Els productes interactius ofereixen cada cop meacutes possibilitats perograve les dificultats drsquouacutes i la complexitat augmenta tambeacute de manera exponencial

| 20 |


Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 21 |


Uacutes de les mans com a control directe duna interfiacutecie

| 22 |


No existeix una interfiacutecie vagravelida per a tots els usuaris i per a totes les tasques

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

| 24 |


Usabilitat

| 25 |


La usabilitat es pot dividir en

| 26 |


Arquitectura de la informacioacute

| 27 |


Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 28 |


Experiegravencia drsquousuari

| 29 |



| 30 |


Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 31 |



| 32 |

Principis bagravesics

| 33 |


bull Lrsquoorigen dels principis heuriacutestics estagrave al llibre Heuristic Evaluation of User Interfaces de Jakob Nielsen y Rolf Molich (1990) principis de disseny que al llarg dels anys srsquohan vist reforccedilats i secundats pel treball drsquoaltres experts

httpwwwuseitcom

| 34 |


bull Els principis heuriacutestics de Nielsen es podrien resumir en

1 Visibilitat de lrsquoestat del sistema 2 Adequacioacute entre el sistema i el moacuten real 3 Llibertat i control per part de lrsquousuari 4 Consistegravencia i estagravendards 5 Prevencioacute drsquoerrors 6 Reconeixement abans que record 7 Flexibilitat i eficiegravencia drsquouacutes 8 Disseny estegravetic i minimalista 9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors 10 Ajuda i documentacioacute

| 35 |


1 Visibilitat de lrsquoestat del sistema

| 36 |



| 37 |



| 38 |


2 Adequacioacute entre el sistema i el moacuten real

| 39 |



| 40 |



| 41 |


3 Llibertat i control per part de lrsquousuari

| 42 |



| 43 |



| 44 |


4 Consistegravencia i estagravendards

| 45 |



| 46 |



| 47 |



| 48 |


5 Prevencioacute drsquoerrors

| 49 |



| 50 |



| 51 |



| 52 |


6 Reconeixement abans que record

| 53 |



| 54 |



| 55 |

7 Flexibilitat i eficiegravencia drsquouacutes


| 56 |



| 57 |



| 58 |


8 Disseny estegravetic i minimalista

| 59 |



| 60 |



| 61 |


9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |



| 63 |



| 64 |



| 65 |


10 Ajuda i documentacioacute

| 66 |



| 67 |



| 68 |

Exercici pragravectic

| 69 |


| 70 |


| 71 |

Optimyzet We think it we design it web strategy + user experience

wwwoptimyzetcom | +34 936 476 403 | infooptimyzetcom

Viladecans Business Park (Ed Canadagrave) | Carrer Tecnologia 17 - Planta baixa | 08840 Viladecans | Barcelona

| 2 |

bull Presentacioacute

bull Introduccioacute

bull Interfiacutecies drsquousuari

bull Experiegravencia dusuari i altres conceptes relacionats

bull Principis bagravesics

bull Exercici pragravectic

Sumari

| 3 |

Presentacioacute

| 4 |

Qui soc

Mogravenica Zapata






| 5 |

Introduccioacute

| 6 |

Introduccioacute



| 7 |

Introduccioacute


| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 3 |

Presentacioacute

| 4 |

Qui soc

Mogravenica Zapata






| 5 |

Introduccioacute

| 6 |

Introduccioacute



| 7 |

Introduccioacute


| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 4 |

Qui soc

Mogravenica Zapata






| 5 |

Introduccioacute

| 6 |

Introduccioacute



| 7 |

Introduccioacute


| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 5 |

Introduccioacute

| 6 |

Introduccioacute



| 7 |

Introduccioacute


| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 6 |

Introduccioacute



| 7 |

Introduccioacute


| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 7 |

Introduccioacute


| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 8 |

Introduccioacute

| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 9 |

Introduccioacute


| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 10 |

Introduccioacute


Aixograve

| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 11 |

Introduccioacute


Aixograve

| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 12 |

Introduccioacute


hellipo aixograve

| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 13 |

Introduccioacute


Aixograve

| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 14 |

Introduccioacute



| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 15 |

Introduccioacute



| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 16 |

Introduccioacute


| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 17 |


| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 18 |






| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 19 |



| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 20 |



| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 21 |



| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 22 |



| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 23 |


| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 24 |


Usabilitat

| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 25 |



| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 26 |



| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 27 |



Foto Bekeley

| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 28 |



| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 29 |



| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 30 |



| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 31 |



| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 32 |


| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 33 |



httpwwwuseitcom

| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 34 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 35 |



| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 36 |



| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 37 |



| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 38 |



| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 39 |



| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 40 |



| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 41 |



| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 42 |



| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 43 |



| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 44 |



| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 45 |



| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 46 |



| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 47 |



| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 48 |



| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 49 |



| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 50 |



| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 51 |



| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 52 |



| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 53 |



| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 54 |



| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 55 |



| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 56 |



| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 57 |



| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 58 |



| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 59 |



| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 60 |



| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 61 |



| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 62 |



| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 63 |



| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 64 |



| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 65 |



| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 66 |



| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 67 |



| 68 |


| 69 |


| 70 |


| 71 |




| 68 |


| 69 |


| 70 |


| 71 |




| 69 |


| 70 |


| 71 |




| 70 |


| 71 |




| 71 |




Documentació Curs Disseny Centrat en l'Usuari

Education

Transcript of Documentació Curs Disseny Centrat en l'Usuari