disseny interactiu

34
Usabilitat i disseny interactiu Mariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB

Upload: imona06

Post on 29-Jun-2015

693 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Disseny interactiu

Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB

Page 2: Disseny interactiu

El disseny interactiu és el disseny d’interfícies digitals.

U i D

Per a un usuari, la interfície, és el sistema

Page 3: Disseny interactiu

U i D

UsabilitatUX - Experiència d’usuari

Arquitectura de la informacióInteracció persona-ordinador

Ergonomia

Conceptes i termes utilitzats en disseny interactiu:

Disseny Interactiu

Page 4: Disseny interactiu

UI [ user interface ]respon al com es dissenya un producte des del punt de vista de la enginyeria i atén al disseny dels components estructurals de qualsevol programa multimèdia o interactiu.

HCI [ human - computer interaccion ]considera com un programa organitza les accions que pot realitzar un usuari ... i que fa un usuari davant un programa, com reacciona, quines opcions té, quines opcions ignora, … com interactua

GUI [ graphic user interface ]es refereix al disseny més físic i visual de cada element de la pantalla, de cada pantalla, i del conjunt de totes les pantalles que acaba conformant un entorn interactiu

U i D

Page 5: Disseny interactiu

UI [ user interface ]

HCI [ human - computer interaccion ]

GUI [ graphic user interface ]

concepció visual + interacció + enginyeria

U i D

Page 6: Disseny interactiu

Jesse James Garret 2004

U i D

Page 7: Disseny interactiu

U i D

Usabilitat

Page 8: Disseny interactiu

Quin és més usable?

U i D

Usabilitat

Page 9: Disseny interactiu

U i D

Page 10: Disseny interactiu

U i D

Page 11: Disseny interactiu

U i D

Page 12: Disseny interactiu

Quin mapa és més usable per a un escolar?

Quin mapa és més usable per a un tècnic de camins?

U i D

Page 13: Disseny interactiu

la usabilitat no és una idea intrínseca d'un material web

prové de la paraula "usable" i per tant de la paraula "usuari"

un usuari ha de poder utilitzar de forma senzilla i eficient un disseny interactiu

Coneix el teu usuari

U i D

Usabilitat

Page 14: Disseny interactiu

U i D

Usabilitat

it’s not meit’s you X

Page 15: Disseny interactiu

El concepte d’usabilitat

es centra en la idea de facilitat, intuició i efectivitat en l'úsJakob Nielsen

U i D

Usabilitat

Page 16: Disseny interactiu

La usabilitat es defineix com el grau en el que un producte pot ser utilitzat per un grup d'usuaris específics per assolir certes fites definides amb efectivitat, eficiència, i satisfacció, en un context d'ús específic. (Normativa ISO 9241 (Ergonomic requeriments for visual display terminals, 1998, apartat 11-Guidance for usability))

La usabilitat és la percepció de que tant consistent, organitzat, eficient, productiu, fàcil d'utilitzar i intuïtiu és el procés de realitzar una tasca particular dins un sistema. (Baeza-Yates,R; Rivera,C; Velasco,J. 2004)

U i D

Page 17: Disseny interactiu

Usabilitat

>> Qualitat en el disseny interactiu

En el disseny de la interfície de pantalla

En el disseny de tot un entorn interactiu de diferents pantalles i recursos

En els elements multimèdia

En l’estructura de l’entorn interactiu i la navegació

U i D

Page 18: Disseny interactiu

U i D

UX ... Experiència d’usuari

Page 19: Disseny interactiu

· descriu el veritable sentit del disseny que és l’usuari

· introdueix la importància de les emocions en el disseny

Experiència d’usuari

U i D

Page 20: Disseny interactiu

No és una tendència sinó un paradigma:

Experiència d’usuari

U i D

Usabilitat >>> carácterística d’un producte

Experiència d'usuari >>> conjunt de sensacions i emocions que desperta a una persona l'ús d'una aplicació

Page 21: Disseny interactiu
Page 22: Disseny interactiu
Page 23: Disseny interactiu

