Interacţiune om-calculator Factorul uman. Utilizabilitateabusaco/teach/courses/interfaces/... ·...

InteracInteracţţiune omiune om--calculatorcalculator

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

11

InteracInteracţţiune omiune om--calculatorcalculator Factorul uman. UtilizabilitateaFactorul uman. Utilizabilitatea

Dr. Sabin-Corneliu Buraga Facultatea de Informatică

Universitatea “A.I.Cuza”

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



22

“The computer programmer is a creator ofuniverses for which he alone is responsible.Universes of virtually unlimited complexity can be created in the form of computerprograms.”

Joseph Weizenbaum



33

CuprinsCuprins

•

Capacităţile umane privind interacţiunea

•

Metafore & idiomuri

•

Dimensiuni ale utilizabilităţii

•

Principii de utilizabilitate



44

CapacităCapacităţţi umanei umane

•

Procesarea informaţiilor de către utilizatorii umani ia în consideraţie:– Percepţia– Capacităţile motorii (motor skills)– Memoria– Capacitatea

decizională (decision making)

– Atenţia– Vederea (vision)



55

CapacităCapacităţţi umanei umane•

Abilităţile

cognitive ca model abstract

(Card, Moran

& Newell, ’83; Wickens, ’84)



66

CapacităCapacităţţii umaneumane•

Memoria (de lungă & scurtă durată)– Codificarea datelor (tipul “lucrurilor” stocate)– Volum (numărul “lucrurilor”

memorate)

– Durata –

decay time (cât timp durează “lucrurile”

memorate)

•

Pentru informaţiile vizuale, codificarea = imagini (nu pixeli, ci proprietăţi fizice precum muchii, curbaturi, lungimi etc.), volumul ~17 (7-17 litere), decay ~ 200 ms

•

Informaţiile audio: codificarea = sunete, volumul ~5, decay ~1500 ms

•

Caracterul acestora e pre-atenţional

(“Ce ai zis?”)



77


Percepţia poate să se realizeze: – de jos în sus (bottom-up) –

recurge la stimuli

– de sus în jos (top-down) – utilizează contextul (temporal/spaţial;

influenţează memoria de lungă durată)•

Unitatea de percepţie/memorare se numeşte chunk

•

Divizarea

în chunks (i.e. gruparea) depinde de modul de prezentare şi de cunoştinţele anterioare–

Adoptarea acronimelor:

TLA

(Three-Letter Acronyms)

•

Codificarea cifrelor neînrudite recurge la 2-4

chunks



88

CapacităCapacităţţii umaneumane

•

Chunking:– B M W R C A A O L I B M F B I– MWR CAA OLI BMF BIB– BMW RCA AOL IBM FBI

•

Memorarea numerelor de telefon (via grupare):

– 0232201090– 0232 20 10 90



99


Atenţia & percepţia:– Putem să ne focalizăm atenţia (procesorul

perceptual propriu) asupra unui singur canal de intrare al mediului, la un moment dat •

metafora lanternei

(spotlight metaphor)

– “Lanterna”

poate baleia mai multe canale de comunicare în manieră secvenţială

– Atenţia vizuală primează asupra atenţiei auditive– In cadrul unui canal, stimulii sunt procesaţi

în paralel –

uzual, apar interferenţe



1010


•

Atenţia & percepţia –

experiment– Precizaţi culorile următoarelor cuvinte:

CarteTablouBaletPinguinAstringentJoben



1111


Atenţia & percepţia –

experiment

– Precizaţi culorile următoarelor cuvinte:

NegruVerdeAlbastruRoşuGalbenOranj

Apariţia interferenţei –

efectul Stroop



1212


Procesarea cognitivă– Creierul compară stimulii & selectează un răspuns

•

Luarea deciziilor se bazează pe:– Abilităţi (skills)

•

Învăţarea prin practică: mersul, vorbitul, cititul, condusul automobilului, tehnoredactarea etc.

– Reguli (rules)•

Exemplu: “dacă trebuie să trec strada, atunci mă uit să văd dacă vin autovehicule.”

– Cunoaştere (knowledge)•

Se bazează pe cunoştinţele anterioare dobândite, chiar şi în situaţii neaşteptate/nefamiliare



1313


Fenomenele cognitive pot fi distribuite: distributed cognition (Hutchins, 1995)– Indivizi multipli– Artefacte senzoriale/informaţionale dispersate– Reprezentări interne & externe

•

Reprezentările (mentale) sunt propagate în cadrul grupurilor de indivizi

•

Informaţiile sunt oferite & transformate via diverse medii de comunicare– Tipărituri, radio, TV, calculatoare, reclame, Web,…



1414


