50
Interac Interac ţ ţ iune om iune om - - calculator calculator Dr. Dr. Sabin Sabin - - Corneliu Corneliu Buraga Buraga www.infoiasi.ro/~busaco www.infoiasi.ro/~busaco / / 1 1 Interac Interac ţ ţ iune om iune om - - calculator calculator Tipuri de interfe Tipuri de interfe ţ ţ e & proiectare e & proiectare Dr. Sabin-Corneliu Buraga Facultatea de Informatică Universitatea “A.I.Cuza” Iaşi, România http http :// :// www.infoiasi.ro www.infoiasi.ro /~ /~ busaco busaco / /

Interactiune om-calculator (Tipuri de interfete & proiectare)

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

11

InteracInteracţţiune omiune om--calculatorcalculator Tipuri de interfeTipuri de interfeţţe & proiectaree & proiectare

Dr. Sabin-Corneliu Buraga Facultatea de Informatică

Universitatea “A.I.Cuza”

Iaşi, România httphttp://://www.infoiasi.rowww.infoiasi.ro/~/~busacobusaco//

Page 2: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

22

“Machines certainly can solve problems,store information, correlate, and play games – but not with pleasure.”

Leo Rosten

Page 3: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

33

CuprinsCuprins•

Punerea problemei

Paradigme pentru interacţiunea cu utilizatorul

Tipuri de interfeţe

Proiectarea interfeţelor: modele & perspective

Moduri

de interacţiune

Page 4: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

44

PunereaPunerea problemeiproblemei

Procesul

de dezvoltare

a software-ului

a evoluat (Cooper et al., 2007)

Page 5: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

55

PunereaPunerea problemeiproblemei

Domeniul interacţiunii om-calculator nu vizează doar proiectarea interfeţelor aplicaţiilor pentru calculatoare desktop

Se au în vedere

experienţele utilizatorului:– Activităţi efective, eficiente, sigure– Îmbunătăţirea/extinderea modalităţilor

de învăţare & instruire– Enjoyable and exciting entertainment– Îmbunătăţirea inter-comunicării & înţelegerii– Noi forme de creativitate & expresivitate

Page 6: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

66

PunereaPunerea problemeiproblemei

Întrebări:– 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ă?

Exemplu: Care au fost

punctele

de plecare ale dezvoltatorilor

unor

aplicatii

Web

precum

Flickr.com

sau

Last.fm?

Page 7: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

77

PunereaPunerea problemeiproblemei

Posibile răspunsuri (iniţiale):– Presupuneri (assumptions):

Folosirea succesului blogging-ului•

Utilizatorii pot să-şi partajeze nu doar însemnările, ci şi fotografiile/muzica

(personale)

Suport pentru realizarea de comentarii + tagging•

Oamenilor le place să-şi împărtăşească amintirile

– Declaraţia scopului (claim):•

“Flickr.com is almost certainly the best online photo management and sharing application in the world.”

(pretindea Flickr.com

în 2005)

Page 8: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

88

PunereaPunerea problemeiproblemei

Realităţi:– “Digital products are rude”

(Cooper

et al., 2007)

Responsabilitatea e “aruncată”

utilizatorului

Utilizatorii trebuie să gândească asemenea

calculatoarelor

Aplicaţiile

uzual încurcă oamenii, nu-i ajută

Page 9: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

99

PunereaPunerea problemeiproblemei

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 creare a majorităţii

aplicaţiilor software-ului•

Aplicaţiile software sunt (mult) mai complicate

decât produsele tangibile•

Exemplu: un sistem de operare vs. o aeronavă

Page 10: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1010

PunereaPunerea problemeiproblemei

Necesităţi:– Înţelegerea problemei în vederea realizării

designului: tipul de interfaţă, comportament, funcţionalitate etc.

– 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)

Page 11: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1111

PunereaPunerea problemeiproblemei

Observaţii (Dan Saffer, 2005):–O parte importantă a procesului de design

este aceea de a “vinde”

