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

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

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

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

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

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
Human
persoană care încearcă să îndeplinească un scop
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator
Computer
rulează aplicații (software)
local versus la distanță
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

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

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

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

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
găsirea unei entități: – www.purl.org/net/busaco
Dr. Sabin‐Corneliu Buraga informație, obiect etc.

infoeducatie 2009 :: Interacțiune om‐calculator
învățare/instruire
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
crearea unui artefact:
însemnare, imagine, articol, cod‐sursă,...
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

infoeducatie 2009 :: Interacțiune om‐calculator
divertisment propriu şi/sau la nivel de grup
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
UX (User Experience)
experience > expectation user is delighted
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

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

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

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

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

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

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

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

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
Discipline conexe (Dan Saffer, 2006)
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator
“Digital products are rude.”
Alan Cooper et al., 2007
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

infoeducatie 2009 :: Interacțiune om‐calculator
Responsabilitatea este “aruncată” utilizatorului
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
De ce produsele digitale sunt atât de “rele”?
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

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

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

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

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

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

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

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

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
utiliza‐ conți‐
tori nut
context
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
Crearea unui model conceptual
user model versus program model
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator
Proiectare bună sau nu?
vezi www.thisisbroken.com
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

infoeducatie 2009 :: Interacțiune om‐calculator
interacțiunea în contextul social game computing
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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