Harmoninga sąveika: dėmesio valdymas Žmogaus ir kompiuterio sąveika Kristina Lapin 1
Turinys Harmoninga žmogaus ir kompiuterio sąveika Psichologinė ergonomika Tėkmės būsena 3D išdėstymas būdai, problemos 2
Psichologinė ergonomika: tėkmės būsena HARMONINGOS SĄVEIKOS PRINCIPAI 3
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
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
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
Mažiau yra daugiau Ipod Shuffle Hog Bay Software s WriteRoom
Leisti vartotojui dirbti, neklausinėti Programuotojo stereotipas: Naudotojui patinka bendrauti su sistema
Įrankiai po ranka Įrankiai pradedančiam ir ekspertui Lengvai randami, neperkrauta
Atsakas ( FeedBack ) Paprasta ir lengvai prieinama būsenos informacija MS Office 2003 MS Office 2007
Tikėtina - galima Programuotojo logika True(999) AND False (1) = False Kiek dažnai neišsaugome atliktus pakeitimus?
Tikėtina - galima 12
Suprantama informacija
Įvesti ar pasirinkti? Įvesti 1.347 ar patraukti liniuotę?
Pateikti objektų ir programos būseną Užsiėmęs atrodo užsiėmęs, Miegantis atrodo miegantis, Pabudęs atrodo pabudęs.
Vengti nereikalingo raportavimo Programuotojai turi žinoti kas sistemoje, O vartotojai?
Nestabdyti proceso Klaidos, priminimai, patvirtinimo pranešimai
Skirtumas tarp komandų ir konfigūracijos Didelis skirtumas tarp funkcijos iškvietimo ir konfigūracijos
Neklausinėti, o pasiūlyti Klausinėjimas neigiamai veikia vartotojus Toks darbas pradeda erzinti.
Nepamiršti apie katapultas Kartais tenka atstatyti programos parametrus, bet ne dažnai... Bet nepaslėpti, kad nerastum (Thunderbird)
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???
Papildomo apkrovimo eliminavimas Vaizdinis papildomas apkrovimas 22
Kuo daugiau funkcinių galimybių tuo sudėtingiau projektuoti valdymo skydą VALDYMO ERDVIŲ PROJEKTAVIMAS 23
Klaidinanti navigacinė sistema Labirintas Nesimato Kur esu? Iš kur atėjau? Kur galiu nueiti? 24
Patobulinimas: labirinto vaizdas iš viršaus 25
Navigacija tarp langelių Navigacija tarp langelių taupo laiką ir vietą Tabuliuoti langeliai galimybė prisitaikyti prie darbo
Navigacija tarp įrankių ir menu, ir informacijos Įrankio išvaizda - tinkama metafora Dažnai naudojami lengvai pasiekiami Navigacija tarp informacijos: Slenkamoji juosta Nuoroda Priartinimas
Navigacijos darbai: daug ekranų, puslapių, vaizdų Kai vaizdų skaičius tampa per didelis vartotojas pasiklysta. Navigacijos trauma
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ų
Galimų tikslų skaičiaus mažinimas Formų, langų, dialogų, puslapių skaičiaus mažinimas Perkant plokštelę nereikalingos kompiuterio detalės
Kelio ženklai Orientaciniai ženklai Meniu juosta Įrankiai Būsenos juostos Liniuotės
Bendra apžvalga Padeda orientuotis bendrame kontekste Gali būti ir grafinė ir tekstinė
Tinkamas funkcijų ir įrankių žymėjimas Blogas atitikimas nutraukia darbą ir priverčia susimąstyti Bandymų - klaidų metodas Fizinis atitikimas
Tinkamas funkcijų ir įrankių žymėjimas Loginis atitikimas
focus+context interface Netiesiniai sprendimai Vienas židinys Sienos perspektyva Du židiniai 35
Išdidintas vaizdas (focus+context interface) Polar Fisheye View (from Shishir Shaw, University of Texas, Austin) www.adires.com/~castleman/proj_02.html 36
Fokuso ir konteksto interfeisai: laiko juostos, išdidinantys meniu 37
Labirinto patobulinimas Erdvinė orientacija įgimta žmogaus savybė Dvimatis darbalaukis 38
Kūgio formos medis Trimatis interfeisas Privalumas galimybė sutalpinti didžiulius informacijos kiekius palengvina navigacija Trūkumas Lengvai užsigriozdina...ir pasunkina orientaciją http://www.techfak.uni-bielefeld.de/~walter/lehre/dm2/vis/index.html/ 39
Sienos perspektyva 40
Sienos perspektyva - naršyklėje 41
42
43
Žinių kalnas (Roberts ir kiti) G. Robertson et al. Data Mountain: Using spatial memory for document management. UIST 98. 44
Užduočių galerija (Roberts ir kiti) G. Robertson et al. The Task Gallery: A 3D Window Manager. CHI 2000. 45
3D aplinkos Ar išliko orientacijos problema trimatėse virtualiose aplinkose? 46
Erdvinė orientacija virtualios realybės aplinkose Monitorius įtaisytas ant galvos Rankos judesių įvesties įrenginys 47
Dėmesio valdymas INFORMACIJOS VIZUALIZAVIMAS 48
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
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
Vienmačiai duomenys: tekstas TextArc, www.textarc.org 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
Vienmačiai duomenys: tekstas Žodžio dažnis nusako dydį ir spalvą Užduotys Esminiai terminai dažnis www.wordle.net 52
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
Trimatis dvimačių duomenų pavaizdavimas Parodo termino dažnį tekste Užduotys Dokumentų rinkinio apžvalga ThemeView http://in-spire.pnnl.gov/in-spire_help/themeview.html 54
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 http://mgl.scripps.edu/ 55
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 http://www.tableausoftware.com/products/desktop 56
Daugiamačiai duomenys Fokusokonteksto vaizdas Skaičiuoklės metafora Parduodamų namų katalogas: Pirmas stulpelis - kaina http://www.sigchi.org/chi95/proceedings/videos/rr_bdy.htm 57
Laiko duomenys Meteo informacija, kardiogramos, akcijų kainos Užduotys Rasti įvykius tam tikro laiko tarpo Palyginti periodinius įvykius Vardo populiarumas http://www.babynamewizard.com/voyager/# 58
Laiko duomenys LifeLines asmens medicininiai duomenys Laiko juostose rodomi gydytojų įrašai hospitalizacijos, tyrimų rezultatai http://www.cs.umd.edu/hcil/lifelines/ 59
Medžio struktūros duomenys Elementų hierarchija ir atributai Užduotys Struktūros savybių analizė Paieška pagal atributus 60
Hierarchiniai duomenys http://www.gartpoint.com/projects/images/firemap_startree.pdf 61
Tinkliniai duomenys 62
Atributų vaizdavimas 63
Didelių duomenų kiekių vizualizavimas 64
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
Medžiaga Iain Barker. What is information architecture? http://www.steptwo.com.au/papers/kmc_whatisinfoarch/i ndex.html http://www.d.umn.edu/itss/support/training/online/ webdesign/architecture.html http://semanticstudios.com/publications/semantics/00 0010.php http://www.usabilityfirst.com/aboutusability/information-architecture/ Alan Cooper, Reimann Robert, Dave Croni. About face 3: the essentials of interaction design. Wiley, 2007 66
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