ideile celor care le vor implementa şi/sau finanţa

–“You don’t throw away a tool because it is dangerous. You just use it more carefully.”

Page 12: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1212

Aspecte ale dezvoltării de produse digitale

(Cooper

et

al., 2007)

Page 13: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1313

PunereaPunerea

problemeiproblemei

((VanderdoncktVanderdonckt, 2006), 2006)

Volumul & diversitatea utilizatorilor de produse digitale au

crescut

– Utilizatori tradiţionali + oameni cu dizabilităţi (vizuale, motorii, cognitive)

Varietatea acţiunilor (tasks) ce pot fi realizate•

Eterogenitatea platformelor existente– PC, PDA, telefon, automobil, fax, chioşc online,…

Existenţa mai multor contexte de utilizare– La lucru, acasă, în călătorii,

în locaţii de divertisment etc.

Page 14: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1414

ParadigmeParadigme•

Paradigme pentru interacţiunea cu utilizatorul –

sistemele multi-utilizator

unităţile video de afişare (video display units)–

instrumentele

de programare (toolkits)

calculatoarele personale–

sistemele bazate pe ferestre

metafora–

manipularea directă

programarea prin exemple–

hipertextul

sistemele multimedia–

activitatea cooperativă asistată de calculator

Page 15: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1515

ParadigmeParadigme•

Stiluri de interacţiune om-calculator– limbajele de comandă

(instrucţiuni, cuvinte-cheie,

abrevieri, simboluri, mecanisme intrare/răspuns)– formularele interactive &

spreadsheet-urile

– meniurile– interacţiunea grafică

(paradigma WIMP –

Window, Icon, Menu, Pointer)– manipularea directă &

hipertextul

– limbajul natural– …

Page 16: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1616

InterfeInterfeţţee•

Tipuri:–

text: Unix, CP/M, DOS etc.

grafice: Macintosh, NeXT,

Motif, Windows etc.–

senzoriale: gesturi, voce,…

Moduri

de comunicare:–

clasic

(tastatura + display, mouse, boxe audio, joystick etc.)–

natural

(recunoaşterea textului, vocii, gesturilor,...)

virtual

(medii virtuale 3D)–

ubicuu

ubiquitous computing – Mark Weiser (1991)

omniprezenţa &

inter-conectivitatea calculatoarelor

Page 17: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1717

ProiectareaProiectarea: : aspecteaspecte•

Proiectarea informaţională (information design, information architecture): desktop publishing, multimedia, data-mining

Proiectarea interacţiunilor om-maşină (interaction design): story creating, story telling

Proiectarea senzorială (sensorial design): design

grafic, ilustraţie &

fotografie, sound design,

musical performance,

vocal talents, videografie, cinema, tactile, olfactory, kinosthatic design

Experienţa

Page 18: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1818

ProiectareaProiectarea

De reţinut: O interfaţă-utilizator este bine scrisă

atunci când programul (aplicaţia) se comportă exact aşa cum se aşteaptă utilizatorii săi

Page 19: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

1919

Proiectarea: direcProiectarea: direcţţiiii•

Task-centered interface design (proiectare dirijată de scop)– software-ul este proiectat conform scopurilor

producătorului, nu ale utilizatorului: utilizatorul este stupid, este provocat să greşească, nu trebuie să fie eficient şi trebuie plictisit

– atenţia este direcţionată spre tehnologie şi uşurinţa implementării, nu spre eficienţa utilizatorului (ergonomia acţiunilor lui)

– software-ul este focalizat

pe caracteristici (feature-centric software), unele niciodată utilizate

– software-ul devine mamut, incontrolabil

Page 20: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2020

Proiectarea: direcProiectarea: direcţţiiii•

User-centered interface design (proiectare dirijată de utilizator)– software-ul trebuie să mulţumească,

să menajeze, să ajute utilizatorul– proiectarea se realizează având în vedere

cerinţele utilizatorului, nu cele ale producătorului– nu trebuie să se utilizeze un limbaj obscur, neînţeles

