29
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 ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

  • Upload
    others

  • View
    14

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

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ă”.

Page 2: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Platformă de e-learning și curriculă e-content pentru învățământul superior tehnic

� Interacțiunea om-calculator

17. Ergonomie cognitivă

Page 3: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Ergonomia

� Adaptarea instrumentelor, dispozitivelor, mașinilor la particularitățileumane

3

Ștefan Trăușan-Matu

umane

� Poate considera aspecte de natură

�Fizică

�Mentală (cognitivă)

3

Page 4: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Exemplu

4

Ștefan Trăușan-Matu

� Proiectarea tastelor pentru deplasarea cursorului în cele 4 direcții

4

Page 5: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Soluția?

5

Ștefan Trăușan-Matu 5

Page 6: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Probleme de evitat în ergonomia fizică

� Formatul incomod

�greu de apucat în mână, de exemplu, la mânerul unei șurubelnițe sau la un maus

�care obosește prin

•poziția nefirească impusă de o greutate care trebuie transportată și nu există

6

Ștefan Trăușan-Matu

•poziția nefirească impusă de o greutate care trebuie transportată și nu există un mâner

•deplasările inutile sau la distanțe mari între comenzi (de exemplu, între butoanele frecvent acționate succesiv)

6

Page 7: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Ergonomia cognitivă

7

Ștefan Trăușan-Matu

� Are în vedere aspectele cognitive, mentale și psihice

7

Page 8: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Probleme de evitat în ergonomia cognitivă

� Încărcarea cognitivă („cognitive overload”), adică efortul mare de a înțelege:

�cum funcționează o interfață

�ce comandă trebuie dată

8

Ștefan Trăușan-Matu

�unde se gasește comanda dorită

8

Page 9: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Probleme de evitat în ergonomia cognitivă

� Dezorientarea, de exemplu, la un moment dat al unei secvențe de comenzi

9

Ștefan Trăușan-Matu

� Dezorientarea, de exemplu, la un moment dat al unei secvențe de comenzi sau de parcurgere a unor pagini nu se mai știe de unde s-a plecat sau unde s-a ajuns

9

Page 10: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Starea de flux (Flow State)

� Mihály Csíkszentmihályi

� Imersiune

� Pierdera noțiunii de timp

� Stări întâlnite la ski, surfing, jazz

10

Ștefan Trăușan-Matu

� Indusă de:

�Sarcini nici prea simple nici prea grele

�Comenzi simple

�Sentimentul de control

�Navigare

10

Page 11: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Stări mentale (din Wikipedia)

11

Ștefan Trăușan-Matu 11

Page 12: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Principii ergonomice

� Coerența

� Conciziunea

� Flexibilitatea

12

Ștefan Trăușan-Matu

� Ghidarea prin

�Asigurarea unei reacții (feedback) la orice acțiune

�Structurarea activităților

�Evitarea și tratarea erorilor

12

Page 13: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Coerența

� Asigurarea caracterului unitar al constituenților interfeței

13

Ștefan Trăușan-Matu

� Asigurarea caracterului unitar al constituenților interfeței

� Eliminarea excepțiilor

� Utilizarea metaforelor

� Considerarea conform principiilor gestaltiste

13

Page 14: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Coerența - niveluri

� Lexical

�nume clare și consecvente

�ajutoare, indicații (de exemplu, zz-ll-aa)

�eliminarea incoerențelor, folosirea aceluiași nume peste tot (de exemplu, șterge/distruge/elimină)

14

Ștefan Trăușan-Matu

șterge/distruge/elimină)

� Sintactic – aceeași ordine a argumentelor (de exemplu, la comensile sistemelor de operare)

� Semantic – localizarea și organizarea spațială

14

Page 15: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Coerența – niveluri (cont.)

� Nivelul semantic - localizarea și organizarea spațială

�Același loc pe ecran

15

Ștefan Trăușan-Matu

�La meniuri opțiunile organizate

•logic

•în funcție de frecvență

•alfabetic

15

Page 16: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Principiile gestaltiste� principiul proximității - elementele învecinate

spațial sunt grupate într-o singură unitate;

� principiul similarității - elementele similare sunt grupate într-o unitate perceptivă care este diferențiată de alte unități;

16

Ștefan Trăușan-Matu

