Incursiune prin... interactiunea om-calculator

1,211 views
1,151 views

Published on

Aspecte esentiale referitoare la problematicile interactiunii dintre om si calculator (software).

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,211
On SlideShare
0
From Embeds
0
Number of Embeds
56
Actions
Shares
0
Downloads
29
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Incursiune prin... interactiunea om-calculator

  1. 1. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  2. 2. infoeducatie 2009 :: Interacțiune om‐calculator pasiune muzică pictură literatură @busaco fotografie arte XML România Computer Science profesor A. I. Cuza cercetare facultate Web interacțiune conferințe semantic design cărți cursuri programare Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  3. 3. infoeducatie 2009 :: Interacțiune om‐calculator Cum vă place? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  4. 4. infoeducatie 2009 :: Interacțiune om‐calculator Cum vă place? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  5. 5. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  6. 6. infoeducatie 2009 :: Interacțiune om‐calculator “Modul în care dăm face mai mult decât ceea ce dăm.” Pierre Corneille Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  7. 7. infoeducatie 2009 :: Interacțiune om‐calculator “Design, v.: What you regret not doing later on.” /usr/games/fortune Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  8. 8. infoeducatie 2009 :: Interacțiune om‐calculator Care sunt mijloacele de interacțiune dintre utilizator(i) şi software? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  9. 9. infoeducatie 2009 :: Interacțiune om‐calculator Human persoană care încearcă să îndeplinească un scop Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  10. 10. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  11. 11. infoeducatie 2009 :: Interacțiune om‐calculator Computer rulează aplicații (software) local versus la distanță Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  12. 12. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  13. 13. infoeducatie 2009 :: Interacțiune om‐calculator Interaction dialog între om şi calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  14. 14. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  15. 15. infoeducatie 2009 :: Interacțiune om‐calculator Interacțiunea dintre utilizator(i) şi aplicație se realizează via o interfață (user interface) interfață convențională – e.g., desktop interfață Web interfață la nivelul dispozitivelor mobile interfață neconvențională: tactilă, gestuală, 3D,… Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  16. 16. infoeducatie 2009 :: Interacțiune om‐calculator Interfața – desktop, Web,… – cu utilizatorul parte a aplicației – desktop, Web, miniaturală,… – care permite utilizatorilor să‐și exprime intențiile  de operare asupra software‐ului și să interpreteze  rezultatele acțiunilor efectuate de mașină Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  17. 17. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  18. 18. infoeducatie 2009 :: Interacțiune om‐calculator Interfața – desktop, Web,… – cu utilizatorul percepută nu doar ca parte vizuală a software‐ului din punctul de vedere al utilizatorului,  reprezintă întregul sistem – aplicația per se Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  19. 19. infoeducatie 2009 :: Interacțiune om‐calculator Interfața – desktop, Web,… – cu utilizatorul utilă (useful) utilizabilă (usable) utilizată (used) Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  20. 20. infoeducatie 2009 :: Interacțiune om‐calculator Oricine utilizează un instrument (software) o face cu o motivație Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  21. 21. infoeducatie 2009 :: Interacțiune om‐calculator găsirea unei entități: – www.purl.org/net/busaco Dr. Sabin‐Corneliu Buraga informație, obiect etc.
  22. 22. infoeducatie 2009 :: Interacțiune om‐calculator învățare/instruire Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  23. 23. infoeducatie 2009 :: Interacțiune om‐calculator realizarea unui proces – e.g., tranzacție tranzacție = set de paşi intermediari  inter‐dependenți văzut ca un proces atomic exemplu: cumpărături via e‐shop Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  24. 24. infoeducatie 2009 :: Interacțiune om‐calculator interacțiuni sociale Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  25. 25. infoeducatie 2009 :: Interacțiune om‐calculator crearea unui artefact: însemnare, imagine, articol, cod‐sursă,... Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  26. 26. infoeducatie 2009 :: Interacțiune om‐calculator divertisment propriu şi/sau la nivel de grup Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  27. 27. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  28. 28. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  29. 29. infoeducatie 2009 :: Interacțiune om‐calculator UX (User Experience) modul de percepție a produsului/serviciului de către persoanele care‐l folosesc şi plăcerea/satisfacția înregistrată Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  30. 30. infoeducatie 2009 :: Interacțiune om‐calculator UX (User Experience) “Every product that is used by someone has  a user experience: newspapers, ketchup bottles,  reclining armchairs, cardigan sweaters.” James Jesse Garrett, 2003 Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  31. 31. infoeducatie 2009 :: Interacțiune om‐calculator UX (User Experience) cannot design a user experience, only design for a user experience Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  32. 32. infoeducatie 2009 :: Interacțiune om‐calculator UX (User Experience) experience = expectation user is satisfied Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  33. 33. infoeducatie 2009 :: Interacțiune om‐calculator UX (User Experience) experience > expectation user is delighted Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  34. 34. infoeducatie 2009 :: Interacțiune om‐calculator UX (User Experience) experience < expectation user is dissatisfied Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  35. 35. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga http://garrettdimon.com/pages/improving_interface_design – www.purl.org/net/busaco
  36. 36. infoeducatie 2009 :: Interacțiune om‐calculator Necesitatea organizării informațiilor dorite de utilizatori modalitățile de prezentare a conținutului privesc arhitectura informațională (IA – Information Architecture) Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  37. 37. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  38. 38. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  39. 39. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  40. 40. infoeducatie 2009 :: Interacțiune om‐calculator Utilizarea diverselor tehnici de vizualizare a datelor visual design data visualization visual representation infographics Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  41. 41. infoeducatie 2009 :: Interacțiune om‐calculator www.veen.com/nextgen.pdf Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  42. 42. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  43. 43. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  44. 44. infoeducatie 2009 :: Interacțiune om‐calculator understand evaluate study build design Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  45. 45. infoeducatie 2009 :: Interacțiune om‐calculator Ce vizează proiectarea interacțiunii cu  utilizatorul? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  46. 46. infoeducatie 2009 :: Interacțiune om‐calculator “Designing interactive products to support the way people communicate and interact  in their everyday and working lives.” Sharp, Rogers & Preece, 2007 Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  47. 47. infoeducatie 2009 :: Interacțiune om‐calculator Discipline conexe (Dan Saffer, 2006) Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  48. 48. infoeducatie 2009 :: Interacțiune om‐calculator avertismente Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  49. 49. infoeducatie 2009 :: Interacțiune om‐calculator “Digital products are rude.” Alan Cooper et al., 2007 Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  50. 50. infoeducatie 2009 :: Interacțiune om‐calculator Responsabilitatea este “aruncată” utilizatorului Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  51. 51. infoeducatie 2009 :: Interacțiune om‐calculator Utilizatorii trebuie să gândească asemenea calculatoarelor …deși nu au chef să învețe “booleana” Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  52. 52. infoeducatie 2009 :: Interacțiune om‐calculator Uzual, aplicațiile încurcă oamenii, nu‐i ajută Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  53. 53. infoeducatie 2009 :: Interacțiune om‐calculator De ce produsele digitale sunt atât de “rele”? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  54. 54. infoeducatie 2009 :: Interacțiune om‐calculator Ignorarea publicului‐țintă (a utilizatorului obişnuit) crearea de programe destinate exclusiv “elitei” Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  55. 55. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  56. 56. infoeducatie 2009 :: Interacțiune om‐calculator Conflicte de interese: dezvoltatori vs. business Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  57. 57. infoeducatie 2009 :: Interacțiune om‐calculator Lipsa unui proces coerent de creare a majorității aplicațiilor software Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  58. 58. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  59. 59. infoeducatie 2009 :: Interacțiune om‐calculator Aplicațiile software sunt (mult) mai complicate decât produsele tangibile exemplu: un sistem de operare vs. o aeronavă Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  60. 60. infoeducatie 2009 :: Interacțiune om‐calculator Procesul de interaction design are un caracter inter‐disciplinar (Rogers, 2007) Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  61. 61. infoeducatie 2009 :: Interacțiune om‐calculator interac‐ tion design domenii privind proiectarea interacțiunii (Yvonne Rogers, 2007) Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  62. 62. infoeducatie 2009 :: Interacțiune om‐calculator Ce dorim să creăm (dezvoltăm)? Care sunt premisele inițiale? Care ne sunt obiectivele? Vom obține ceea ce sperăm să realizăm?  Dacă da, cum? Cu ce dificultăți ne confruntăm? Putem (re)folosi o soluție deja existentă? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  63. 63. infoeducatie 2009 :: Interacțiune om‐calculator Proiectarea trebuie să se realizeze având în vedere cerințele utilizatorului, nu cele ale producătorului user‐centered interface design Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  64. 64. infoeducatie 2009 :: Interacțiune om‐calculator Users (clients) typically speak to you in terms of desired features and solutions, not of needs and problems Jenifer Tidwell, 2006 Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  65. 65. infoeducatie 2009 :: Interacțiune om‐calculator Cum va fi folosit software‐ul? Cine va utiliza software‐ul? Cât de frecvent va fi folosit? Cât timp va fi utilizat? Cât de uşor va fi de utilizat software‐ul? Cât de portabil va fi software‐ul?  Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  66. 66. infoeducatie 2009 :: Interacțiune om‐calculator Înțelegerea problemei în vederea realizării designului: tip de interfață comportament funcționalitate categorie de utilizatori etc. Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  67. 67. infoeducatie 2009 :: Interacțiune om‐calculator utiliza‐ conți‐ tori nut context Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  68. 68. infoeducatie 2009 :: Interacțiune om‐calculator Cum diferă un apel telefonic efectuat via: o cabină telefonică publică un telefon fix un dispozitiv mobil un program VoIP – e.g., Skype Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  69. 69. infoeducatie 2009 :: Interacțiune om‐calculator De considerat:  (categorii de) utilizatori implicați activitățile desfăşurate contextul utilizării unui dispozitiv specific mediul înconjurător Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  70. 70. infoeducatie 2009 :: Interacțiune om‐calculator Crearea unui model conceptual maniera cum sistemul este perceput de utilizatorii lui “O descriere de nivel înalt a modului  cum un sistem este organizat şi funcționează.”  Johnson & Henderson, 2002 Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  71. 71. infoeducatie 2009 :: Interacțiune om‐calculator Crearea unui model conceptual user model versus program model Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  72. 72. infoeducatie 2009 :: Interacțiune om‐calculator Crearea unui model conceptual exemplu: modelul ales în cazul spreadsheet‐urilor analogie cu tabelele concrete ale contabililor interactivitate & realizarea în timp‐real a calculelor uşor de înțeles facilități pentru extinderi ulterioare Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  73. 73. infoeducatie 2009 :: Interacțiune om‐calculator Proiectare bună sau nu? vezi www.thisisbroken.com Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  74. 74. infoeducatie 2009 :: Interacțiune om‐calculator Ce reprezintă utilizabilitatea interfeței? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  75. 75. infoeducatie 2009 :: Interacțiune om‐calculator Utilizabilitatea se referă la cât de “bine” utilizatorii pot exploata funcționalitatea sistemului Jakob Nielsen www.useit.com/alertbox/20030825.html Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  76. 76. infoeducatie 2009 :: Interacțiune om‐calculator Utilizabilitatea se referă la cât de “bine” utilizatorii pot exploata funcționalitatea sistemului: learnability – uşurința învățării (interfeței) Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  77. 77. infoeducatie 2009 :: Interacțiune om‐calculator interacțiunea în contextul social game computing Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  78. 78. infoeducatie 2009 :: Interacțiune om‐calculator Utilizabilitatea se referă la cât de “bine” utilizatorii pot exploata funcționalitatea sistemului: efficiency – din moment ce am învățat‐o,  pot să o utilizez (cât mai) rapid? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  79. 79. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  80. 80. infoeducatie 2009 :: Interacțiune om‐calculator Utilizabilitatea se referă la cât de “bine” utilizatorii pot exploata funcționalitatea sistemului: memorability – cât de uşor e să‐mi aduc aminte  de modul de interacțiune? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  81. 81. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  82. 82. infoeducatie 2009 :: Interacțiune om‐calculator Utilizabilitatea se referă la cât de “bine” utilizatorii pot exploata funcționalitatea sistemului: errors – numărul de erori trebuie să fie minim,  iar erorile survenite pot fi corectate uşor Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  83. 83. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  84. 84. infoeducatie 2009 :: Interacțiune om‐calculator Utilizabilitatea se referă la cât de “bine” utilizatorii pot exploata funcționalitatea sistemului: satisfaction – îmi place să‐l utilizez? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  85. 85. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  86. 86. infoeducatie 2009 :: Interacțiune om‐calculator “The applications that are easy to use are designed to be familiar.” Jenifer Tidwell Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  87. 87. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  88. 88. infoeducatie 2009 :: Interacțiune om‐calculator “Attractive things work better.” Donald Norman Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  89. 89. infoeducatie 2009 :: Interacțiune om‐calculator Keep the Simple Simple “No matter how complex the overall system, there is no excuse for not keeping  simple tasks simple.” Jef Raskin Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  90. 90. infoeducatie 2009 :: Interacțiune om‐calculator Keep the Simple Simple Care este cea mai angajantă interfață a jocului? Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  91. 91. infoeducatie 2009 :: Interacțiune om‐calculator O interfață‐utilizator este bine scrisă atunci când programul (aplicația) se comportă  exact aşa cum se aşteaptă utilizatorii săi Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  92. 92. infoeducatie 2009 :: Interacțiune om‐calculator A. Cooper, R. Reimann, D. Cronin,  About Face (3rd Edition), Addison‐Wesley, 2007 J. Raskin, The Humane Interface, Addison‐Wesley, 2000 A. Sears, J. Jacko (Eds.), The Human‐Computer Interaction  Handbook (2nd Edition), Taylor & Francis Group, 2008 J. Tidwell, Designing Interfaces, O’Reilly, 2005 Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  93. 93. infoeducatie 2009 :: Interacțiune om‐calculator interaction, agent, IA, cognetics, markup, art, visual design, KISS,  control, user testing, idiom, latency, mode, icon, GUI, Fitt’s Law,  event, human factors, infographics, RAD, metaphor, accessibility,  privacy, skin, affordance, prompt, menu, pointer, risk, augmented  reality, UX, animation, web, game, graceful degradation, query, tag,  prototyping, ID, evaluation, task, design patterns, gesture, tabs,  color, ergonomics, feedback, CLI, script, look & feel, AI, navigation,  role, multimodal, audio, RAD, typography, window, voice, mouse,  demographics, help, l10n, shortcut, direct manipulation, efficiency,  paradigm, usability, CADUI, experiment, VR, eye candy, 3D, effect,  WYSIWYG, semiotics, i18n, RIA, style, tooltip, iterative, keyboard,  pervasive, learnability, hypertext, anticipation, handheld, memory,  social, natural language, methodology, ubiquitous computing,  persona, dialogue, user, screen, wireframe, PUI, zoom, psychology,  recommender system, brand, flow, storyboard, architecture, model,  responsiveness, satisfaction, touch, undo, metrics, video, semantic Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
  94. 94. infoeducatie 2009 :: Interacțiune om‐calculator Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

×