Harmoninga sąveika: dėmesio valdymas. Žmogaus ir kompiuterio sąveika Kristina Lapin

Transcription

1 Harmoninga sąveika: dėmesio valdymas Žmogaus ir kompiuterio sąveika Kristina Lapin 1

2 Turinys Harmoninga žmogaus ir kompiuterio sąveika Psichologinė ergonomika Tėkmės būsena 3D išdėstymas būdai, problemos 2

3 Psichologinė ergonomika: tėkmės būsena HARMONINGOS SĄVEIKOS PRINCIPAI 3

4 Psichologijos ergonomika Tikslai produktyvumas, efektyvumas, pasitenkinimas Pasiekiami prisitaikant prie naudotojų gebėjimų Kaip leisti naudotojui efektyviai dirbti, nepertraukiant dėmesio be reikalo Alan Cooper, Reimann Robert, Dave Croni. About Face 3: The Essentials of Interaction Design. Wiley, 2007

5 Tėkmės būsena (angl. Flow) Savybės Laiko ir aplinkos pojūčių netekimas Visiška koncentracija ties veiklos tikslu Gilaus susimąstymo ir meditacijos būsena Rezultatai Ekstremalus produktyvumas Pasitenkinimas Pasiekiama permatomu interfeisu dingsta riba tarp programos ir naudotojo visi objektai nukreipti vienam tikslui pasiekti

6 Harmoningos sąveikos taisyklės (1) 1. Mažiau yra daugiau 2. Leisti vartotojui dirbti, neklausinėti 3. Įrankiai po ranka 4. Tinkamas atsakas (angl. FeedBack) 5. Tikėtina - galima 6. Suprantama informacija 7. Įvesti pasirinkant 8. Pateikti objektų ir programos būseną 10. Vengti nereikalingų klausimų 11. Vengti tuščių vietų 12. Skirti komandas ir konfigūravimą 13. Leisti pasirinkimus 14. Paslėpti katapultas 15. Optimizuoti atsakus

7 Mažiau yra daugiau Ipod Shuffle Hog Bay Software s WriteRoom

8 Leisti vartotojui dirbti, neklausinėti Programuotojo stereotipas: Naudotojui patinka bendrauti su sistema

9 Įrankiai po ranka Įrankiai pradedančiam ir ekspertui Lengvai randami, neperkrauta

10 Atsakas ( FeedBack ) Paprasta ir lengvai prieinama būsenos informacija MS Office 2003 MS Office 2007

11 Tikėtina - galima Programuotojo logika True(999) AND False (1) = False Kiek dažnai neišsaugome atliktus pakeitimus?

12 Tikėtina - galima 12

13 Suprantama informacija

14 Įvesti ar pasirinkti? Įvesti ar patraukti liniuotę?

15 Pateikti objektų ir programos būseną Užsiėmęs atrodo užsiėmęs, Miegantis atrodo miegantis, Pabudęs atrodo pabudęs.

16 Vengti nereikalingo raportavimo Programuotojai turi žinoti kas sistemoje, O vartotojai?

17 Nestabdyti proceso Klaidos, priminimai, patvirtinimo pranešimai

18 Skirtumas tarp komandų ir konfigūracijos Didelis skirtumas tarp funkcijos iškvietimo ir konfigūracijos

19 Neklausinėti, o pasiūlyti Klausinėjimas neigiamai veikia vartotojus Toks darbas pradeda erzinti.

20 Nepamiršti apie katapultas Kartais tenka atstatyti programos parametrus, bet ne dažnai... Bet nepaslėpti, kad nerastum (Thunderbird)

21 Optimizuoti atsakus Kiek įmanoma optimizuoti sistemos atsako laiką Neįmanoma galimybė dirbti, nes: < 0.1 s. nepastebimas ~1 s. pastebima, bet netrukdo <10 s. lėtai. Kritinis laikas >10 s. kavos???

22 Papildomo apkrovimo eliminavimas Vaizdinis papildomas apkrovimas 22

23 Kuo daugiau funkcinių galimybių tuo sudėtingiau projektuoti valdymo skydą VALDYMO ERDVIŲ PROJEKTAVIMAS 23

24 Klaidinanti navigacinė sistema Labirintas Nesimato Kur esu? Iš kur atėjau? Kur galiu nueiti? 24

25 Patobulinimas: labirinto vaizdas iš viršaus 25

26 Navigacija tarp langelių Navigacija tarp langelių taupo laiką ir vietą Tabuliuoti langeliai galimybė prisitaikyti prie darbo

27 Navigacija tarp įrankių ir menu, ir informacijos Įrankio išvaizda - tinkama metafora Dažnai naudojami lengvai pasiekiami Navigacija tarp informacijos: Slenkamoji juosta Nuoroda Priartinimas

28 Navigacijos darbai: daug ekranų, puslapių, vaizdų Kai vaizdų skaičius tampa per didelis vartotojas pasiklysta. Navigacijos trauma

29 Navigacijos tobulinimas Daugybė būdų, o efektyviausi: 1. Galimų vietų skaičiaus mažinimas 2. Kelio ženklai 3. Bendra apžvalga 4. Tinkamas funkcijų ir įrankių žymėjimas 5. Pritaikymas prie naudotojo poreikių

30 Galimų tikslų skaičiaus mažinimas Formų, langų, dialogų, puslapių skaičiaus mažinimas Perkant plokštelę nereikalingos kompiuterio detalės

31 Kelio ženklai Orientaciniai ženklai Meniu juosta Įrankiai Būsenos juostos Liniuotės

32 Bendra apžvalga Padeda orientuotis bendrame kontekste Gali būti ir grafinė ir tekstinė

33 Tinkamas funkcijų ir įrankių žymėjimas Blogas atitikimas nutraukia darbą ir priverčia susimąstyti Bandymų - klaidų metodas Fizinis atitikimas

34 Tinkamas funkcijų ir įrankių žymėjimas Loginis atitikimas

35 focus+context interface Netiesiniai sprendimai Vienas židinys Sienos perspektyva Du židiniai 35

36 Išdidintas vaizdas (focus+context interface) Polar Fisheye View (from Shishir Shaw, University of Texas, Austin) 36

37 Fokuso ir konteksto interfeisai: laiko juostos, išdidinantys meniu 37

38 Labirinto patobulinimas Erdvinė orientacija įgimta žmogaus savybė Dvimatis darbalaukis 38

39 Kūgio formos medis Trimatis interfeisas Privalumas galimybė sutalpinti didžiulius informacijos kiekius palengvina navigacija Trūkumas Lengvai užsigriozdina...ir pasunkina orientaciją 39

40 Sienos perspektyva 40

41 Sienos perspektyva - naršyklėje 41

42 42

43 43

44 Žinių kalnas (Roberts ir kiti) G. Robertson et al. Data Mountain: Using spatial memory for document management. UIST

45 Užduočių galerija (Roberts ir kiti) G. Robertson et al. The Task Gallery: A 3D Window Manager. CHI

46 3D aplinkos Ar išliko orientacijos problema trimatėse virtualiose aplinkose? 46

47 Erdvinė orientacija virtualios realybės aplinkose Monitorius įtaisytas ant galvos Rankos judesių įvesties įrenginys 47

48 Dėmesio valdymas INFORMACIJOS VIZUALIZAVIMAS 48

49 Informacijos tipai ir užduotys Tipai 1. Vienmatė 2. Dvimatė 3. Trimatė 4. Daugiamatė 5. Laikinė 6. Hierarchinė 7. Tinklinė Užduotys Peržvelgti Priartinti Filtruoti Pateikti detales Parodyti santykį Rodyti retrospektyvą Išrinkti 49

50 Vienmačiai duomenys: kodas Tekstiniai dokumentai Žodynai Pavardžių sąrašai Projektuojama: Duomenų atributų vaizdavimas Spalvos Išdėstymas Detalus vaizdas Rodomi atributai Seesoft 50

51 Vienmačiai duomenys: tekstas TextArc, Teksto vizualizavimas Dažnesni žodžiai ryškesni Ieškomi žodžiai Žali grafike ir tekste Užduotys Peržvelgti, Rasti žodžio vietą 51

52 Vienmačiai duomenys: tekstas Žodžio dažnis nusako dydį ir spalvą Užduotys Esminiai terminai dažnis 52

53 Dvimačiai duomenys Vaizduojami Dalykiniai atributai Vardas, Savininkas Reikšmė Interfeiso savybės Užduotys Forma Dydis Spalvos Permatomumas Rasti panašius duomenis Matyti skirtumus 53

54 Trimatis dvimačių duomenų pavaizdavimas Parodo termino dažnį tekste Užduotys Dokumentų rinkinio apžvalga ThemeView 54

55 Trimačiai duomenys Sudėtingų 3D objektų sandara ir santykiai Molekulės, žmogaus kūnas, pastatai Užduotys Apžvalga Orientyrai Teleportavimasis Daug rodinių Jutiminė sąveika Tangible interaction 55

56 Daugiamačiai duomenys Statistiniai duomenys kai kada 3D Dažniausiai 2D 3D trūkumai Dezorientacija Persidengimas Užduotys Rasti šablonus Koreliacijas Klasterius Duobes Išsiskiriančius elementus 56

57 Daugiamačiai duomenys Fokusokonteksto vaizdas Skaičiuoklės metafora Parduodamų namų katalogas: Pirmas stulpelis - kaina 57

58 Laiko duomenys Meteo informacija, kardiogramos, akcijų kainos Užduotys Rasti įvykius tam tikro laiko tarpo Palyginti periodinius įvykius Vardo populiarumas 58

59 Laiko duomenys LifeLines asmens medicininiai duomenys Laiko juostose rodomi gydytojų įrašai hospitalizacijos, tyrimų rezultatai 59

60 Medžio struktūros duomenys Elementų hierarchija ir atributai Užduotys Struktūros savybių analizė Paieška pagal atributus 60

61 Hierarchiniai duomenys 61

62 Tinkliniai duomenys 62

63 Atributų vaizdavimas 63

64 Didelių duomenų kiekių vizualizavimas 64

65 Reziumė Intuityvumas funkcijos atpažįstamos, o ne atsimenamos Gestalt principai minimalizmas ir atpažįstamumas Erdvinė orientacija Rodyti bendrą ir detalų vaizdus Atsargiai kurti trimačius interfeisus Dėmesio sutelkimo būdai netrukdo naudotojui atlikti užduotis patraukia dėmesį tik svarbiausiai informacijai 65

66 Medžiaga Iain Barker. What is information architecture? ndex.html webdesign/architecture.html php Alan Cooper, Reimann Robert, Dave Croni. About face 3: the essentials of interaction design. Wiley,

67 Klausimų pavyzdžiai Ką akcentuoja harmoninga žmogaus ir kompiuterio sąveika? Išvardinkite ir paaiškinkite bent 7 harmoningos sąveikos principus. Kokiose interfeisuose panaudojama įgimta žmogaus savybė erdvinė orientacija, o kokiuose ne? Išvardinkite tipinius duomenų vizualizavimo būdus ir užduotis. 67