Els aspectes emocionals juguen un paper fonamental en la interacció de l'usuari perquè afecten els processos cognitius, atenció, memorització, rendiment, … (Norman)

Experiència d’usuari

"Les relacions personals i positives amb un disseny provoquen sentiments d'estima, lleialtat i paciència, factors significatius en la utilitat a llarg termini i en l'èxit global d'un disseny. Aquestes relacions positives tenen implicacions pel que fa referència a l'eficàcia de les interaccions entre les persones i els dissenys. Les relacions positives amb un disseny funcionen en una interacció que ajuda a catalitzar el pensament creatiu i la resolució de problemes. Pel contrari, les relacions negatives provoquen una interacció que estreny el pensament i paralitza la creativitat." (Butler, Holden & Lidwell, 2005)

U i D

Page 24: Disseny interactiu

User centered design .... disseny centrat en l’usuari

Experiència d’usuari

U i D

Procés o la metodologia que assegura la usabilitat d’un sistema, atenent les necessitats de l’usuari i la seva participació en el procés de disseny

Page 25: Disseny interactiu

U i D

Arquitectura de la informació

Page 26: Disseny interactiu

Estructuració de la informació, selecció i presentació en entorns informatius.

Informació = contingut

Arquitectura de la informació

U i D

Page 27: Disseny interactiu

Disciplina encarregada d’estructurar, organitzar i etiquetar els elements que conformen els entorns informacionals per a facilitar la localització, o l’accés a la informació que contenen, i millorar, així, la seva utilitat i el seu aprofitament per part dels usuaris. (Pérez-Montoro, 2010)

L'arquitecte de la informació és aquell que ha d'identificar la misió (els objectius) i la visió (les expectatives dels usuaris) d'una web, determinar els continguts i funcionalitats de la página, facilitar l'accés mitjançant sistemes d'organització, etiquetat, navegació, cerca, ... i planificar en previsió de futures modificacions i del creixement de la plana. (Morville y Rosenfeld, 1998)

U i D

Page 28: Disseny interactiu

Prové de la informàtica, i de la bibliotecnologia.

Arquitectura de la informació

U i D

1959 > IBM

1970 > Xerox

1976 > R.S. Wurman

1998 > Rosenfeld & Morville

Page 29: Disseny interactiu

U i D

UsabilitatUX - Experiència d’usuari

Arquitectura de la informacióInteracció persona-ordinador

Ergonomia

Conceptes i termes utilitzats igual al disseny interactiu:

Disseny Interactiu

Page 30: Disseny interactiu

U i D

Olga Carrerasolgacarreras.blogspot.com.es

Page 32: Disseny interactiu

UI [ user interface ]

HCI [ human - computer interaccion ]

GUI [ graphic user interface ]DISSENYINTERACTIU

U i D

Page 33: Disseny interactiu

LEER NO MATA:

Krug, S. (2006). No me hagas pensar: Una aproximación a la usabilidad en la web. Madrid: Prentice Hall.

Norman, D.A (2004). El diseño emocional. Por qué nos gustan (o no) los objetos cotidianos. Barcelona: Paidós.

Braun, K ; Gadney, M; Haughey, M; Roselli, A; Synstelien, D; Walter, T; Wertheimer, D. (2002). Usabilidad. Madrid: Anaya Multimedia.

Cooper, A.; Reimann, R. M; Cronin, D. (2007), About Face 3: The Essentials of Interaction Design. Chichester: Wiley.

Garrett, J.J. (2002). The elements of user experience: user-centered design for the web. New York: New Riders.

Unger, R & Chandler,C. (2012). A Project Guide to UX Design: For user experience designers in the field or in the making. New York: New Riders.

Rosenfeld, L; Morville,P. (1998). Information Architecture for the World Wide Web. Cambridge: O'Reilly

Grané, M. (2012). El disseny interactiu a la xarxa. Barcelona: Edicions UB.

Perez-Montoro, M. (2010). Arquitectura de la información en entornos web. Gijon: Trea

U i D

Page 34: Disseny interactiu

Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB