41
Už duočių analiz ė User-centered design Dr. Kristina Lapin 6 paskaita

Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Užduočių analizė

User-centered design

Dr. Kristina Lapin

6 paskaita

Page 2: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Apžvalga

• Naudotojui palankus projektavimas

– Esminės savybės

– Gyvavimo ciklai

– Duomenų rinkimas

– Maketavimas

• Darbastalio sistemoms

• Tinklalapiams

2

Page 3: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

3

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)

Page 4: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Herbert A. Simon apie elgseną

• Elgsena priklauso nuo aplinkos:

– sudėtinga aplinka reikalauja sudėtingos elgsenos

– pasikeis aplinka – pasikeis ir elgsena

• Projektavimo tikslas – transformuoti esamą situaciją į pageidaujamą

4

http://www.amphilsoc.org/sites/default/files/proceedings/213.pdf

Page 5: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Bet kuris projektavimas iš tiesų yra perprojektavimas

• Turime suprasti

– Esamas veiklas ir jų kontekstą

– Naudotojo vertybes, lūkesčius ir tikslus

– Kaip vertybės ir motyvai įtakoja būdą, kuriuo asmenys apageudautų veikti

5

Page 6: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Užduočių analizė

• Projektuojant atliekama užduočių analizė, tačiau dažnai neišreikštiniu būdu

– Stengiamasi iš karto kurti sprendimus

• Išreikštinė užduočių analizė

– Suteikia koncepcinį pagrindą, prasmingesnius sprendimus, išlaiko sąsają su tikra situacija, padeda bendrauti su suiteresuotais asmenimis

– Tarpinis užduočių modelis skatina kurybiškumą

6

Page 7: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Užduočių analizės rezultatai

• Veiklų žingsniai

• Veiklų artefaktai

• Veiklų tikslai ir kaip bus matuojama sėkmė

• Probleminės vietos ir neišnaudotos galimybės

7

Page 8: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

8

Page 9: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

9

Hierarchical task analysis, HTA

Page 10: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

10

Page 11: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

11

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

Page 12: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

12

Užduočių dekompozicija

Page 13: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Žiniomis paremta analizė • Sistematizuojami objektai ir veiksmai

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

– mokymo medžiagos struktūros nustatymas

13

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ė

Page 14: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Esybių ryšių technikos

• Objektinė technika

– Duomenų bazių projektavimas

• Analizuojami

– Objektai

– Atributai

– Veiksmai

14

Page 15: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

15

Page 16: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

16

Page 17: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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!

17

low-fidelity prototype

Storyboards

Rapid prototype

Page 18: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Maketai

• Pirmieji interfeiso eskizai

• Kas turi būti matoma?

– Interfeiso struktūra, metaforos

18

Page 19: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Maketai

19

Page 20: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Popieriniai scenarijai

20

Page 21: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Scenarijai

• Iš kur paskolinta ši idėja?

– Iš kinematografijos

• Svarbiausių įvykių scenarijai

– Nesigilinant į detales

– Akcentuojat esminius momentus

21

Vartotojo veiksmas Sistemos atsakas

Page 22: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

22

Ink Chat

Page 23: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

23

Page 24: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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.

24

Page 25: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

25

Page 26: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Interfeiso maketai

26

Page 27: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Interfeiso maketai

27

ESP

Page 28: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

28

Page 29: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

29

Page 30: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Perprojektuoti maketą

• Be gailesčio atmesti naudotojo kritikuojamus sprendimus

30

Page 31: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Kam reikalingas maketas?

• Kad galėtume vertinti panaudojamumo tikslus

– Našumą

– Efektyvumą

– Lankstumą

– Robastiškumą

• Vertinimo metodikas nagrinėsime atskirai

31

Page 32: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Greito kūrimo priemonės

• Balsamiq Mockups

– Nemokamas nekomerciniams taikymams

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

Page 33: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

33

• Firefox maketavimo įskiepis - nemokamas

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

Page 34: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Prototype Composer

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

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

Page 35: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Mockingbird • Internetinė prototipavimo priemonė

35 https://gomockingbird.com/

Page 36: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

iPlotz

• Interneto svetainių ir taikymų prorotipavimas

– Nemokama – apribota versija,

http://iplotz.com/

Page 37: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

WireframeSketcher

• Eclipse plug-in

– Nemokamas nekomerciniams taikymams

http://wireframesketcher.com/

Page 38: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Kitos priemonės

• http://www.mockflow.com/

• http://www.lumzy.com/

38

Page 39: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Apibendrinimas

• Naudotojui palankus projektavimas

– Iteratyvus

– Įtraukiantis naudotojus į projektavimą

• Nagrinėjant personas ir formuluojant joms panaudojamumo tikslus

• Analizuojant užduotis

• Kuriant eskizus

• Testuojant juos

39

Page 40: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

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

40

Page 41: Naudotojui palankios projektavimo metodikosweb.vu.lt/mif/k.lapin/files/2013/10/5_HTA_ir_maketavimas.pdf · Tekstinis hierarchinė užduočių analizės aprašas 0. padaryti puodelį

Egzamino klausimų pavyzdžiai

• Naudotojui palankaus projektavimo esmė?

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

• Maketavimo paskirtis.

41