Žestid ja juhtimine

Ülevaade kõigist puutežestidest, pühkimistoimingutest ja juhtelementidest rakenduses – kooskõlas Apple’i Human Interface Guidelines’iga.


Põhiprintsiibid

Rakendus järgib Apple’i Human Interface Guidelines’i (HIG). Igaüks, kes tunneb iOS-rakendusi, tunneb enamiku žestidest kohe ära. See peatükk selgitab kõige olulisemaid žeste – eriti rakendusespetsiifilisi erinevusi.

Kõige olulisem printsiip: Hävitavad toimingud (kustutamine) on alati vasakul, mittehävitavad toimingud (muutmine) on alati paremal. See on iOS-i standard ja väldib juhuslikku kustutamist.


Vaated ja lehed (sheets)

Rakendus kasutab kahte tüüpi ekraane:

Tavaline vaade — tagasinoolega navigeerimisribal
Joon. 66 — Tavaline vaade — tagasinoolega navigeerimisribal
Sheet-vaade — avaneb altpoolt, „pill"-käepide üleval
Joon. 67 — Sheet-vaade — avaneb altpoolt, „pill"-käepide üleval

Tavaline vaade (navigation push): Uus ekraan libiseb sisse paremalt. Tagasinool (←) ilmub üleval vasakul. See vaade kuulub navigeerimishierarhiasse.

Sheet: Sheet avaneb altpoolt. Sellel on väike „pill”-käepide (lühike riba ülal keskel) ja see kattub eelmise vaatega.


Sheeti sulgemine

Sheeti saab sulgeda kolmel viisil:

Meetod Žest
Pühi alla Aseta sõrm sheeti ülaosa lähedale, tõmba allapoole
Tõmba „pill”-käepidet Tõmba ülal keskel olevat väikest riba allapoole
Tühista-nupp Puuduta „Tühista” või „Sulge”

💡 Allapoole pühkimine töötab alati – isegi kui ühtegi nuppu pole näha.


Loendivaade

Loendivaade mitme kirjega
Joon. 68 — Loendivaade mitme kirjega

Loendid kuvavad kirjeid eraldusjoontega. Igat kirjet saab avamiseks või muutmiseks puudutada. Kirjeid, millel on ≡ lohistamisikoon (kolm joont paremal), saab ümber järjestada, vajutades sellel ikoonil pikalt.

Loendite pühkimistoimingute kohta vaata allolevaid jaotisi.


Puudutus (lühike)

Lühike puudutus paanil ja loendikirjel
Joon. 69 — Lühike puudutus paanil ja loendikirjel

Kõige levinum žest: lühike puudutus käivitab elemendi põhitoimingu.

Kus Mis juhtub
Armatuurlaua paan Salvesta sündmus (põhitoiming)
Loendikirje Ava konfiguratsioon või detailvaade
‹+› Pluss Lisa uus element
„Valmis” / „Edasi” / „Salvesta” Kinnita toiming
„Tühista” / „Tagasi” Tühista, muudatusi pole

💡 Kõiki nuppe saab puudutada nende kogu laiuses. Sa ei pea täpselt ikooni või teksti tabama.


Pikk vajutus (hoidmine)

Pikk vajutus: armatuurlaua paan avab ajaloo, loendikirje võimaldab sortimist
Joon. 70 — Pikk vajutus: armatuurlaua paan avab ajaloo, loendikirje võimaldab sortimist

Pikk vajutus käivitab teisese toimingu – kuid mida see täpselt tähendab, oleneb kontekstist:

Kus Mis juhtub
Armatuurlaua paan Ava ja otsi sündmuste ajalugu
„Täpsemat”-paan seadete armatuurlaual Avab täpsemate seadete loendivaate
‹≡› Lohistamisikoon (3 joont) loendites Vabasta element sortimiseks

⚠️ Märkus: Pikk vajutus armatuurlaual ja loendikonfiguratsioonides tähendab erinevaid asju. See on süsteemitasandi piirang – iOS pakub vaid piiratud arvu žeste.

💡 Sortimiseks vabastamist kinnitab visuaalne ja haptiline signaal (lühike vibratsioon).

Armatuurlaud:            Pikk vajutus → sündmuste ajalugu
                         (Põhitoiming: lühike puudutus → salvesta sündmus)

Seadete armatuurlaud:    Pikk vajutus „Täpsemat" → ava loendivaade
                         (Puuduta kirjet → ava seadete sheet)

Seadete loend:           Pikk vajutus ≡ → alusta ümberjärjestamist
                         (Puuduta kirjet → ava konfiguratsioon)

Pühkimine: loenditoimingud (vasakule ja paremale)

Vasakule pühkimine näitab punast kustutamisnuppu, paremale pühkimine näitab sinist muutmisnuppu
Joon. 71 — Vasakule pühkimine näitab punast kustutamisnuppu, paremale pühkimine näitab sinist muutmisnuppu

Loendites on kaks pühkimissuunda, millel on selgelt eraldatud rollid:

Suund Värv Tähendus Näited
Paremalt vasakule 🔴 Punane Hävitav – pöördumatu Kustuta, eemalda
Vasakult paremale 🔵 Sinine Mittehävitav – ohutu Muuda, nimeta ümber

See muster on iOS-i standard vastavalt HIG – Swipe Actions’ile. Värvide tähendust mõistavad iOS-kasutajad kohe: punane = ettevaatust, sinine = ohutu.


Kustutamine kinnitusega (pühkimine vasakule)

