naudotojui palankus projektavimasuosis.mif.vu.lt/hci/hci/7_naudotojui_palankus_projektavimas.pdf ·...

Naudotojui palankus projektavimas

User-centered design

Dr. Kristina Lapin

6 paskaita

Apžvalga

• Naudotojui palankus projektavimas

– Esminės savybės

– Gyvavimo ciklai

– Duomenų rinkimas

– Maketavimas

• Darbastalio sistemoms

• Tinklalapiams

2

Naudotojui palankus projektavimas

3

projektuoti

realizuoti

vertinti

perprojektuoti

Realizuoti

sistemoje

vertinti

perprojektuoti

vertinti Įnešti pakeitimus

sistemoje

…

Scenarijais paremta panaudojamumo inžinerija [Rosson, Carroll]

4

5

Articulate:

•who users are

•their key tasks

User and task descriptions

Goals:

Methods:

Products:

Brainstorm designs

Task centered system design

Participatory design

User-centered design

Evaluate

Psychology of everyday things

User involvement

Representation & metaphors

low fidelity prototyping methods

Throw-away paper prototypes

Participatory interaction

Task scenario walk- through

Refined designs

Graphical screen design

Interface guidelines

Style guides

high fidelity prototyping methods

Testable prototypes

Usability testing

Heuristic evaluation

Completed designs

Alpha/beta systems or complete specification

Field testing

Interfeiso projektavimas ir panaudojamumo inžinerija (Soul Greenberg)

Kas nagrinėjama projektuojant sąveiką?

• Atsižvelgiama į

– kas naudos

– kokiose veiklose • Platus spektras: siųsti pranešimus, rinkti informaciją, piešti,

programuoti, planuoti, žaisti...

– kur vyksta sąveika

• Optimizuojama sąveika

– kad atitiktų naudotojų veiklas ir poreikius • multimedijų taikymai, virtualių realybės aplinkos, balsu

paremtos sistemos, dideli ekranai

6

7

Kas yra naudotojai?

• Nėra taip paprasta, kaip atrodo pradžioje –Kas tiesiogiai naudos gaminį? –Kas vadovaus naudotojams? –Kas gaus produkto išvestį? –Kas priima pirkimo sprendimą? –Kas naudoja konkurencinius gaminius?

Suinteresuotų asmenų kategorijos

• Pirminiai

– dažnai naudoja sistemą

• Antriniai

– retkarčiais ar per tarpininkus naudoja sistemą

• Tretiniai

– nenaudoja sistemos, tačiau yra jos veikiami

• Aptarnaujantieji

– kuria ir prižiūri sistemą

8

(Eason, 1987)

angl. primary users

angl. secondary users

angl. tertiary users

angl. stakeholders

9

Kas yra suinteresuoti asmenys?

Kasininkai

Pirkėjai Vadovai ir savininkai

• Tiekėjai

• Konkurentai

10

Sąveikos projektavimas

1. Identifikuoti poreikius ir nustatyti

reikalavimus

2. Kurti alternatyvius

maketus

3. Kurti interaktyvius

maketus

4. Vertinti ir tobulinti

11

Praktinės problemos

• Kiek naudotojų grupių (personų) išskirti? Kas yra naudotojai?

• Kokie naudotojų tyrimai bus efektyviausi konkrečiam projektui?

Kas yra poreikiai?

• Iš kur gauti idėjas pirmiesiems maketams?

• Kiek alternatyvių maketų kurti? Kaip kurti alternatyvius

maketus?

• Kokio detalumo maketai?

• Kaip juos vertinti? Kaip pasirinkti tinkamą?

Interfeiso projektuotojo vaidmuo

Projektuotojas

ir techninė

sistema

Naudotojas ir

organizacija

Žmogaus ir

kompiuterio

sąveika

12

ŽKS projektavimo veiklos

Nustatytas

pokyčių poreikis

Organizacijos

tikslai

Organizacijos

projektavimas

Veiklos

projektavimas

Personalo

politika

Įvykdomumo

įvertinimas

Funkcijų ir

reikalavimų

išdėstymas

Naudotojo

interfeiso

projektavimas

Diegimas ir

naudotojo

rėmimas

Įvertinimas Keitimas

Konceptualusis

projektavimas

Sisteminis

projektavimas

Maketavimas ir

įvertinimas

Sistemos

tobulinimas

Duomenų bazių

projektavimas

13

Analitikas

Projektuotojas

Programuotojas

Techninis

personalas

Veiklos

projektuotojas

Apmokymo

personalas

Naujas

personalas

Priežiūros

personalas

Užsakovo reikalavimai

Naudotojų ir projektuotojų santykiai

14

Naudotojų įtraukimas į projektavimą

• Nustatomos naudotojų stipriosios ir silpnosios pusės

• Kas pagerintų naudotojo veiklų kokybę?

• Kuriant maketus išklausyti naudotojo pageidavimus

– Leisti naudotojui išbandyti ir vertinti interfeiso maketus.

15

Duomenų rinkimas

16

Priemonės

Pokalbiai (angl. Interviews)

Klausimynai

Stebėjimai

Metodų derinimas

Sėkmingo duomenų rinkimo veiksniai

1. Nustatyti tikslus 2. Santykiai su dalyviais

– aiškūs ir dalykiški

– reglamentuoti

– paskatinimai

3. Derinimas – naudoti daugiau, kaip vieną metodą

– patvirtinamos ar paneigiamos preliminarios išvados

4. Bandymai (angl. pilot studies)

– Nedidelis pagrindinių tyrimų išbandymas

17 Įrašai Pokalbiai Klausimynai Stebėjimai

Įrašai • Priemonės pasirenkamos pagal

– įrangos prieinamumą

– įkyrumo laipsnį

– gaunamų duomenų pilnumą

– duomenų patikimumą

– naudotojų trikdymo laipsnį

– tolimesnės analizės sudėtingumą

• Pasirinkimas • Užrašai + fotografijos

• Garso įrašai + fotografijos

• Garso ir vaizdo įrašai, fotografijos

• Vaizdo įrašai


Ką pasirinkti?

• Pavyzdys

– projektuojame aplinkos dizainerio kompiuterizuotą sodo projektavimo priemonę

• Tikslas:

– suprasti, kaip aplinkos dizaineris – vaikščiodamas kartu su klientu po jo sodą,

– škicuoja dizaino idėjas,

– įrašinėja ir klausinėja apie kliento pomėgius,

– kaip jis ir jo šeima naudoja sodą.

• Minėtų trijų būdų privalumai ir trūkumai?


• Pusiau struktūrizuoti

• pagal išankstinį scenarijų, tačiau įdomesni momentai gali būti gilinami.

• Paruoštas uždarų ir atvirų klausimų rinkinys.

• Dominantys klausimai gali būti gilinami

• Pavyzdys:

• Kuriame muzikiniame tinklalapyje dažniausiai lankotės?

• Pateikia kelis, tačiau akcentuoja vieną mmm.com

• Kodėl?

• Atsako, kad patinka išdėstymas

• Kas patinka išdėstyme?

• kažkiek patyli, po to aprašo navigaciją.

• Balansuoja replikuojamumą ir informacijos kiekį.

Pokalbiai


Fokuso grupės • Fokuso grupės

– Dažna praktika rinkodaroje, politinėse kampanijose;

– nuo 3 iki 10 dalyvių ir diskusijos vedantysis

– dalyviai: suinteresuotų asmenų grupių atstovai

– pateikiama išankstinė darbotvarkė

– gali būti griežtai formalizuoti • seminarai bendrame taikymų kūrimo (angl. Joint Application

Development) projektavime

• Tikslai – Surinkti įvairius požiūrius

– Suderinti panaudojamumo tikslus – Rasti kompromisą prieštaringiems tikslams


Problema

• Ką naudotojai sako, nebūtinai taip ir daro: – noras geriau pasirodyti;

– Sakyti tai, ką tikriausiai nori išgirsti pašnekovas;

– galima ir pamiršti kai ką ...

• Pavyzdžiui – tyrime, kaip pagerinti sistemų priežiūrą,

• dažniausi atsakymai: mes visi skaitome dokumentaciją;

• stebėjimai parodė: beveik visi žiūrėjo kodą.

• Kiek galime pasitikėti atsakymais?


• Uždari klausimai pateikia atsakymus,

− pvz. taip, ne;

• Atviri - nepateikia atsakymų variantų.

• Uždarus lengviau analizuoti

Vengti:

− ilgų klausimų;

− sudėtingų klausimų

− dalinti į dalis;

− pvz. vietoje: Kaip Jums patinka Jūsų mobilus telefonas lyginant su buvusiais?

− At patinka šis telefonas? Ar turėjote kitus? Ar jie patiko?

− dalyviui nesuprantamos kalbos ir žargono;

− klausimų su prielaidomis

− Kodėl Jūs mėgstate ...?

− Netyčinio dviprasmiškumo, pvz. lyties stereotipų

Pokalbių klausimai


Pavyzdys (1) • Intelektuali agentė Cybelle

– Kūrėjams buvo įdomu, ar bendravimas su šia agente paskatina domėjimąsi dirbtiniais agentais ar atvirkščiai, atbaido.

– Tyrimai jau baigti, agento jau nėra

• Koks tyrimo tikslas?

• Kaip įrašinėtumėte duomenis?

• Kokie klausimai?

• Projektuotojus domina:

– ar ji įdomi,

– ar atsakymai tikslūs

• Ko klaustumėte?

24

http://www.agentland.com/

Įrašai Pokalbiai Klausimynai Stebėjimai

Kitos pokalbių formos

• Telefoninės apklausos

– tinka, jei sunku susitikti su respondentu

– panašu į betarpišką pokalbį, tik nėra akių

kontakto ir nesimato kūno kalbos

• Apklausos per internetą

– el. laiškais, per IM, video konferencijose

– jautriems klausimams anonimiškumas yra

privalumas


Klausimynai • Panašiai, kaip pokalbiuose

• Klausimai gali būti atviri ar uždari

• Uždarus – lengviau analizuoti, tai gali atlikti programa

• Naudojama, kai pakankama pildymo motyvacija

• Apklausiama daugiau respondentų

• Platinami popieriuje, elektroniniais laiškais arba internete

• Imties parinkimas problematiškas internetiniams taikymams, kai nėra žinomi būsimi naudotojai

• Negalima patikslinti ar paaiškinti klausimo

26

Questionnaires in Usability Engineering

http://hfrg.ucc.ie/resources/qfaq1.html


Klausimynų projektavimas • Atsakymus gali paveikti klausimų eiliškumas.

• Nusprendžiama, ar kurti įvairius klausimynus įvairioms naudotojų grupėms.

• Klausimyne pateikiama aiški pildymo instrukcija.

• Balansuoti atstumus tarp klausimų su kompaktiškumu.

• Nuspręsti, ar pateikti tik teigiančius, tik neigiančius ar mišrius tvirtinimus.


Klausimų ir atsakymų formatas • Žymimosios akutės Taip ir Ne

• Žymimieji langeliai suteikia daugiau variantų

• Reitingavimas

– Likerto skalė: nuomonėms ir nuostatoms

– 3, 5, 7 ar daugiau taškų?

– kai neaišku, pasirenkama arčiau centro

– 3 punktų skalė:

– Tai/ne/nežinau

– 5 punktų skalė:

– griežtai nesutinku/ šiek tiek nesutinku/šiek tiek

sutinku/sutinku/griežtai sutinku

– daugiau

– subtilesniems vertinimams

– dažnai: nereikalingas apsunkinimas


Vertingo atsakymo skatinimas

• Užtikrinti aiškų tyrimo tikslą

• Pažadėti anonimiškumą

• Klausimynas neturi turėti klaidų

• Pasiūlyti trumpesnę versiją skubantiems

• Jei siunčiama klasikiniu paštu, kad įdėti apmokėtą

voką su adresu

• Suteikti paskatinimo priemones

• 40% atsakymų lygis yra aukštas, 20% dažnai

pakanka


Gero klausimo savybės

1. Paskatina teisingą atsakymą.

2. Klausiama vieno konkretaus dalyko.

3. Padengia visus galimus variantus.


http://www.statpac.com/surveys/question-qualities.htm

Kokį kompiuterį naudojate? Apple

IBM PC

Ar naudojate IBM PC?

○ Taip

○ Ne

Kokį kompiuterį naudojate? (Pažymėkite visus tinkančius)

Neturiu kompiuterio

IBM PC

Apple

Kitą

Gero klausimo savybės (2)

4. Pasirinkimai nepersidengia

5. Atsakymų pasirinkimas yra pilnas

6. Nuosekli klausimų eiga.

7. Nedaromos nepamatuotos prielaidos


http://www.statpac.com/surveys/question-qualities.htm Gimimo vieta Kaimas

Sodyba

Miestas

Ką manote apie šią ataskaitą?

A. Blogiausia ataskaita, kokią

skaičiau

B. Tarp blogiausios ir geriausios

C. Geriausia, kokią skaičiau

Ar Jus tenkina dabartinis automobilio draudimas (Taip/Ne)

Gero klausimo savybės (3)

8. Neperšamas pageidaujamas atsakymas

9. Nedviprasmiškas

– daugiausia, mažiausia, optimaliausia, …

10.Nenaudojami nežinomi žodžiai ar santrumpos

11.Nepriklauso nuo buvusių atsakymų

12.Neprašo reitinguoti daugiau, kaip 5 sąvokų.


http://www.statpac.com/surveys/question-qualities.htm

Ar norėtumėte gauti mūsų

lankstinuką?

1. Ar turite gyvybės draudimą? (Taip/Ne). Jei ne, eikite į 3

klausimą

Internetinių klausimynų privalumai Klausimynai siunčiami paštu

pasiekiama pageidaujama respondentų grupė

popierinio klausimyno atmaina

Tinklapyje lankstesnis pateikimas: meniu, žymimieji langeliai ir akutės, ...

Greiti atsakymai

Nekainuoja kopijavimas ir platinimas

Duomenys analizei gali būti renkami duomenų bazėje

Automatizuota duomenų analizė

Klaidos lengvai pataisomos


Web-Based User Interface Evaluation with Questionnaires http://oldwww.acm.org/perlman/question.html

34

http://www.questionpro.com/buildyour

survey/

Klausimynų kūrimo priemonės, pavyzdžiui, nemokama 2

klausimynams


http://oldwww.acm.org/perlman/question.html

http://oldwww.acm.org/perlman/question.html

http://www.questionpro.com/buildyoursurvey/

http://www.questionpro.com/buildyoursurvey/

Internetinių klausimynų problemos Respondentai atsitiktiniai

Imtis problematiška, jei neturime duomenų apie

respondentus

Tai ne statistiniai tyrimai: negalima apibendrinti ir daryti mokslinių ar rinkodaros išvadų

Užtikrinti, kad vienas respondentas turėtų

galimybę atsakyti tik vieną kartą

Kai kada klausimynuose pateiktuose el.

laiškuose respondentai keičia klausimus


Stebėjimas • Žmonėms sunku pasakoti, ką ir kaip jie daro

• Klausimynai ir pokalbiai – nėra visiškai patikimas šaltinis

– derinami su stebėjimais

• Tiesioginis stebėjimas vietoje – Naudojamos struktūrizuotos duomenų rinkimo sistemos

– Dalyvavimo laipsnis (vidinis ar išorinis)

• Tiesioginis stebėjimas valdomoje aplinkoje

• Netiesioginis stebėjimas: naudotojo veiksmų sekimas – Dienynai

– Sąveikos protokolavimas


Struktūrizuotos duomenų rinkimo sistemos

Paprastas stebėjimas

• Asmuo. Kas?

• Vieta. Kur?

• Naudojami artefaktai. Kas?

Goetz ir LeCompte sistema (1984):

• Kas dalyvauja?

• Kokia rolė?

• Kas vyksta?

• Kada vyksta veikla?

• Kur vyksta veikla?

• Kodėl vyksta veikla?

• Kaip veikla organizuota?


Naudotojui palankus procesas

• Projekto tikslai

• Naudotojų charakteristikos

• Užduotys

• Nustatyti kompiuterizuojamas užduotis

• Problemos

• Dabartinėse veiklose

• Konkurencinė aplinka

• Naudotojo lūkesčiai

• Produkto naudojimo vizija

• Panaudojamumo tikslai

• Suformuluoti produkto gyvavimo ciklo etapams

1. Poreikiai

38

Užduočių analizė

• Kalbėti su naudotojais

• Stebėti naudotojus

• Išgauti visas užduotis

• Užduočių analizės būdai

– Užduočių dekompozicija

– Duomenų srautų analizė

– Naudojamų objektų ir veiksmų sąrašo sudarymas

39

Hierarchinė užduočių analizė

• HTA = Užduotys + planai

– Atliekama užduočių dekompozicija

– Apibrėžiami planai • kokia tvarka ir kokiomis sąlygomis použduotys yra atliekamos

• Tikslas: Pažymėti hierarchijos lygius

• Naudojama: kuriant eskizus ir dokumentaciją

• Šaltiniai

– Dokumentacija, stebėjimas, pokalbiai

40

Hierarchical task analysis, HTA

Tekstinis hierarchinė užduočių analizės aprašas

0. padaryti puodelį arbatos 1. užvirti vandenį 2. išpilti puoduką 3. įpilti karštą vandenį į puoduką 4. palaukti 4 - 5 minutes 5. įberti arbatos 5.1 įpilti pieno į puoduką 5.2 pripilti arbatos į puoduką 5.3 įdėti cukraus pagal skonį Planas 0. Padaryti 1 Tuo pačiu metu, jei puodukas pilnas 2 Tada padaryti 3-4 Po 4-5 min padaryti 5 Planas 5. Padaryti 5.1-5.2 • Jei reikia 5.3

• Planai – Fiksuota seka – Pasirenkamos

užduotys – Veiksmų laukimas – Ciklai – Laiko dalijimas – Savarankiškumas – Deriniai

41

Grafinis hierarchinės užduočių analizės pavaizdavimas

42

Užduočių dekompozicija

1 planas: jei žinoma, kur stovi knyga, atlikti 1-3-4

2 planas: jei nežinoma, kur stovi knyga, atlikti 2-3-4.

2.1 planas: ieškoti knygos kataloge 2.1-2.4-2.5

2.2 planas: ieškoti knygos, naudojant paieškos langą 2.2-2.3-2.4

Planai

Grafinis hierarchinės užduočių analizės pavaizdavimas

43

Užduočių dekompozicija

Žiniomis paremta analizė • Sistematizuojami objektai ir veiksmai

• Tikslas – suprasti žinias reikalingas užduočiai atlikti

– mokymo medžiagos struktūros nustatymas

44

Virtuvės elementas AND Forma XOR Indai Maišymo puodas, puodas, stiklinė Plokšti Lėkštė, pjaustymo lentelė, keptuvė Funkcija OR Ruošimas Maišymo puodas, Lėkštė, pjaustymo lentelė Kepimas Keptuvė, puodas Valgymas XOR Indai valgiui Lėkštė, bliūdelis sriubai Gėrimui Stiklinė

Esybių ryšių technikos

• Objektinė technika

– Duomenų bazių projektavimas

• Analizuojami

– Objektai

– Atributai

– Veiksmai

45

Naudotojui palankus procesas

• dalykinės srities metaforos reikalavimai,

• formuluojamos užduotys,

• užduočių formulavimo kalbos reikalavimai,

• užduočių formulavimo būdo (protokolo) reikalavimai,

• interfeiso darnos ir standartizavimo reikalavimai,

• pranešimų formulavimo reikalavimai,

• interfeiso individualizavimo reikalavimai.

Esminių užduočių

reikalavimai

46

Kas yra maketas?

• Ribotas pavaizdavimas

• Leidžiantis naudotojams sąveikauti, nagrinėti jo atitikimą poreikiams.

• Skiriasi resursų sąnaudomis ir detalumu

– maketai ir detalieji prototipai

47

Maketavimas

• Maketai

– Dažnai popieriniai

– Pasakojimo piešiniai

– Wizard of Oz eksperimentai

– Kompiuterinė animacija

– Greitas prototipas

• Detalieji prototipai

– Dalinai veikianti sistema

• Tikslas: išbandyti pasirinktą sąveikos rūšį

• Svarbu: PIGU ir GREITA!

48

low-fidelity prototype

Storyboards

Rapid prototype

Maketai

• Pirmieji interfeiso eskizai

• Kas turi būti matoma?

– Interfeiso struktūra, metaforos

49

Maketai

50

Popieriniai scenarijai

51

Scenarijai

• Iš kur paskolinta ši idėja?

– Iš kinematografijos

• Svarbiausių įvykių scenarijai

– Nesigilinant į detales

– Akcentuojat esminius momentus

52

Vartotojo veiksmas Sistemos atsakas

53

Ink Chat

Kodėl popieriniai?

• Elektroniniai

