incursiune prin... interactiunea om-calculator

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

Computer Science

arte

Web interacțiune

design

pictură

profesor

muzică

facultate

semantic

literatură

A. I. Cuza

fotografie

programare

conferințe

cărțicursuri

RomâniaXML

@busaco

cercetare

pasiune

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Cum vă place?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Cum vă place?

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

“Modul în care dăm face mai multdecât ceea ce dăm.”

Pierre Corneille

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

“Design, v.: What you regret not doing later on.”

/usr/games/fortune

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Care sunt mijloacele de interacțiunedintre utilizator(i) şi software?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Human

persoană care încearcă să îndeplinească un scop

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

Computer

rulează aplicații (software)

local versus la distanță

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

Interaction

dialog între om şi calculator

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

Interacțiunea dintre utilizator(i) şi aplicațiese realizează via o interfață (user interface)

interfață convențională – e.g., desktopinterfață Web

interfață la nivelul dispozitivelor mobileinterfață neconvențională: tactilă, gestuală, 3D,…

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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ă

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

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

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Interfața – desktop, Web,… – cu utilizatorul

utilă (useful)

utilizabilă (usable)

utilizată (used)

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Oricine utilizează un instrument (software)o face cu o motivație

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busacogăsirea unei entități: informație, obiect etc.

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

învățare/instruire

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

interacțiuni sociale

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

crearea unui artefact:însemnare, imagine, articol, cod‐sursă,...

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

divertisment propriu şi/sau la nivel de grup

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

UX (User Experience)

modul de percepție a produsului/serviciuluide către persoanele care‐l folosescşi plăcerea/satisfacția înregistrată

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

UX (User Experience)

cannot design a user experience,only design for a user experience

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

UX (User Experience)experience = expectation user is satisfied

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

UX (User Experience)experience > expectation user is delighted

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

UX (User Experience)experience < expectation user is dissatisfied

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busacohttp://garrettdimon.com/pages/improving_interface_design

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Necesitatea organizării informațiilor dorite de utilizatori

modalitățile de prezentare a conținutului privescarhitectura informațională

(IA – Information Architecture)

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

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Utilizarea diverselor tehnici de vizualizare a datelor

visual design

data visualizationvisual representation

infographics

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busacowww.veen.com/nextgen.pdf

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

understand

study

designbuild

evaluate

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Ce vizeazăproiectarea

interacțiunii cu utilizatorul?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

“Designing interactive products to supportthe way people communicate and interact 

in their everyday and working lives.”

Sharp, Rogers & Preece, 2007

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Discipline co

nexe

(Dan

Saffe

r, 20

06)

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

avertismente

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

“Digital products are rude.”

Alan Cooper et al., 2007

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Responsabilitatea este “aruncată” utilizatorului

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Utilizatorii trebuie să gândească asemenea calculatoarelor…deși nu au chef să învețe “booleana”

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Uzual, aplicațiile încurcă oamenii, nu‐i ajută

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

De ce produsele digitale sunt atât de “rele”?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Ignorarea publicului‐țintă(a utilizatorului obişnuit)

crearea de programe destinate exclusiv “elitei”

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

Conflicte de interese:dezvoltatori vs. business

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Lipsa unui proces coerent de crearea majorității aplicațiilor software

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

Aplicațiile software sunt (mult) mai complicatedecât produsele tangibile

exemplu: un sistem de operare vs. o aeronavă

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Procesul de interaction designare un caracter inter‐disciplinar (Rogers, 2007)

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

domenii privind proiectarea interacțiunii (Yvonne Rogers, 2007)

interac‐tion

design

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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ă?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Proiectarea trebuie să se realizeze având în vederecerințele utilizatorului, nu cele ale producătorului

user‐centered interface design

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Users (clients) typically speak to youin terms of desired features and solutions,

not of needs and problems

Jenifer Tidwell, 2006

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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? 

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Înțelegerea problemeiîn vederea realizării designului:

tip de interfațăcomportamentfuncționalitate

categorie de utilizatorietc.

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

context

conți‐nut

utiliza‐tori

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Cum diferă un apel telefonic efectuat via:

o cabină telefonică publicăun telefon fix

un dispozitiv mobilun program VoIP – e.g., Skype

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

De considerat: (categorii de) utilizatori implicați

activitățile desfăşuratecontextul utilizării unui dispozitiv specific

mediul înconjurător

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Crearea unui model conceptualmaniera 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

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Crearea unui model conceptual

usermodel versus program model

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Crearea unui model conceptualexemplu: modelul ales în cazul spreadsheet‐urilor

analogie cu tabelele concrete ale contabililorinteractivitate & realizarea în timp‐real a calculelor

uşor de înțelesfacilități pentru extinderi ulterioare

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Proiectare bună sau nu?

veziwww.thisisbroken.com

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Ce reprezintă utilizabilitatea interfeței?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Utilizabilitatea se referă la cât de “bine”utilizatorii pot exploata

funcționalitatea sistemului

Jakob Nielsen

www.useit.com/alertbox/20030825.html

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Utilizabilitatea se referă la cât de “bine”utilizatorii pot exploata funcționalitatea sistemului:

learnability – uşurința învățării (interfeței)

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

interacțiunea în contextul social game computing

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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?

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

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?

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

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

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

Utilizabilitatea se referă la cât de “bine”utilizatorii pot exploata funcționalitatea sistemului:

satisfaction – îmi place să‐l utilizez?

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

“The applications that are easy to useare designed to be familiar.”

Jenifer Tidwell

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

“Attractive things work better.”

Donald Norman

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Keep the Simple Simple

“No matter how complex the overall system,there is no excuse for not keeping 

simple tasks simple.”

Jef Raskin

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

Keep the Simple SimpleCare este cea mai angajantă interfață a jocului?

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

O interfață‐utilizator este bine scrisăatunci când programul (aplicația) se comportă 

exact aşa cum se aşteaptă utilizatorii săi

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco

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

infoeducatie 2009 :: Interacțiune om‐calculator

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco