Your SlideShare is downloading. ×
Disseny interactiu
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Disseny interactiu

653

Published on

Published in: Education
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
653
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
8
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB
  • 2. UiDEl disseny interactiu és el disseny d’interfícies digitals. Per a un usuari, la interfície, és el sistema
  • 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. 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. UiDconcepció visual + interacció + enginyeria UI [ user interface ] HCI [ human - computer interaccion ] GUI [ graphic user interface ]
  • 6. UiDJesse James Garret 2004
  • 7. UiDUsabilitat
  • 8. UiDUsabilitat Quin és més usable?
  • 9. UiD
  • 10. UiD
  • 11. UiD
  • 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. 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. UiDUsabilitat it’s not me X it’s you
  • 15. UiDUsabilitatEl concepte d’usabilitates centra en la idea de facilitat, intuició i efectivitat en lúsJakob Nielsen
  • 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. 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. UiDUX ... Experiència d’usuari
  • 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. 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. 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. 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. UiDArquitectura de la informació
  • 24. UiDArquitectura de la informacióEstructuració de la informació, selecció i presentacióen entorns informatius.Informació = contingut
  • 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. 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. 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. UiD Olga Carrerasolgacarreras.blogspot.com.es
  • 29. UiDAnatomy of ux design
  • 30. UiDUI [ user interface ]HCI [ human - computer interaccion ]GUI [ graphic user interface ] DISSENY INTERACTIU
  • 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. Usabilitat i disseny interactiuMariona Grané. Laboratori de Mitjans Interactius. COMUNICACIÓ AUDIOVISUAL . UB

×