incursiune prin... interactiunea om-calculator

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



Cum vă place?



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

Pierre Corneille



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

/usr/games/fortune



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



Human

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



Computer

rulează aplicații (software)

local versus la distanță



Interaction

dialog între om şi calculator



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,…



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ă




percepută nu doar ca parte vizuală a software‐ului

din punctul de vedere al utilizatorului, reprezintă întregul sistem – aplicația per se




utilă (useful)

utilizabilă (usable)

utilizată (used)



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


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



învățare/instruire



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



interacțiuni sociale



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



divertisment propriu şi/sau la nivel de grup



UX (User Experience)

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




“Every product that is used by someone has a user experience: newspapers, ketchup bottles,

reclining armchairs, cardigan sweaters.”

James Jesse Garrett, 2003




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



UX (User Experience)experience = expectation user is satisfied



UX (User Experience)experience > expectation user is delighted



UX (User Experience)experience < expectation user is dissatisfied


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



Necesitatea organizării informațiilor dorite de utilizatori

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

(IA – Information Architecture)



Utilizarea diverselor tehnici de vizualizare a datelor

visual design

data visualizationvisual representation

infographics


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



understand

study

designbuild

evaluate



Ce vizeazăproiectarea

interacțiunii cu utilizatorul?



“Designing interactive products to supportthe way people communicate and interact

in their everyday and working lives.”

Sharp, Rogers & Preece, 2007



Discipline co

nexe

(Dan

Saffe

r, 20

06)



avertismente



“Digital products are rude.”

Alan Cooper et al., 2007



Responsabilitatea este “aruncată” utilizatorului



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



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



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



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

crearea de programe destinate exclusiv “elitei”



Conflicte de interese:dezvoltatori vs. business



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



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

exemplu: un sistem de operare vs. o aeronavă



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



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

interac‐tion

design



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



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

user‐centered interface design



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

not of needs and problems

Jenifer Tidwell, 2006



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?



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

tip de interfațăcomportamentfuncționalitate

categorie de utilizatorietc.



context

conți‐nut

utiliza‐tori



Cum diferă un apel telefonic efectuat via:

o cabină telefonică publicăun telefon fix

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



De considerat: (categorii de) utilizatori implicați

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

mediul înconjurător



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



Crearea unui model conceptual

usermodel versus program model



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



Proiectare bună sau nu?

veziwww.thisisbroken.com



Ce reprezintă utilizabilitatea interfeței?



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

funcționalitatea sistemului

Jakob Nielsen

www.useit.com/alertbox/20030825.html



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

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



interacțiunea în contextul social game computing




efficiency – din moment ce am învățat‐o, pot să o utilizez (cât mai) rapid?




memorability – cât de uşor e să‐mi aduc aminte de modul de interacțiune?




errors – numărul de erori trebuie să fie minim, iar erorile survenite pot fi corectate uşor




satisfaction – îmi place să‐l utilizez?



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

Jenifer Tidwell



“Attractive things work better.”

Donald Norman



Keep the Simple Simple

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

simple tasks simple.”

Jef Raskin



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



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

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



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



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

incursiune prin... interactiunea om-calculator

Technology