– Kūrimas užtrunka ilgiau

– Mažiau dialogo su naudotoju galimybių

• Procesas

– Eskizas > prototipas > vertinimas > perprojektavimas

– Galima simuliuoti prototipą

– Leidžia neinformatikams dalyvauti projektavime

54

Pagrindinės medžiagos

• Didesnio formato baltas popierius

• Katalogo rodyklių kortelės

– 5x8 colių

• Lipni juosta, klijai, korektorius

• Tušinukai ir markeriai

• Skaidrės

• Žirklės, ir t.t.

55

Interfeiso maketai

57

Interfeiso maketai

58

ESP

Tikslas: neformali nuomonė

• Parodyti maketą naudotojams

• Stebėti naudotojo vargą su pateiktu prototipu

• Geranoriškai priimti pastabas

• Neprisirišti prie vienos idėjos

• Nesivaržyti dėl to, kieno idėja laimės

59

Kartoti projektavimą

• Perprojektuoti interfeisą

– Atsižvelgiant į maketų vertinimus

• Be gailesčio atmesti naudotojo kritikuojamus sprendimus

– Nepriimti kritikos asmeniškai

• Ir vėl

– derinti su naudotojais

60

Perprojektuoti maketą

• Be gailesčio atmesti naudotojo kritikuojamus sprendimus

61

Kam reikalingas maketas?

• Kad galėtume vertinti panaudojamumo tikslus

– Našumą

– Efektyvumą

– Lankstumą

– Robastiškumą

• Vertinimo metodikas nagrinėsime atskirai

62

Greito kūrimo priemonės

• Balsamiq Mockups

– Nemokamas nekomerciniams taikymams

63 http://www.balsamiq.com/products/mockups

http://www.balsamiq.com/products/mockups

64

• Firefox maketavimo įskiepis - nemokamas

https://addons.mozilla.org/en-US/firefox/addon/pencil/




Prototype Composer

• Tik Windows, nemokamas – Gal kiek sudėtingas, reikia kažkiek laiko skirti pasimokyti

http://www.serena.com/products/prototype-composer/index.html




Mockingbird • Internetinė prototipavimo priemonė

66 https://gomockingbird.com/

https://gomockingbird.com/

https://gomockingbird.com/

iPlotz

• Interneto svetainių ir taikymų prorotipavimas

– Nemokama – apribota versija,

http://iplotz.com/

http://iplotz.com/

http://iplotz.com/

WireframeSketcher

• Eclipse plug-in

– Nemokamas nekomerciniams taikymams

http://wireframesketcher.com/



Kitos priemonės

• http://www.mockflow.com/

• http://www.lumzy.com/

…

69

http://www.mockflow.com/

http://www.lumzy.com/

Apibendrinimas

• Naudotojui palankus projektavimas

– Iteratyvus

– Įtraukiantis naudotojus į projektavimą

• Nagrinėjant personas ir formuluojant joms panaudojamumo tikslus

• Analizuojant užduotis

• Kuriant eskizus

• Testuojant juos

70

Literatūra • Hierarchinė užduočių analizė

– Kristina Moroz-Lapin. Žmogaus ir kompiuterio sąveika, TEV, 2008. 8.5 skyrius, 133-137 psl.

– A.Dix, Dix, A., J. Finlay, G. Abowd, R. Beale. Human-Computer Interaction, Prentice Hall, 2003, 2008

• 2003 metų leidinyje • 2008 metų leidinyje 15.3 skyrius, 512-519 psl.

• Eskizinių maketų projektavimas – Bill Buxton. Sketching User Experiences. Morgan Kaufman,

2007. – Alan Cooper, Reimann Robert, Dave Croni. About face 3:

the essentials of interaction design. Wiley, 2007.

• Panaudojamumo inžinerija – ISO 13407 Human centered design processes for interactive

systems http://www.usabilitynet.org/tools/13407stds.htm

71

http://www.usabilitynet.org/tools/13407stds.htm



Egzamino klausimų pavyzdžiai

• Naudotojui palankaus projektavimo esmė?

• Hierarchinė užduočių analizė.

• Maketavimo paskirtis.

72

naudotojui palankus projektavimasuosis.mif.vu.lt/hci/hci/7_naudotojui_palankus_projektavimas.pdf ·...

Documents