optimyzet | principis bàsics del disseny d'interfícies

66
| 1 | Centre Tecnològic i Universitari de Granollers v.1.0 | juny 2012 - Mònica Zapata | @monica_zapata Principis bàsics del disseny d'interfícies

Upload: optimyzet

Post on 04-Jul-2015

377 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Optimyzet | Principis bàsics del disseny d'interfícies

| 1 |

Centre Tecnologravegic i Universitari de Granollers v10 | juny 2012 - Mogravenica Zapata | monica_zapata

Principis bagravesics del disseny dinterfiacutecies

| 2 |

bull Introduccioacute

bull Interfiacutecies drsquousuari

bull Experiegravencia dusuari i altres conceptes relacionats

bull Principis bagravesics

Sumari

| 3 |

Introduccioacute

| 4 |

Introduccioacute

En mirar aquesta imatge quins adjectius us venen al cap

hellipi en mirar aquesta altra

| 5 |

Introduccioacute

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

| 6 |

Introduccioacute

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 2: Optimyzet | Principis bàsics del disseny d'interfícies

| 2 |

bull Introduccioacute

bull Interfiacutecies drsquousuari

bull Experiegravencia dusuari i altres conceptes relacionats

bull Principis bagravesics

Sumari

| 3 |

Introduccioacute

| 4 |

Introduccioacute

En mirar aquesta imatge quins adjectius us venen al cap

hellipi en mirar aquesta altra

| 5 |

Introduccioacute

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

| 6 |

Introduccioacute

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 3: Optimyzet | Principis bàsics del disseny d'interfícies

| 3 |

Introduccioacute

| 4 |

Introduccioacute

En mirar aquesta imatge quins adjectius us venen al cap

hellipi en mirar aquesta altra

| 5 |

Introduccioacute

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

| 6 |

Introduccioacute

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 4: Optimyzet | Principis bàsics del disseny d'interfícies

| 4 |

Introduccioacute

En mirar aquesta imatge quins adjectius us venen al cap

hellipi en mirar aquesta altra

| 5 |

Introduccioacute

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

| 6 |

Introduccioacute

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 5: Optimyzet | Principis bàsics del disseny d'interfícies

| 5 |

Introduccioacute

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

| 6 |

Introduccioacute

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 6: Optimyzet | Principis bàsics del disseny d'interfícies

| 6 |

Introduccioacute

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 7: Optimyzet | Principis bàsics del disseny d'interfícies

| 7 |

Introduccioacute

Quegrave passaria sihellip

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 8: Optimyzet | Principis bàsics del disseny d'interfícies

| 8 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 9: Optimyzet | Principis bàsics del disseny d'interfícies

| 9 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 10: Optimyzet | Principis bàsics del disseny d'interfícies

| 10 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 11: Optimyzet | Principis bàsics del disseny d'interfícies

| 11 |

Introduccioacute

Quegrave eacutes millor

Aixograve

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 12: Optimyzet | Principis bàsics del disseny d'interfícies

| 12 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 13: Optimyzet | Principis bàsics del disseny d'interfícies

| 13 |

Introduccioacute

Quegrave eacutes millor

hellipo aixograve altra Aixograve

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 14: Optimyzet | Principis bàsics del disseny d'interfícies

| 14 |

Introduccioacute

Quegrave eacutes millor

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 15: Optimyzet | Principis bàsics del disseny d'interfícies

| 15 |

Interfiacutecies drsquousuari

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 16: Optimyzet | Principis bàsics del disseny d'interfícies

| 16 |

Interfiacutecies drsquousuari

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

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 17: Optimyzet | Principis bàsics del disseny d'interfícies

| 17 |

Interfiacutecies drsquousuari

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

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 18: Optimyzet | Principis bàsics del disseny d'interfícies

| 18 |

Interfiacutecies drsquousuari

Interaccioacute personandashordinador (HCI) vs interfiacutecies drsquousuari

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 19: Optimyzet | Principis bàsics del disseny d'interfícies

| 19 |

Interfiacutecies drsquousuari

Uacutes de les mans com a control directe duna interfiacutecie

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 20: Optimyzet | Principis bàsics del disseny d'interfícies

| 20 |

Interfiacutecies drsquousuari

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

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 21: Optimyzet | Principis bàsics del disseny d'interfícies

| 21 |

Experiegravencia dusuari i altres conceptes relacionats

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 22: Optimyzet | Principis bàsics del disseny d'interfícies

| 22 |

Experiegravencia dusuari i altres conceptes relacionats

Usabilitat

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 23: Optimyzet | Principis bàsics del disseny d'interfícies

| 23 |

Experiegravencia dusuari i altres conceptes relacionats

La usabilitat es pot dividir en

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 24: Optimyzet | Principis bàsics del disseny d'interfícies

| 24 |

Experiegravencia dusuari i altres conceptes relacionats

Arquitectura de la informacioacute

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 25: Optimyzet | Principis bàsics del disseny d'interfícies

| 25 |

