Kui on tahe, on ka võimalus!

Erkki Leego

(1/22)

Menüüde planeerimine

Erkki Leego

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(2/22)

Tesla kasutajaliides

• The Model S 17-Inch Touchscreen Display

– Introducing the world's most advanced vehicle user interface - the Tesla Model S 17" touchscreen display. Take a look inside the master control of Motor Trend's 2013 Car of Year, and see first hand how the Model S is forever changing the way we see electric mobility.

• https://vimeo.com/61821553

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(3/22)

Menüüde liigid

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(4/22)

Menüüde liigid ja eesmärk

• Eesmärk on tekitada kasutaja ülesandest lähtuvalt mõistlik, arusaadav, hästi meeldejäetav ja mugavalt kasutatav struktuur

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(5/22)

Üksikmenüüd (eng. single)

• Binaarsed menüüd

– Yes/No

– Raadionupud

– Nupuvalik

• Mitme valikuga menüüd

• Mitme valikuga menüüd koos märkeruuduga

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(6/22)

Rippmenüüd

• Rippmenüüd, hüpikmenüüd (Pull-down, pop-up) ja tööriistaribad

• Kontekstist lähtuvad menüüd (nt. hiire parema nupu vajutus)

• Väljendusvõimalused – Kehtivad olekud

– Lühiklahvide näitamine

– Kasutamine ilma hiireta - menüüvalikud allajoonitud tähtede abil

– Alammenüü valik noolekesega menüüst

• Navigeerimine võib keeruliseks minna

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(7/22)

Näide astmelisest rippmenüüst

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(8/22)

Sirvitavad valikud

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

© 2010 Pearson Addison-Wesley. All rights reserved.

Kui on tahe, on ka võimalus!

Erkki Leego

(9/22)

Näide kontektsitundlikust hüpikmenüüst

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

© 2010 Pearson Addison-Wesley. All rights reserved.

Kui on tahe, on ka võimalus!

Erkki Leego

(10/22)

Pikkade nimekirjade haldamine

• Menüüd pikkade nimekirjade jaoks

– Näitavad esimest osa ja siis nool edasiseks

– Võib kombineerida valikukastidega tekstivalikuks

– Kalasilma vaade (näide vasakul)

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(11/22)

Liugurid

• Menüüd pikkade nimekirjade jaoks

– Liugurid

• Numbriliste valikute puhul loomulik valik

• Saab teha mitmetasemeliselt ja niis saab kiiresti valida tuhandete valikute hulgast

– Kahedimensionaalsed menüüd

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(12/22)

Näide valikumenüüst - ee.bluenile.co.uk

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

http://ee.bluenile.co.uk/

Kui on tahe, on ka võimalus!

Erkki Leego

(13/22)

Mitmikmenüüd (eng. multiple menus)

• Lineaarne järjestus ja simultaanne valik – Juhatada kasutaja läbi otsuste tegemise protsessi

“Wizards”

– Simultaanne - esitada kasutajale valikud korraga

• Puustruktuurid – Nt. fondi, tähesuuruse ja paigutuse valik

– Kuni kaheksa elementi, kuni 3 sügavusetaset

– Kogu konteksti säilitamine (nt. Windows Explorer)

• Menüü sisukorrakaardid – Aitab vältida eksimist suures infohulgas

• Tsüklilised ja atsüklilised võrgustikud – Sotsiaalvõrgustikud

– Transpordi planeerimine

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(14/22)

Manusmenüüd

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

© 2010 Pearson Addison-Wesley. All rights reserved.

Kui on tahe, on ka võimalus!

Erkki Leego

(15/22)

Sisu planeerimine

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(16/22)

Sisu planeerimine

• Kõik funktsioonid peavad intuitiivse koha leidma

• Grupeerimine – Grupeeri loogiliselt sarnased elemendid kokku

– Taga, et grupis oleks olemas kõik valikud

– Taga, et elemendid ei kattuks

– Kasuta tuttavad terminoloogiat, aga taga, et elemendid eristuksid

• Elementide järjekord menüüs – Peab olema loomulik (aeg, number, füüsilised

omadused)

– Võimalused • Tähestikuline järjekord

• Grupeerida sarnased elemendid

• Sagedamini kasutatud enne

• Kõige tähtsamad enne

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(17/22)

Kohanduvad menüüd (näide)

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(18/22)

Menüü sisu planeerimine. Pealkirjad

• Üksikmenüü jaoks lihtne kirjeldav pealkiri

• Puu-struktuuriga menüüdes kasuta sama pealkirja, mis kõrgema taseme menüüs

• Kasuta tuttavat ja kooskõlalist terminoloogiat

• Taga, et elemendid eristuvad

• Too võtmesõna esimesele kohale

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(19/22)

Menüü sisu planeerimine. Välimus

• Piirangud

– Ekraani laius ja pikkus; punktilahutus; sümbolite valik; esiletõstmise tehnikad

• Juhised ühtluse tagamiseks vähemalt nende komponentide jaoks:

– Pealkirjad

– Elementide paigutus

– Juhised

– Veateated

• Ühtlane positsioon ja terminoloogia

– Olukorra aruanded

• Ühtlane positsioon ja struktuur

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(20/22)

Menüüde kiire kasutamine. Ekspertkasutajad

• Klaviatuurikombinatsioonid

• Menüüde “lahtirebimine” ja ekraanile paigutamine

• Järjehoidjad veebilehitsejas

• Tööriistaribade ümberseadistamine

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(21/22)

Tunniharjutus

• Moodustame naabritega grupid 3-4 inimest

• Koostada ÕIS-i funktsioonide jaoks intuitiivne menüüde süsteem

• Planeeri

– I taseme menüüd

– II taseme menüüd

– Menüü nimetused

– Järjekord

MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Kui on tahe, on ka võimalus!

Erkki Leego

(22/22) MTAT.03.032. Loeng 5 / 2015-03-16 / Tartu Ülikool http://PollEv.com/erkkileego

Tänan!

Kui on tahe, on ka võimalus!

Erkki Leego, erkki.leego@ut.ee, http://courses.cs.ut.ee/2015/ui