� principiul continuării simple - două contururi care se intersectează sunt percepute după o continuare de maximă simplitate;

� principiul închiderii - conturul ascuns al unei figuri este închis după o configurație de minim.

16

Page 17: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

O ilustrare a principiului similarităţii

o o o o o o o o o o o o o o o o o o o o

- - - - - - - - - - - - - - - - - - - -

17

Ștefan Trăușan-Matu

- - - - - - - - - - - - - - - - - - - -

o o o o o o o o o o o o o o o o o o o o

- - - - - - - - - - - - - - - - - - - -

o o o o o o o o o o o o o o o o o o o o

17

Page 18: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Gruparea pe baza similarității relațiilor topologice dintre cele două grupări de linii

-------------------------------------------

------------------------------------------------------------

--------------------------------------------

-----------------------------------------------------------

---------------------------------------------

---------------------------------------------------------

----------------------------------------------

----------------------------------------------------------

---------------------------------------------

-----------------------------------------------------------

18

Ștefan Trăușan-Matu

-----------------------------------------------------------

-------------------------------------------

----------------------------------------------------------

---------------------------------------------

-------------------------------------------------------

------------------------------------------------

-----------------------------------------------------

--------------------------------------------------

-------------------------------------------------

------------------------------------------------------

--------------------------------------------

----------------------------------------------------------

----------------------------------------

--------------------------------------------------------------

-------------------------------------

------------------------------------------------------------------

--------------------------------

-------------------------------------------------------------------

Figura 3

18

Page 19: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Figura lui Ehrenstein

19

Ștefan Trăușan-Matu 19

Page 20: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Ilustrarea principiului închiderii

20

Ștefan Trăușan-Matu 20

Page 21: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Nerespectarea principiilor gestaltiste poate duce la dificultăți de recunoaştere, ca în exemplul de mai jos (nerespectarea principiului similarității)

21

Ștefan Trăușan-Matu 21

Page 22: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Legea lui Pangraz

22

Ștefan Trăușan-Matu

� Stimulii vizuali sunt grupați astfel încât să fie percepută forma cea mai simplă posibilă.

22

Page 23: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

23

Ștefan Trăușan-Matu

/ \ A I / \ C A S Ă !

23

Page 24: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

24

Ștefan Trăușan-Matu

Dax aixi ux exxmpxu dx prxpoxitxe cx o trximx dix lixerx lixsa.

24

Page 25: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

25

Ștefan Trăușan-Matu

Da_ ai_i u_ ex_mp_u d_ pr_po_it_e c_ o tr_im_ di_ li_er_ li_ sa.

25

Page 26: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Conciziunea

� Asigurarea unei economii cognitive, reducerea efortului cognitiv prin:

�Reducerea spațiului ocupat, scurtarea lungimii

�Abrevieri

•Caractere speciale+inițiala comenzii

•Eliminarea vocalelor

26

Ștefan Trăușan-Matu

•Eliminarea vocalelor

•Eliminarea ultimelor litere neambigue

•Două litere neambigue

�Valori implicite

�undo

�Macrocomenzi

26

Page 27: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Flexibilitatea

� Adaptare

�la utilizator – modelul mental

27

Ștefan Trăușan-Matu

�la utilizator – modelul mental

�la mediul de lucru (platformă)

� Acceptarea (corectarea) comenzilor cu mici greșeli

� Valori implicite

27

Page 28: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Asigurarea unei reacții (feedback) la orice acțiune

� Pentru a furniza permanent informații utilizatorului asupra funcționării

28

Ștefan Trăușan-Matu

� Pentru a furniza permanent informații utilizatorului asupra funcționării sistemului, în vederea înțelegerii cât mai uşoare a stării curente şi detectarea situațiilor nedorite, altfel spus, pentru asigurarea imersiunii utilizatorului sau asigurarea unei stări de flux

28

Page 29: Platformă de e-learning și curriculă e-content pentru ...andrei.clubcisco.ro/cursuri/f/f-sym/4ioc/elearn/17. Ergonomie cognitiva.pdfStarea de flux (Flow State) Mihály Csíkszentmihályi

Structurarea activităților

� Ierarhii de contexte

29

Ștefan Trăușan-Matu

� Ierarhii de contexte

� Gruparea comenzilor prin

�amplasare

�format

29