Experiegravencia dusuari i altres conceptes relacionats

Si no pensem el camiacute meacutes ograveptim

Foto Bekeley

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 26: Optimyzet | Principis bàsics del disseny d'interfícies

| 26 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 27: Optimyzet | Principis bàsics del disseny d'interfícies

| 27 |

Experiegravencia dusuari i altres conceptes relacionats

Experiegravencia drsquousuari

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 28: Optimyzet | Principis bàsics del disseny d'interfícies

| 28 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 29: Optimyzet | Principis bàsics del disseny d'interfícies

| 29 |

Experiegravencia dusuari i altres conceptes relacionats

Podem fer tasques meacutes laborioses si ens ofereixen una millor experiegravencia

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 30: Optimyzet | Principis bàsics del disseny d'interfícies

| 30 |

Principis bagravesics

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 31: Optimyzet | Principis bàsics del disseny d'interfícies

| 31 |

Principis bagravesics

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

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 32: Optimyzet | Principis bàsics del disseny d'interfícies

| 32 |

Principis bagravesics

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

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 33: Optimyzet | Principis bàsics del disseny d'interfícies

| 33 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 34: Optimyzet | Principis bàsics del disseny d'interfícies

| 34 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 35: Optimyzet | Principis bàsics del disseny d'interfícies

| 35 |

Principis bagravesics

1 Visibilitat de lrsquoestat del sistema

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 36: Optimyzet | Principis bàsics del disseny d'interfícies

| 36 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 37: Optimyzet | Principis bàsics del disseny d'interfícies

| 37 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 38: Optimyzet | Principis bàsics del disseny d'interfícies

| 38 |

Principis bagravesics

2 Adequacioacute entre el sistema i el moacuten real

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 39: Optimyzet | Principis bàsics del disseny d'interfícies

| 39 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 40: Optimyzet | Principis bàsics del disseny d'interfícies

| 40 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 41: Optimyzet | Principis bàsics del disseny d'interfícies

| 41 |

Principis bagravesics

3 Llibertat i control per part de lrsquousuari

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 42: Optimyzet | Principis bàsics del disseny d'interfícies

| 42 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 43: Optimyzet | Principis bàsics del disseny d'interfícies

| 43 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 44: Optimyzet | Principis bàsics del disseny d'interfícies

| 44 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 45: Optimyzet | Principis bàsics del disseny d'interfícies

| 45 |

Principis bagravesics

4 Consistegravencia i estagravendards

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 46: Optimyzet | Principis bàsics del disseny d'interfícies

| 46 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 47: Optimyzet | Principis bàsics del disseny d'interfícies

| 47 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 48: Optimyzet | Principis bàsics del disseny d'interfícies

| 48 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 49: Optimyzet | Principis bàsics del disseny d'interfícies

| 49 |

Principis bagravesics

5 Prevencioacute drsquoerrors

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 50: Optimyzet | Principis bàsics del disseny d'interfícies

| 50 |

Principis bagravesics

6 Reconeixement abans que record

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 51: Optimyzet | Principis bàsics del disseny d'interfícies

| 51 |

Principis bagravesics

6 Reconeixement abans que record

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 52: Optimyzet | Principis bàsics del disseny d'interfícies

| 52 |

Principis bagravesics

6 Reconeixement abans que record

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 53: Optimyzet | Principis bàsics del disseny d'interfícies

| 53 |

7 Flexibilitat i eficiegravencia drsquouacutes

Principis bagravesics

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 54: Optimyzet | Principis bàsics del disseny d'interfícies

| 54 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 55: Optimyzet | Principis bàsics del disseny d'interfícies

| 55 |

Principis bagravesics

7 Flexibilitat i eficiegravencia drsquouacutes

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 56: Optimyzet | Principis bàsics del disseny d'interfícies

| 56 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 57: Optimyzet | Principis bàsics del disseny d'interfícies

| 57 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 58: Optimyzet | Principis bàsics del disseny d'interfícies

| 58 |

Principis bagravesics

8 Disseny estegravetic i minimalista

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 59: Optimyzet | Principis bàsics del disseny d'interfícies

| 59 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 60: Optimyzet | Principis bàsics del disseny d'interfícies

| 60 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 61: Optimyzet | Principis bàsics del disseny d'interfícies

| 61 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 62: Optimyzet | Principis bàsics del disseny d'interfícies

| 62 |

Principis bagravesics

9 Ajuda per reconegraveixer diagnosticar i recuperar-se dels errors

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 63: Optimyzet | Principis bàsics del disseny d'interfícies

| 63 |

Principis bagravesics

10 Ajuda i documentacioacute

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 64: Optimyzet | Principis bàsics del disseny d'interfícies

| 64 |

Principis bagravesics

10 Ajuda i documentacioacute

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 65: Optimyzet | Principis bàsics del disseny d'interfícies

| 65 |

Principis bagravesics

10 Ajuda i documentacioacute

| 66 |

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

Page 66: Optimyzet | Principis bàsics del disseny d'interfícies

| 66 |

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