de utilizator (“precizaţi IRQ”, “introduceţi URL”)– software-ul în prezent abuzează de elementele

grafice ale interfeţei (meniuri, ferestre, icon-uri

etc.)

Page 21: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2121

UtilizareaUtilizarea unuiunui

limbajlimbaj obscurobscur

Page 22: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2222

UtilizareaUtilizarea unuiunui

limbajlimbaj obscurobscur

Page 23: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2323

ModeleModele (Alan Cooper, 1995, 2007)(Alan Cooper, 1995, 2007)

modelul utilizatorului

(user model)

modelul programului

(program model)

modelele se dovedesc contradictorii, deseori

trebuie să se ţină seama mai ales de modelul utilizatorului

trebuie ales cel mai simplu model posibil

Page 24: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2424

ModeleModele•

Exemplu:

Utilizatorii

nu

cunosc

booleana

Page 25: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2525

ModeleModele•

Întrebări:– 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 nevoilor utilizatorului final

Page 26: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2626

ModeleModele: : tipuritipuri•

Implementarea– Software-ul se conformează modelului

implementării (vezi copierea/mutarea unui fişier, în funcţie de discurile sursă & destinaţie)

Mental (conceptual)– Software-ul trebuie să respecte modelul mental

al utilizatorului –

modelul epocii mecanice e diferit de cel al epocii informaţionale (vezi cartea de telefon electronică)

Manifest– Modalitatea prin care programul îşi prezintă

funcţionalitatea faţă de utilizator

Page 27: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2727

ModeleModele

Exemplu: modelul conceptual ales în cazul spreadsheet-urilor–Analogie cu tabelele concrete ale contabililor–Oferă interactivitate &

realizarea în timp-real a calculelor–Uşor de înţeles–Facilităţi pentru extinderi ulterioare

Page 28: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2828

ModeleModele•

Exemplu

Visicalc

(1979):

– Primul

program de calcul

tabelar

– Vezi www.bricklin.com

Page 29: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

2929

ModeleModele & perspective& perspective

Atunci când se adoptă un model, se ia în consideraţie o anumită perspectivă:– Sistemică (a sistemului manipulat)– A dialogului (manieră de interacţiune)– A utilitarelor folosite (calculatorul ca unealtă)– A mediului (calculatorul ca partener)

Page 30: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3030

ModeleModele & perspective& perspective

Perspectiva sistemică– Interacţiunea are loc într-un format predefinit,

standardizat

(deseori, rigid), fără a se avea în vedere modelul mental

Page 31: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3131

ModeleModele & perspective& perspective

Perspectiva dialogului – Utilizatorul &

computerul sunt priviţi

ca parteneri ai unui dialog particular, maşina având un comportament comunicativ similar celui

uman

Vocal

limbaj natural / set de termeni (“Mută X jos”)•

Textual

– limbaj natural / linie de comandă

Prin hipertext

– text + manipulare directă (legături)•

Manipulare directă

(Shneiderman, 1983) –

ferestre,

drag & drop, desenare,…•

Prin imagine – animaţie, pictograme (icon-uri)

Prin localizare

– poziţie în spaţiu, viteză etc. •

Emoţional

– detectarea stării utilizatorului

Page 32: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3232

ModeleModele & perspective& perspective

Perspectiva dialogului –

Factori de alegere a tipului de dialog (Trăuşan-Matu, 2000)

Natura informaţiei: imagini, numere, nume, relaţii între entităţi etc.

Structura informaţiei: mulţime de valori, liste de perechi (nume, valoare), grafuri

etc.

Profilul & preferinţele utilizatorului sau clasei de utilizatori

Tipul de activitate

(e.g., interfaţa pentru chirurgi)•

Concurenţa mai multor activităţi

– interfaţa multi-modală•

Contextul situaţiei

Page 33: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3333

ModeleModele & perspective& perspective

Perspectiva utilitarelor– Utilizatorul are controlul deplin şi continuu

asupra instrumentelor

oferite de sistem şi cu ajutorul lor îşi poate îndeplini total scopurile

Perspectiva mediului– Computerul este văzut ca un mediu de comunicare

între oameni (e.g., prin e-mail, video-conferinţe); comunicarea este aceeaşi indiferent de aplicaţiile (program de redactat

poşta, editor grafic,…)

şi de mediile folosite –

text, grafică, video, 3D – în orice formă

Page 34: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3434

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)

Instructaj (instructing): emiterea de comenzi folosind tastatura ori selectând opţiuni via meniuri

Conversaţie: interacţiune de tip dialog (voce, gesturi,…)

vezi

slide-urile

precedente

Manipulare: interacţiune directă cu obiectele dintr-un spaţiu virtual/fizic

Explorare: evoluţie în cadrul unui mediu virtual sau spaţiu fizic

Page 35: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3535

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)

Instructaj– Utilizatorul îi “spune”

sistemului ce să facă– Folosit uzual

pentru

interacţiunea cu dispozitivele

– Interacţiunea este rapidă & eficientă

Care automat este mai uşor de folosit?

Page 36: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3636

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)•

Conversaţie–

Novicii/tehnofobii pot interacţiona cu sistemul

Apar probleme de interpretare (e.g., a limbajului natural)

Page 37: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3737

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)

Manipulare–

Exploatează cunoştinţele utilizatorului în ceea ce priveşte mişcarea & manipularea din lumea reală

Obiectele virtuale pot fi manipulate variat–

Obiectele fizice manipulate pot declanşa evenimente concrete sau digitale

Prin manipulare directă, utilizatorii au feedback imediat asupra a ceea ce fac,

plus

câştigă încredere

Novicii pot învăţa rapid funcţionalităţile de bază–

Pot apărea probleme de eficienţă; nu toate activităţile pot fi realizate în mod direct

Page 38: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3838

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)

Manipulare

Page 39: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

3939

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)•

Explorare–

Întâlnită mai ales în cazul mediilor 3D, iar recent şi la

desktop-urile

3D •

proiectul

Looking

Glass–

Folosită de jocurile interactive

Poate implica şi obiecte reale

(e.g., senzori la wearable computers)

Page 40: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4040

ModuriModuri

de interacde interacţţiuneiune

(Rogers, 2007)(Rogers, 2007)

Explorare– Lumile virtuale –

vezi unul dintre cursurile viitoare

– Exemplificare: Second

Life– Factori de succes:

Mediu personalizat, uşor de modificat de utilizator: lumea generată poate fi modificată, creată,

vândută/cumpărată (inclusiv proprietăţi, servicii, obiecte virtuale)

Comunicaţii inter-personale: servicii de tip social networking & reprezentare virtuală (avatar)

Page 41: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4141

Page 42: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4242

ExperimenteExperimente

Proiectare bună sau nu?

Vezi

www.thisisbroken.com

Page 43: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4343

ExperimenteExperimente

Proiectare bună sau nu?

Vezi

www.thisisbroken.com

Page 44: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4444

ExperimenteExperimente

Proiectare bună sau nu?

Vezi

www.baddesigns.com

Page 45: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4545

ExperimenteExperimente

Page 46: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4646

ExperimenteExperimente

Proiectare bună sau nu?

Page 47: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4747

ExperimenteExperimente

Proiectare bună sau nu?

Page 48: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4848

ExperimenteExperimente

Page 49: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

4949

RezumatRezumat•

Punerea problemei

Paradigme pentru interacţiunea cu utilizatorul

Tipuri de interfeţe

Proiectarea interfeţelor: modele & perspective

Moduri

de interacţiune

Page 50: Interactiune om-calculator (Tipuri de interfete & proiectare)

InteracInteracţţiune omiune om--calculatorcalculator

Dr. Dr. SabinSabin--CorneliuCorneliu BuragaBuraga –– www.infoiasi.ro/~busacowww.infoiasi.ro/~busaco//

5050

ÎÎntrebărintrebări??