Divizarea atenţiei (“multi-tasking”):– Atenţia ≡ resursă care poate fi divizată

pentru mai multe activităţi desfăşurate în paralel– Depinde de:

•

Structura activităţii–Multi-modalitate: vizual vs. auditiv–Codificare: spaţial vs. verbal–Componente: perceptuală/cognitivă vs. motorie

•

Dificultate–Task-urile uşoare sau familiare (well-practiced)

primează –

e.g., este

mai uşor de condus bicicleta pe o stradă pustie



1515


•

Procesarea motorie:– Control cu buclă deschisă (open-loop control)

•

Se desfăşoară autonom, trimiţându-se muşchilor aceleaşi directive,

în mod repetat

•

Nu necesită feedback din partea sistemului perceptual•

Cycle time: ~ 70 ms

– Control cu buclă închisă (close-loop control)•

Mişcările muşchilor (sau efectul lor) sunt percepute şi comparate cu rezultatul dorit

•

Cycle time: ~ 240 ms



1616


•

Procesarea motorie: Legea lui Fitt– Cât de rapid putem muta mâna către o ţintă

de o anumită mărime aflată la o distanţă dată (comparabilă cu lungimea braţului nostru)

– Timpul T pentru mutarea mâinii la obiectul de mărime S aflat la distanţa D este T = RT + MT = a + b * log (2*D/S)

unde log

(2*D/S) reprezintă indicele de dificultate– Se aplică şi la utilizarea mouse-ului

pentru a indica un obiect pe ecran



1717


•

Procesarea motorie: Legea lui Fitt • implicaţii:

– Meniul Macintosh,

aflat întotdeauna

în partea superioară la marginea ecranului, este

mai rapid

de utilizat decât bara de meniu a oricărei ferestre Windows

– Meniurile “plăcintă” (pie) sunt mai uşor de folosit decât meniurile liniare

de tip

pop-up



1818




1919


Procesarea motorie: sarcinile navigaţionale

(steering tasks)

– Timpul T pentru a muta mâna printr-un “tunel” de lungime D şi lăţime S este T = a + b * D/S

– Indicele

de dificultate este liniar, nu logaritmic•

Ghidarea mouse-ului e mai dificilă decât pointing-ul

– Consecinţa: meniurile în cascadă sunt dificil de folosit

– Timpul pentru a executa o sarcină descreşte o dată cu practica: timpul la a n-a realizare

a sarcinii este Tn = T1

* n-a, unde 0.2 <= a <= 0.6



2020


Memoria de lucru (working memory)– Capacitate scăzută: 7 ±

2 chunks (George Miller)

– Uitare rapidă: 7 sec. (valori comune:

5

..

226) ⇒ repetiţii pentru

menţinerea memorării

– Interferenţele conduc la uitare•

Memoria de lungă durată (long time memory)– Capacitatea mult mai mare,

informaţiile sunt memorate mai mult timp– Repetiţiile elaborate mut chunk-urile

din memoria

de lucru în cea de lungă durată prin realizarea de conexiuni (asociaţii) cu alte chunk-uri

⇒ este

important contextul



2121


Recunoaştere versus reamintire (recognition versus

recall):

– Cum sunt acumulate informaţiile percepute şi cum sunt transformate în experienţe?

– Reprezentările trebuie să fie uşor percepute & recunoscute

– Oamenii îşi amintesc proprietăţi vizuale ale lucrurilor (e.g., culoare, localizare, semne speciale)

– Apar dificultăţi la învăţarea/reamintirea datelor arbitrare (e.g., numere de telefon, date de naştere)

– Interfeţele grafice facilitează recunoaşterea (idem:

navigatoarele Web, player-ele

MP3,…)



2222


Folosirea adnotărilor & urmelor cognitive (cognitive tracing) –

Rogers, 2007

– Adnotarea implică modificarea reprezentărilor (mentale, interne) existente via marcări (externe)

•

Sublinieri, notiţe (scrise/electronice),

tagging de text/fotografii, replici asupra unei însemnări de blog etc.

– Cognitive tracing implică manipularea externă a unor “lucruri”

în vederea (re)aranjării

sau (re)structurării•

Scrabble, salvarea & organizarea bookmark-urilor

Web

⇒oferirea de reprezentări externe la nivelul interfeţei, reducându-se încărcarea cognitivă



2323

CapacităCapacităţţii

umaneumane: : experimenteexperimente

Demarcarea prin culoare?

Demarcarea

prin

chenar?



2424

CapacităCapacităţţii

umaneumane: : experimenteexperimente•

Care text este

mai facil de citit?

De ce?

Ar putea fi un bonus…





Ar put3a f1 un b0nus…



2525

CapacităCapacităţţi umane: i umane: vizualizarea interfevizualizarea interfeţţeiei

•

Nu contează caracterul (grafic sau textual) al interfeţei, ci uşurinţa interacţiunii

•

Fiecare utilizator are anumite modele vizuale: o interfaţă vizuală se bazează pe modele vizuale

•

Fiecare obiect de interfaţă are asociat un simbol ⇒ oriunde

este reprezentat obiectul pe ecran

trebuie folosit simbolul care îl reprezintă•

Interfeţele trebuie să posede simboluri puţine –

restrângerea vocabularului de interacţiune

(vezi uşurinţa de utilizare a mouse-ului faţă de folosirea tastaturii)



2626

CapacităCapacităţţi umane: i umane: vizualizarea interfevizualizarea interfeţţeiei

Elemente Termeni (input) Termeni (output)

idiomuri (comenzi specifice

aplicatiei/domeniului de utilizare) Delete, Create, Draw Scrolling, Sorting,

Dialogs

componenti (actiuni si simboluri generice

pentru I/O)

Double click, Button click, Selection

Edit fields, Checkboxes, Highlighting

primitive (mecanisme si actiuni indivizibile

simple) Click, Drag, Keypress Cursor, Text

•Termenii

asociaţi unei interfeţe fac parte din aşa-numitul vocabular canonic



2727

CapacităCapacităţţi umane: i umane: metaforametafora•

De

găsit o metodă de a oferi utilizatorului informaţii

despre cum funcţionează un anumit aspect al interfeţei •

Cel mai uzual

mod de a realiza aceasta: metafora

•

Pericol: căutarea unei metafore de interfaţă atotcuprinzătoare

•

Metaforele globale sunt ineficiente:–

metafora biroului –

desktop (Macintosh, Windows, Motif)

–

metafora străzii (MagiCap)–

metafora

casei

(Microsoft Bob)

•

O metaforă prost aleasă este mai rea decât dacă ar lipsi complet (Cooper, 1995, 2007)



2828M

icrosoft Bob (19

95)



2929

MetaforaMetafora



3030

MetaforaMetafora



3131



3232

MetaforaMetafora



3333

CapacităCapacităţţi umane: i umane: idiomuriidiomuri

•

Interfaţa se bazează pe modalitatea în care învăţăm şi folosim idiomuri

sau figuri de stil•

Învăţarea se poate

face fără înţelegere

–

exemplu: învăţarea utilizării mouse-ului•

Toate idiomurile trebuie învăţate

•

Idiomurile

bune se învaţă o singură dată



3434

CapacităCapacităţţi umane: i umane: idiomuriidiomuri

•

Idiomurile & metaforele sunt dificil de găsit pentru concepte care nu fac parte din lumea fizică (e.g., procese, relaţii, servicii, transformări

etc.)

– Vezi studiul privitor la alegerea pictogramelor pentru operaţii cu procese de calculator

•

Nu trebuie să ne bazăm niciodată pe metafora globală, ci pe idiomuri

(Alan

Cooper)



3535

ExempluExemplu



3636

CapacităCapacităţţi umane: i umane: folosireafolosirea

metaforeimetaforei

•

A metaphor is “a device for seeing something in terms of something else. It brings out the this-ness of that or the that-ness of a this.” (William Burke)

•

“Metaphors create insight. But they also distort. They have strengths. But they also have limitations.” (Gareth Morgan)



3737


metaforeimetaforei

•

Sugerarea/realizarea asociaţiilor mentale (Saffer, 2005):– Metonimia

–

corporalizarea

etericului

– Sinecdota

–

partea dintr-un întreg– Ironia – două

niveluri de înţeles

– Metafora

–

perspectiva (“To consider A from the point of view of B is – of course – to use B as a perspective upon A.” – W. Burke)

•

Sistemul conceptual uman este metaforic prin excelenţă

•

Prin metafora, înţelegem “lucruri” în termenii altor “lucruri”

(juxtapunere)



3838


metaforeimetaforei

•

Exemple:– “Îşi petrece timpul cu înţelepciune.”– “Vara e după colţ.”– “Iată o teorie găunoasă…”– “Profesoara a explodat!”– “Înflăcărat, ca de obicei?”– “Nu pot să-mi iau ochii de pe ea…”– “I-a îmbobocit un surâs.”– “A profitat de experienţa mea.”– “Gândurile îi erau devastate…”– “Internetul este cam leneş astăzi!”– “M-au întâmpinat cu răceală.”



3939


metaforeimetaforei

•

Metafora poate fi utilizată pentru a găsi/evidenţia caracteristicile ascunse ale unui “lucru”

•

Atât în procesul de design, cât şi în cadrul produselor se recurge la un limbaj metaforic (Dan Saffer, 2005)–

“The Design Process is a Story.” – la design

–

“Information Space is a Galaxy.”

–

în cadrul produsului•

“Things are selected for attention and named in such a way as to fit the frame constructed for the situation.”

(Donald

Schöen, 1979)

•

Metafora facilitează înţelegerea dispozitivelor digitale (complexe) de către utilizatori



4040


metaforeimetaforei

•

Metaforele ataşează maşinilor/obiectelor caracteristici umane, făcându-le astfel

mai uşor de folosit



4141


metaforeimetaforei

•

Metafora trebuie să se potrivească datelor (conţinutului)

•

Metaforele pot conduce la confuzii (misleading), nu sunt scalabile, se pot degrada în timp, se supra-utilizează

•

“Searching for a guiding metaphor is like searching for the correct steam engine to power your airplane.” (Alan Cooper)

•

Atenţie la proprietăţile culturale & contextuale!



4242


metaforeimetaforei

•

“Concluzii”–“Design is about invention.

Invention is the product of juxtaposition. Metaphor is about juxtaposition.

Therefore, it stands to reason that design is about metaphor.”

(Dan Saffer, 2005)



4343

CapacităCapacităţţi umanei umane•

Probleme cauzate de organele de simţ:– Deficienţa cromatică (color blindness)

•

Nedistingerea diferenţelor între

roşu şi verde (protonopia

& deuteranopia): 8% bărbaţi, 0.4% femei

•

Insenzitivitate

la albastru-galben (tritanopia): rară– Regulă: folosirea unor mijloace alternative

de informare (atenţionare)•

Luminozitate, stil diferit, formă etc.

– Aberaţii cromatice: lungimile de undă diferite sunt focalizate diferit

•

Roşu & albastru nu pot fi distinse simultan•

Exemplu:

•

Cu vârsta, albastrul nu poate fi perceput (de evitat folosirea lui pentru detalii)

A apărut o eroare!



4444

Dimensiuni ale utilizabilităDimensiuni ale utilizabilităţţiiii

•

Asigurarea experienţei-utilizator (UX) presupune:– Stabilirea cerinţelor– Analiza conţinutului– Arhitectura informaţiei– Proiectarea interacţiunii– Proiectarea informaţiei– Proiectarea vizuală– Evaluarea utilizabilităţii



4545

Dimensiuni ale utilizabilităDimensiuni ale utilizabilităţţiiii•

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

utilizatorii pot exploata funcţionalitatea sistemului:– Learnability – uşurinţa învăţării (interfeţei)– 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-o utilizez?



4646

Dimensiuni ale utilizabilităDimensiuni ale utilizabilităţţiiii•

Aceste dimensiuni variază în ceea ce priveşte importanţa, depinzând de tipul de utilizator:– Utilizatorii novici doresc să înveţe rapid– Utilizatorii care folosesc aplicaţia infrecvent

au nevoie de memorabilitate– Experţii necesită să fie eficienţi

•

Intervine şi experienţa:– Privind

domeniul de cunoaştere (domain)

– In ceea ce priveşte aplicaţia– Vizând facilităţile oferite (features)



4747

PrincipiiPrincipii de de utilizabilitateutilizabilitate

•

Competenţa utilizatorului– principale:

•

suportul acordat utilizatorului •

funcţionalitatea

•

transparenţa •

consistenţa

– secundare: •

suportul off-line & asistenţa on-line

•

completitudinea, acurateţea, conformitatea cu scopul, securitatea

•

observabilitatea, feedback-ul •

familiaritatea



4848

PrincipiiPrincipii de de utilizabilitateutilizabilitate

•

Execuţia– principale:

•

operabilitatea •

flexibilitatea

•

robusteţea – secundare:

•

responsivitatea, monitorizarea, simplitatea, accesibilitatea

•

iniţiativa dialogului, migrarea sarcinii, adaptabilitatea

•

maturitatea, toleranţa la erori, recuperabilitatea

•

Satisfacţia– principale:

•

estetica prezentării

– secundare: •

consistenţa obiectelor, consistenţa amplasării spaţiale, stilul



4949

ExempleExemple



5050

ExempleExemple



5151

ExempleExemple



5252

ExempleExemple



5353

ExempleExemple



5454

ExempleExemple



5555

RezumatRezumat

•

Capacităţile umane privind interacţiunea

•

Metafore & idiomuri

•

Dimensiuni ale utilizabilităţii

•

Principii de utilizabilitate



5656

ÎÎntrebărintrebări??

Date post:	20-Sep-2019
Category:	Documents
Upload:	others
View:	13 times
Download:	0 times

Interacţiune om-calculator Factorul uman. Utilizabilitateabusaco/teach/courses/interfaces/... ·...

Documents