Kinnitusdialoog pärast parameetril vasakule pühkimist
Joon. 72 — Kinnitusdialoog pärast parameetril vasakule pühkimist

Kui pühid paremalt vasakule ja puudutad „Kustuta”, ilmub kinnitusdialoog – kõigi elementide jaoks, mis eemaldatakse jäädavalt:

Pühi paremalt vasakule
→ Puuduta punast „Kustuta"-nuppu
→ Ilmub kinnitusdialoog
→ Puuduta uuesti „Kustuta" (või „Tühista")

See kaheastmeline protsess väldib juhuslikke kustutamisi. Muster järgib Apple’i HIG – Destructive Actions’it.

⚠️ Pärast kinnitamist ei ole toiming pöörduv – mõtle enne puudutamist alati korraks järele!


Muutmine paremale pühkimisega

Paremale pühkimine näitab loendikirjel sinist muutmisnuppu
Joon. 73 — Paremale pühkimine näitab loendikirjel sinist muutmisnuppu

Kui pühid vasakult paremale, ilmub sinine „Muuda”-nupp. See on kiireim viis kirje otse loendist avamiseks – ilma seda puudutamata.

💡 Paremale pühkimine ei ole rakenduses kõikjal saadaval – ainult seal, kus kiire muutmistoiming on mõistlik (nt parameetrid, grupid, raportid).


Armatuurlaudade vahetamine

Pühkimine kahe armatuurlaua vahel – vasakule pühkimine armatuurlaual
Joon. 74 — Pühkimine kahe armatuurlaua vahel – vasakule pühkimine armatuurlaual

Armatuurlaual endal (mitte loendis) tähendab pühkimine midagi muud:

Žest Kus Mis juhtub
Vasakult paremale Armatuurlaua põhivaade Eelmine armatuurlaud
Paremalt vasakule Armatuurlaua põhivaade Järgmine armatuurlaud

Armatuurlaua pühkimine on eraldiseisev loendi pühkimisest. Pühkimine paani või loendikirje sees käivitab loenditoimingu – pühkimine armatuurlaua vabal taustal vahetab armatuurlaua.


Kontekstimenüü (pikk vajutus loendikirjel)

Kontekstimenüü muutmise, eksportimise ja kustutamisega pärast pikka vajutust
Joon. 75 — Kontekstimenüü muutmise, eksportimise ja kustutamisega pärast pikka vajutust

Loendikirjel pikk vajutus avab kontekstimenüü, kus on kõik saadaolevad toimingud ühe pilguga näha. Kontekstimenüü peegeldab pühkimistoiminguid:

Kontekstimenüü sisu (näide: parameeter):
  ✏️  Muuda         (= paremale pühkimine)
  📤  Ekspordi       (ainult kontekstimenüüs)
  🔔  Meeldetuletus  (ainult kontekstimenüüs)
  ──────────────
  🗑️  Kustuta        (= vasakule pühkimine, punaselt esile tõstetud)

💡 Kontekstimenüü on kasulik siis, kui soovid näha kõiki toiminguid teadmata, kas neile on ka pühkimine olemas – kõik ühe pilguga, ilma arvamiseta.

Vastavalt HIG – Context Menus’ile on hävitavad toimingud kontekstimenüüdes alati punased ja paigutatud loendi lõppu.


Tööriistariba elemendid ja navigeerimine

Tööriistariba tagasinoole, pealkirja, impordi/ekspordi sümboli ja plussiga
Joon. 76 — Tööriistariba tagasinoole, pealkirja, impordi/ekspordi sümboli ja plussiga
Element Sümbol Tähendus
Tagasi navigeerimine ← (üleval vasakul) Naaseb eelmisele lehele
Import/Eksport ↑↓ (üleval paremal) Import / Eksport
Pluss + (üleval paremal) Lisa uus element
Ellips / Veel … (üleval paremal) Alammenüü rohkemate toimingutega
Kerimisriba Õhuke riba (paremal) Lehel on rohkem sisu
Lohistamisikoon ≡ (3 joont paremal) Element on sorditav

Armatuurlaud: kaks žesti ühel paanil

Lühike puudutus salvestab sündmuse, pikk vajutus avab ajaloo – samal paanil
Joon. 77 — Lühike puudutus salvestab sündmuse, pikk vajutus avab ajaloo – samal paanil

Armatuurlaual on samal paanil kaks erinevat toimingut:

Lühike puudutus → Salvesta sündmus (põhitoiming)
Pikk vajutus     → Ava sündmuste ajalugu + otsing (teisene toiming)

See on kõige olulisem rakendusespetsiifiline žest. See võimaldab sul kahe lihtsa žestiga nii uusi andmeid sisestada kui ka varasemaid kandeid vaadata – ilma vaateid vahetamata.


Kiirviide: kõige olulisemad toimingud

Salvesta sündmus:          Ava armatuurlaud → lühike puudutus paanil
Ava sündmuste ajalugu:     Armatuurlaud → pikk vajutus paanil
Paranda sündmust:          Pikk vajutus paanil → vali kirje → Muuda
Kustuta kirje:             Loendis pühi paremalt vasakule → Kustuta → Kinnita
Muuda kirjet:               Loendis pühi vasakult paremale → Muuda
Kontekstimenüü kirjel:      Pikk vajutus loendikirjel → vali toiming
Vaheta armatuurlaud:        Pühi armatuurlaua taustal (vasakule/paremale)
Sulge sheet:                Pühi sheet allapoole või puuduta Tühista/Sulge