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