Platformă de e-learning și curriculă e-content

pentru învățământul superior tehnic

Programul Operațional Sectorial Creșterea Competitivității Economice - POS CCE

Proiect nr. 154/323 cod SMIS – 4428 cofinanțat de prin Fondul European de

Dezvoltare Regională “Investiții pentru viitorul dumneavoastră”.

Platformă de e-learning și curriculă e-content

pentru învățământul superior tehnic

� Interacțiunea om-calculator

2. Notiuni de baza ale interactiunii om-calculator

Dan Norman – Psihologia obiectelor cotidiene –exemple de proiecte proaste

3

Ștefan Trăușan-Matu3

4

Ștefan Trăușan-Matu4

5

Ștefan Trăușan-Matu5

6

Ștefan Trăușan-Matu6

7

Ștefan Trăușan-Matu7

8

Ștefan Trăușan-Matu8

9

Ștefan Trăușan-Matu9

10

Ștefan Trăușan-Matu10

Exemple de interfețe prost concepute

11

Ștefan Trăușan-Matu11

Exemplu bun

12

Ștefan Trăușan-Matu12

13

Ștefan Trăușan-Matu13

14

Ștefan Trăușan-Matu14

Exemplu prost - Ceasul digital

15

Ștefan Trăușan-Matu

12:00

15

Exemplu bun - foarfeca

16

Ștefan Trăușan-Matu16

Observarea utilizatorilor

17

Ștefan Trăușan-Matu17

https://courseware.stanford.edu/pg/courses/95653

18

Ștefan Trăușan-Matu18

Interfețe complexe și cu risc (controlul trafic aerian -Paterno, 1998)

19

Ștefan Trăușan-Matu19

Inovare

20

Ștefan Trăușan-Matu20

Stimularea creativității

� Brainstorming

� Gândirea laterală

21

Ștefan Trăușan-Matu

� Sinectica

� Pălăriile gânditoare

� ...

21

Memex (Vannevar Bush, 1945)

22

Ștefan Trăușan-Matu22

�Vannevar Bush

�“all the world’s information would be available

-- on a knowledge worker’s desktop…. a plan

for sharing ideas.”

23

Ștefan Trăușan-Matu

�Douglas Engelbart

�The idea of a device that could

extend the power of the human mind

23

Proiectare

24

Ștefan Trăușan-Matu24

Ce înseamnă proiectarea unui produs pentru o bună interacțiune?

25

Ștefan Trăușan-Matu25

Dialog inexistent

26

Ștefan Trăușan-Matu26

27

Ștefan Trăușan-Matu27

Implementare

28

Ștefan Trăușan-Matu28

Evaluare

29

Ștefan Trăușan-Matu29

Ideile de bază ale cursului

� Centrare pe persoană (utilizator)

� Persoane făcând parte dintr-o comunitate

� Principii, teorii, modele

� Prototipizare rapidă

30

Ștefan Trăușan-Matu

� Prototipizare rapidă

� Măsurare, evaluare și comparare

� Iterații

� Medii hermenofore

(vezi și CS147: Introduction to Human-Computer Interaction Design –

Stanford, Fall2010, https://courseware.stanford.edu/pg/courses/95653)

30

Conexiuni (din Sharp, Rogers and Preece, 2007))

31

Ștefan Trăușan-Matu31

Trebuie considerat

� Ce vor să facă utilizatorii, ce sarcini au de îndeplinit (”task”-uri)

� Cine sunt utilizatorii

32

Ștefan Trăușan-Matu

� Cum sunt utilizatorii

� Ce interacțiuni au loc

� Contextul

32

Analiza sarcinilor

Root

insert search

criteria

view

results

aux show edit submit

33

Ștefan Trăușan-Matu

aux show

item

details

show list items select item

insert criteria

submitedit

criteria

view results

show

view detailsview items

show

select

33

� Reprezintă un șablon de gândire reflectat în atitudini

� Identificarea tendințelor unui grup de persoane ale căror interacțiuni

Imaginarul

34

Ștefan Trăușan-Matu

� Identificarea tendințelor unui grup de persoane ale căror interacțiuni

folosesc limbajul natural

34

Diferențe culturale

35

Ștefan Trăușan-Matu35

Stiluri cognitive şi stiluri de învățare

� Stilul cognitiv - o expresie a diferențierii psihologice după

modul caracteristic de procesare a informației (Witkin &

Goodenough, 1971, 1981)

•Dependent-Independent de câmp

36

Ștefan Trăușan-Matu

•Dependent-Independent de câmp

•Jung (Introvert, Extrovert, Thinking, Feeling, Sensation,

Intuition)

•Emisfera Dreaptă-Stângă

•Vizual-Auditiv

•Verbal-Imagistic

36

Stiluri cognitive şi stiluri de învățare

� Stil de învățare

�Modul în care o persoană preferă să învețe şi învață cel mai

bine (Kocinski, 1984)

�Caracteristici cognitive şi afective care servesc ca indicatori

37

Ștefan Trăușan-Matu

�Caracteristici cognitive şi afective care servesc ca indicatori

relativ stabili ai modului în care studentul percepe,

interacționează şi răspunde la mediul de învățare (Keefe,

1979)

� Are un grad mai mare de generalitate față de stilul cognitiv

37

Ergonomie

� Vizibilitate

� Feedback

� Restricții

38

Ștefan Trăușan-Matu

� Restricții

� Consistență

� Indicații (affordance)

38

Inconsistențe

1 2 3 7 8 9

(a) telefoane, telecomenzi (b) tastatură calculator

39

Ștefan Trăușan-Matu

4 5 6

7 8 9 1 2 3

4 5 6

0 0

39

Indicații

40

Ștefan Trăușan-Matu40

Paradigme

� Cognitivă – cunoașterea e în mintea utilizatorului

�Modele cognitive

�Web semantic

�Rețele semantice

�Inteligența artificială simbolică

41

Ștefan Trăușan-Matu

� Socio-culturală – cunoașterea e socială

�Colaborare

�Web 2.0

�Dialogism

41

Teoria Activității (Engestrom)

42

Ștefan Trăușan-Matu42

Construirea colaborativă a cunoașterii (Stahl 2007)

� Analiza modului de construire a cunoaşterii în interacțiunile în grupuri mici

43

Ștefan Trăușan-Matu43

� Investigarea practicilor specifice de construire a înțelesului

� O teorie a construirii colaborative a înțelesului

Mihail Bahtin

� Dialogism

� Polifonie

� Inter-animarea vocilor

44

Ștefan Trăușan-Matu44

� Inter-animarea vocilor

� Carnaval

� “Speech genres”

Polifonie şi contrapunct

� Concept derivat din muzica clasică

�“These are different voices singing variously on a single theme. This is indeed

'multivoicedness,' exposing the diversity of life and the great complexity of

45

Ștefan Trăușan-Matu45

'multivoicedness,' exposing the diversity of life and the great complexity of

human experience. 'Everything in life is counterpoint, that is, opposition,' “

(Bakhtin, 1984)

Ce este proiectarea interacțiunii?

� Produse interactive de sprijin - Designing interactive products

to support the way people communicate and interact in their

everyday and working lives

–Sharp, Rogers and Preece (2007)

46

Ștefan Trăușan-Matu

� Spații de interacțiune - The design of spaces for human

communication and interaction

–Winograd (1997)

46