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

1. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Cum vă place?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

4. infoeducatie 2009 :: Interacțiune om‐calculator
Cum vă place?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

5. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
Human
persoană care încearcă să îndeplinească un scop
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

10. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

13. infoeducatie 2009 :: Interacțiune om‐calculator
Interaction
dialog între om şi calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

14. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. 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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
învățare/instruire
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
interacțiuni sociale
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
divertisment propriu şi/sau la nivel de grup
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

27. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

28. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
UX (User Experience)
experience = expectation user is satisfied
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
UX (User Experience)
experience < expectation user is dissatisfied
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

35. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga
http://garrettdimon.com/pages/improving_interface_design – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

38. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

39. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
www.veen.com/nextgen.pdf Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

42. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

43. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

44. infoeducatie 2009 :: Interacțiune om‐calculator
understand
evaluate study
build design
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

45. infoeducatie 2009 :: Interacțiune om‐calculator
Ce vizează
proiectarea
interacțiunii cu
utilizatorul?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Discipline conexe (Dan Saffer, 2006)
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

48. infoeducatie 2009 :: Interacțiune om‐calculator
avertismente
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Responsabilitatea este “aruncată” utilizatorului
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Uzual, aplicațiile încurcă oamenii, nu‐i ajută
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

56. infoeducatie 2009 :: Interacțiune om‐calculator
Conflicte de interese:
dezvoltatori vs. business
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. 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. 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. 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. 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. 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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
utiliza‐ conți‐
tori nut
context
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. 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. 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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
Proiectare bună sau nu?
vezi www.thisisbroken.com
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

74. infoeducatie 2009 :: Interacțiune om‐calculator
Ce reprezintă utilizabilitatea interfeței?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
interacțiunea în contextul social game computing
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

88. infoeducatie 2009 :: Interacțiune om‐calculator
“Attractive things work better.”
Donald Norman
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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. 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. 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. 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. 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. infoeducatie 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco