Post on 29-Jun-2015
transcript
Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB
El disseny interactiu és el disseny d’interfícies digitals.
U i D
Per a un usuari, la interfície, és el sistema
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
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
UI [ user interface ]
HCI [ human - computer interaccion ]
GUI [ graphic user interface ]
concepció visual + interacció + enginyeria
U i D
Jesse James Garret 2004
U i D
U i D
Usabilitat
Quin és més usable?
U i D
Usabilitat
U i D
U i D
U i D
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
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
U i D
Usabilitat
it’s not meit’s you X
El concepte d’usabilitat
es centra en la idea de facilitat, intuició i efectivitat en l'úsJakob Nielsen
U i D
Usabilitat
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
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
U i D
UX ... Experiència d’usuari
· 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
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ó
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
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
U i D
Arquitectura de la informació
Estructuració de la informació, selecció i presentació en entorns informatius.
Informació = contingut
Arquitectura de la informació
U i D
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
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
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
U i D
Olga Carrerasolgacarreras.blogspot.com.es
U i D
Anatomy of ux design
UI [ user interface ]
HCI [ human - computer interaccion ]
GUI [ graphic user interface ]DISSENYINTERACTIU
U i D
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
Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB