Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius.   COMUNICACIÓ AUDIOVISUAL . UB
UiDEl disseny interactiu és el disseny d’interfícies digitals.             Per a un usuari, la interfície, és el sistema
UiDConceptes i termes utilitzats en disseny interactiu:                                Usabilitat                        U...
UiDUI    [ user interface ]      respon al com es dissenya un producte des del punt de      vista de la enginyeria i atén ...
UiDconcepció visual + interacció + enginyeria          UI      [ user interface ]          HCI     [ human - computer inte...
UiDJesse James Garret 2004
UiDUsabilitat
UiDUsabilitat   Quin és més usable?
UiD
UiD
UiD
UiDQuin mapa és més usable per a un escolar?Quin mapa és més usable per a un tècnic de camins?
UiDUsabilitat  la usabilitat no és una idea intrínseca dun material web  prové de la paraula "usable" i per tant de la par...
UiDUsabilitat  it’s not me                X  it’s you
UiDUsabilitatEl concepte d’usabilitates centra en la idea de facilitat, intuició i efectivitat en lúsJakob Nielsen
UiDLa usabilitat es defineix com el grau en el que un productepot ser utilitzat per un grup dusuaris específics per assoli...
UiDUsabilitat>> Qualitat en el disseny interactiu   En els elements multimèdia   En el disseny de la interfície de pantall...
UiDUX ... Experiència d’usuari
UiDExperiència d’usuari· descriu el veritable sentit del disseny que és l’usuari· introdueix la importància de les emocion...
UiDExperiència d’usuari  No és una tendència sinó un paradigma:      Usabilitat >>> carácterística d’un producte      Expe...
UiDExperiència d’usuariEls aspectes emocionals juguen un paper fonamental en la interacció delusuari perquè afecten els pr...
UiDExperiència d’usuari User centered design .... disseny centrat en l’usuari    Procés o la metodologia que assegura la u...
UiDArquitectura de la informació
UiDArquitectura de la informacióEstructuració de la informació, selecció i presentacióen entorns informatius.Informació = ...
UiDDisciplina encarregada d’estructurar, organitzar i etiquetarels elements que conformen els entorns informacionals pera ...
UiDArquitectura de la informacióPrové de la informàtica, i de la bibliotecnologia.        1959 > IBM        1970 > Xerox  ...
UiDConceptes i termes utilitzats igual al disseny interactiu:                                 Usabilitat                  ...
UiD           Olga Carrerasolgacarreras.blogspot.com.es
UiDAnatomy of ux design
UiDUI    [ user interface ]HCI   [ human - computer interaccion ]GUI   [ graphic user interface ]                         ...
UiDLEER NO MATA:Krug, S. (2006). No me hagas pensar: Una aproximación a la usabilidad en la web. Madrid: PrenticeHall.Norm...
Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius.   COMUNICACIÓ AUDIOVISUAL . UB
Disseny interactiu
Disseny interactiu
Upcoming SlideShare
Loading in …5
×

Disseny interactiu

1,047 views
1,138 views

Published on

Published in: Education
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,047
On SlideShare
0
From Embeds
0
Number of Embeds
627
Actions
Shares
0
Downloads
9
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Disseny interactiu

  1. 1. Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB
  2. 2. UiDEl disseny interactiu és el disseny d’interfícies digitals. Per a un usuari, la interfície, és el sistema
  3. 3. UiDConceptes i termes utilitzats en disseny interactiu: Usabilitat UX - Experiència d’usuari Arquitectura de la informació Interacció persona-ordinador Ergonomia Disseny Interactiu
  4. 4. UiDUI [ 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 interactuaGUI [ 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
  5. 5. UiDconcepció visual + interacció + enginyeria UI [ user interface ] HCI [ human - computer interaccion ] GUI [ graphic user interface ]
  6. 6. UiDJesse James Garret 2004
  7. 7. UiDUsabilitat
  8. 8. UiDUsabilitat Quin és més usable?
  9. 9. UiD
  10. 10. UiD
  11. 11. UiD
  12. 12. UiDQuin mapa és més usable per a un escolar?Quin mapa és més usable per a un tècnic de camins?
  13. 13. UiDUsabilitat la usabilitat no és una idea intrínseca dun 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
  14. 14. UiDUsabilitat it’s not me X it’s you
  15. 15. UiDUsabilitatEl concepte d’usabilitates centra en la idea de facilitat, intuició i efectivitat en lúsJakob Nielsen
  16. 16. UiDLa usabilitat es defineix com el grau en el que un productepot ser utilitzat per un grup dusuaris específics per assolircertes fites definides amb efectivitat, eficiència, isatisfacció, en un context dús específic.(Normativa ISO 9241 (Ergonomic requeriments for visualdisplay terminals, 1998, apartat 11-Guidance for usability))La usabilitat és la percepció de que tant consistent,organitzat, eficient, productiu, fàcil dutilitzar i intuïtiu és elprocés de realitzar una tasca particular dins un sistema.(Baeza-Yates,R; Rivera,C; Velasco,J. 2004)
  17. 17. UiDUsabilitat>> Qualitat en el disseny interactiu En els elements multimèdia En el disseny de la interfície de pantalla En el disseny de tot un entorn interactiu de diferents pantalles i recursos En l’estructura de l’entorn interactiu i la navegació
  18. 18. UiDUX ... Experiència d’usuari
  19. 19. UiDExperiència d’usuari· descriu el veritable sentit del disseny que és l’usuari· introdueix la importància de les emocions en el disseny
  20. 20. UiDExperiència d’usuari No és una tendència sinó un paradigma: Usabilitat >>> carácterística d’un producte Experiència dusuari >>> conjunt de sensacions i emocions que desperta a una persona lús duna aplicació
  21. 21. UiDExperiència d’usuariEls aspectes emocionals juguen un paper fonamental en la interacció delusuari perquè afecten els processos cognitius, atenció, memorització,rendiment, … (Norman) "Les relacions personals i positives amb un disseny provoquen sentiments destima, lleialtat i paciència, factors significatius en la utilitat a llarg termini i en lèxit global dun disseny. Aquestes relacions positives tenen implicacions pel que fa referència a leficà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)
  22. 22. UiDExperiència d’usuari User centered design .... disseny centrat en l’usuari 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
  23. 23. UiDArquitectura de la informació
  24. 24. UiDArquitectura de la informacióEstructuració de la informació, selecció i presentacióen entorns informatius.Informació = contingut
  25. 25. UiDDisciplina encarregada d’estructurar, organitzar i etiquetarels elements que conformen els entorns informacionals pera facilitar la localització, o l’accés a la informació quecontenen, i millorar, així, la seva utilitat i el seuaprofitament per part dels usuaris.(Pérez-Montoro, 2010)Larquitecte de la informació és aquell que ha didentificarla misió (els objectius) i la visió (les expectatives delsusuaris) duna web, determinar els continguts ifuncionalitats de la página, facilitar laccés mitjançantsistemes dorganització, etiquetat, navegació, cerca, ... iplanificar en previsió de futures modificacions i delcreixement de la plana.(Morville y Rosenfeld, 1998)
  26. 26. UiDArquitectura de la informacióPrové de la informàtica, i de la bibliotecnologia. 1959 > IBM 1970 > Xerox 1976 > R.S. Wurman 1998 > Rosenfeld & Morville
  27. 27. UiDConceptes i termes utilitzats igual al disseny interactiu: Usabilitat UX - Experiència d’usuari Arquitectura de la informació Interacció persona-ordinador Ergonomia Disseny Interactiu
  28. 28. UiD Olga Carrerasolgacarreras.blogspot.com.es
  29. 29. UiDAnatomy of ux design
  30. 30. UiDUI [ user interface ]HCI [ human - computer interaccion ]GUI [ graphic user interface ] DISSENY INTERACTIU
  31. 31. UiDLEER NO MATA:Krug, S. (2006). No me hagas pensar: Una aproximación a la usabilidad en la web. Madrid: PrenticeHall.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 thefield or in the making. New York: New Riders.Rosenfeld, L; Morville,P. (1998). Information Architecture for the World Wide Web. Cambridge:OReillyGrané, 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
  32. 32. Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB

×