25
1 1 Menüüde planeerimine. Mitmete menüüde kombineerimine. Juhan Aasaru Ettekande eesmärk – kursuse õpikust välja sünteesitud erinevad võimalused ja soovitused menüüde koostamiseks. “Keskmisele informaatikatudengile ilmse” info püüdsin välja jätta ettekandest.

Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

1

1

Menüüde planeerimine.Mitmete menüüde kombineerimine.

Juhan Aasaru

Ettekande eesmärk – kursuse õpikust välja sünteesitud erinevad võimalused ja soovitused menüüde koostamiseks.“Keskmisele informaatikatudengile ilmse” info püüdsin välja jätta ettekandest.

Page 2: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

2

2

Menüüde klassifikatsioon

• Üheastmeline menüü• Lineaarne järjend• Puukujuline menüü• Tsükliline menüü• Atsükliline menüü

Kursuse õpikus välja pakutud jaotus

Page 3: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

3

3

Näide üheastmelisest menüüst.

Ka see dialoogiaken on menüü.

Menüü – loetelu kasutajale pakutavatest valikutest.

Page 4: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

4

4

Näide sellest, et menüüs ei pea korraga ainult üks võimalik valik olema.

Page 5: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

5

5

Menüüde klassifikatsioon

• Üheastmeline menüü• Lineaarne järjend• Puukujuline menüü• Tsükliline menüü• Atsükliline menüü

Küsimustiku täitmine. Küsimuste järgnemine on alati ühesugune.

Page 6: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

6

6

Menüüde klassifikatsioon

• Üheastmeline menüü• Lineaarne järjend• Puukujuline menüü• Tsükliline menüü• Atsükliline menüü

Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või taimeriik (hõimkond, klass, sugukond, perekond), jaotus on ühene (korraga kahte ei kuulu).

Klassifitseerimine võib väga keeruliseks osutuda – eriti kui on vaja, et elemendid jaotuksid enam-vähem ühtlaselt ja sügavus oleks enam-vähem võrdne.Oht jaotada kummaliste, ebaloogiliste või kattuvate kategooriate alusel.

Page 7: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

7

7

Pull-down menüü. Väga väljendusrikas:

•võimalik näidata kehtivaid olekuid (linnukesed)

•klahvikombinatsioone (CTRL+J),

•menüü kasutamine hiire abita (teatud tähtede allajoonimine) – antud rakenduses ei ole see otstarbekas

•Nooleke näitab, et avaneb järgmine menüü

•Kolm punkti (…) näitavad, et valik viib dialoogiaknani

Kui valik ei ole saadaval, siis menüüst eemaldamise asemel värvida halliks.

AJALUGU – esmakasutus: Xerox Star, Apple Lisa, Apple Macintosh

Page 8: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

8

8

Sügavus vs elementide arv

Uuringud kinnitavad (navigeerimise aeg ja vigade arv navigeerimisel), et parem on rohkem elemente menüüs kui suurem sügavus (soovitav mitte üle kolme astme).

Tartu kodulehel on lahendatud sellega, et igast menüüpunktist on välja toodud mingi valik ja punktil klõpsates avanevad kõik (ja ülejäänud punktid sulguvad)

Pilt: www.tartu.ee

Page 9: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

9

9

Menüüde klassifikatsioon

• Üheastmeline menüü• Lineaarne järjend• Puukujuline menüü• Tsükliline menüü• Atsükliline menüü

GRAAF - Menüüs edasi liikudes võid sattuda punkti, mille oled juba olnud (nagu Internet ise).Ebasoovitav – kasutajatel keeruline orienteeruda.

Page 10: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

10

10

Menüüde klassifikatsioon

• Üheastmeline menüü• Lineaarne järjend• Puukujuline menüü• Tsükliline menüü• Atsükliline menüü

Nagu puukujuline menüü, aga erinevad oksad võivad viia sama leheni.

Page 11: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

11

11

NETI: / HARIDUS JA KULTUUR / Teadus / Arvutiteadus / Interneti ülevaated -> Avalikud Interneti Punktid (AIP)

viib samasse kohta, nagu

NETI: / HARIDUS JA KULTUUR -> Teabetoad

asukoht “puus”6 on välja kirjutatud

Page 12: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

12

12

Infomahukad menüüd

Page 13: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

13

13

PALJU VALIKUID - Kerimisribaga menüüPikkade nimekirjade lappamiseks tülikas

“P” tähe klõpsimisel pakub järjest “P” tähega algavaid kirjeid – algajad ei tea seda ja ei tule selle peale

Pilt: www.auto24.ee

Page 14: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

14

14

Kerimisribaga münüü – edasiarendatud ja algajale palju mugavam kasutada.

Pilt: www.bussireisid.ee

Page 15: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

15

15

Veel üks huvitav ja kasutajasõbralik “menüü”

Pilt: www.answers.com

Page 16: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

16

16

Fisheye menüü – ekraani alaservas – kuvab kõiki valikuid ekraanil korraga, aga näitab ainult kursori lähedal olevaid elemente suuremana.

MacOS-ist tuttav

Pilt: http://futureshare.lip6.fr/MacOS9-X.html

Page 17: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

17

17

Fisheye menüü võimalik kasutus.

Mittesoovitav vaikimisi stiilina, vaid erivõimalusena.

Pilt: http://surfmind.com/viscom/typography/index.cfm

Page 18: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

18

18

Kahemõõtmelised ehk mitmel veerul kuvatavad menüüd.

Kõik mahub korraga pildile ja ei ole vaja lehte edasi kerida – eriti oluline veebis.

Kasutajad harjuvad menüüst vajalikku leidma menüüpunkti asukoha järgi ja seetõttu on oluline, et menüüpunktide asukoht ei muutuks sagedasti.

Pilt: www.soov.ee

Page 19: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

19

19

Manus-menüüd(embedded menus)

Senimaani vaadatud menüüdel on järjestus koos mõningase lisainfoga.Neid võib nimetada ka kui selgepiirilised, konkreetsed.

Nüüd vaatame menüüsid, mis on muu info sees.

Page 20: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

20

20

Graafiline mneüü.Easyjeti sihtkohaotsing.

Ei lahuta infot kontekstist.

pilt: www.easyjet.com

Page 21: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

21

21

Menüüsüsteem, milles navigeerimise käigus broneeritakse aeg.

Menüü on “kalendri sees”

pilt: www.bronn.ee

Page 22: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

22

22

Mitmete menüüde kombineerimine

Page 23: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

23

23

Erinevate menüüde kombineerimine.

Esmalt valib kasutaja peamenüüst tootegrupi (Kapid- ja riiulid -> Kummutid) ja edasi saab valida asukoha, materjali, stiili - sõltumatult

Asendab järjestikust valikut, mille puhul tagasiminemine ja muutmine olekstunduvalt tülikam.

Pilt: www.sisustus.ee

Page 24: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

24

24

Tabuleeritud menüüd

• Kasuta kui– 3-10 pealkirja– Lühikeste nimedega– Nimed ei muutu sageli– Kui kogu lehe laiust on vaja kasutada– Tahad rõhutada võimalikke valikuid– Navigatsioon uuele lehele, mitte alamosa- Vajalik rõhtutada hetkeasukohta

Page 25: Menüüde planeerimine. Mitmete menüüde kombineerimine. · Rakendus klassifitseeritakse samamoodi nagu on klassifitseeritud loomariik (ülemklass, klass, selts, sugukond)- või

25

25

Näide mitmest tabuleeritud menüüst.

Hetkeasukoht näidatakse ära, samuti “Kodu”.