Geste i upravljanje

Pregled svih dodirnih gesti, poteza povlačenja i kontrola u aplikaciji – usklađenih s Appleovim Human Interface Guidelines.

Temeljna načela

Aplikacija slijedi Appleove Human Interface Guidelines (HIG). Svatko tko je upoznat s iOS aplikacijama odmah će prepoznati većinu gesti. Ovo poglavlje objašnjava najvažnije geste – posebno razlike specifične za ovu aplikaciju.

Najvažnije načelo: Destruktivne radnje (brisanje) uvijek su lijevo, nedestruktivne radnje (uređivanje) uvijek su desno. Ovo je standard iOS-a i sprječava slučajno brisanje.

Prikazi i sheetovi

Aplikacija koristi dvije vrste zaslona:

(Screenshot: gesten-10-normaler-view)

(Screenshot: gesten-11-sheet)

Regularni prikaz (navigacijski push): novi zaslon uklizi s desne strane. Strelica natrag (←) pojavljuje se gore lijevo. Ovaj prikaz pripada navigacijskoj hijerarhiji.

Sheet: sheet se otvara odozdo. Ima malu ručku u obliku tablete (kratka traka na vrhu sredine) i prekriva prethodni prikaz.

Zatvaranje sheeta

Sheet se može zatvoriti na tri načina:

💡 Povlačenje prema dolje uvijek funkcionira – čak i kad gumb nije vidljiv.

Prikaz popisa

(Screenshot: gesten-12-listenansicht)

Popisi prikazuju unose s razdjelnim linijama. Svaki unos moguće je dodirnuti za otvaranje ili uređivanje. Unosi s ≡ ikonom za povlačenje (tri crte desno) mogu se preurediti dugim pritiskom na tu ikonu.

Pogledaj odjeljke ispod za poteze povlačenja u popisima.

Dodir (kratki)

(Screenshot: gesten-01-tippen)

Najčešća gesta: kratki dodir pokreće glavnu radnju elementa.

Gdje	Što se događa
Pločica na nadzornoj ploči	Bilježenje događaja (glavna radnja)
Unos popisa	Otvaranje konfiguracije ili detalja
Plus	Dodavanje novog elementa
Gotovo / Dalje / Spremi	Potvrda radnje
Odustani / Natrag	Otkazivanje, bez promjene

💡 Svi gumbi su dodirljivi po cijeloj širini. Ne moraš precizno ciljati ikonu ili tekst.

Dugi pritisak (drži)

(Screenshot: gesten-02-lang-tippen)

Dugi pritisak aktivira sekundarnu radnju – no što to znači ovisi o kontekstu:

Gdje	Što se događa
Pločica na nadzornoj ploči	Otvaranje i pretraživanje povijesti događaja
Pločica “Napredno” na nadzornoj ploči postavki	Otvara popis naprednih postavki
Ikona za povlačenje (3 crte) u popisima	Otpuštanje elementa za sortiranje

⚠️ Napomena: Dugi pritisak na nadzornoj ploči i u konfiguracijama popisa znači različite stvari. Ovo je ograničenje na razini sustava – iOS nudi ograničen broj gesti.

💡 Otpuštanje za sortiranje potvrđuje se vizualnim i haptičkim signalom (kratka vibracija).

Nadzorna ploča:        Dugi pritisak → povijest događaja
                       (Glavna radnja: kratki dodir → bilježenje događaja)

Nadzorna ploča postavki: Dugi pritisak "Napredno" → otvara popis
                         (Dodir unosa → otvara sheet postavki)

Popis postavki:        Dugi pritisak ≡ → počinje preuređivanje
                       (Dodir unosa → otvara konfiguraciju)

Povlačenje: radnje u popisu (lijevo i desno)

(Screenshot: gesten-03-wischen-liste)

U popisima postoje dva smjera povlačenja s jasno odvojenim ulogama:

Ovaj obrazac je standard iOS-a prema HIG – Swipe Actions. Semantiku boja korisnici iOS-a odmah razumiju: crveno = oprez, plavo = sigurno.

Brisanje uz potvrdu (povlačenje ulijevo)

(Screenshot: gesten-04-loeschen-bestaetigung)

Kad povučeš zdesna nalijevo i dodirneš “Izbriši”, pojavljuje se dijalog potvrde – za sve elemente koji će biti trajno uklonjeni:

Povuci zdesna nalijevo
→ Dodirni crveni gumb "Izbriši"
→ Pojavljuje se dijalog potvrde
→ Dodirni "Izbriši" ponovno (ili "Odustani")

Ovaj dvostupanjski proces sprječava slučajno brisanje. Obrazac slijedi Appleov HIG – Destructive Actions.

⚠️ Nakon potvrde radnja nije povratna – uvijek kratko razmisli prije dodira!

Uređivanje povlačenjem udesno

(Screenshot: gesten-05-bearbeiten-swipe)

Kad povučeš slijeva nadesno, pojavljuje se plavi gumb “Uredi”. Ovo je najbrži način za izravno otvaranje unosa iz popisa – bez potrebe za dodirom.

💡 Povlačenje udesno nije dostupno posvuda u aplikaciji – samo tamo gdje brza radnja uređivanja ima smisla (npr. parametri, skupine, izvještaji).

Prebacivanje između nadzornih ploča

(Screenshot: gesten-06-dashboard-navigation)

Na samoj nadzornoj ploči (ne u popisu) povlačenje znači nešto drugo:

Povlačenje na nadzornoj ploči odvojeno je od povlačenja u popisu. Povlačenje unutar pločice ili unosa popisa pokreće radnju popisa – povlačenje po slobodnoj pozadini nadzorne ploče mijenja nadzornu ploču.

Kontekstni izbornik (dugi pritisak na unos popisa)

(Screenshot: gesten-07-kontextmenue)

Dugi pritisak na unos popisa otvara kontekstni izbornik sa svim dostupnim radnjama na jednom mjestu. Kontekstni izbornik odražava poteze povlačenja:

Sadržaj kontekstnog izbornika (primjer: parametar):
  ✏️  Uredi     (= povlačenje udesno)
  📤  Izvoz     (samo kontekstni izbornik)
  🔔  Podsjetnik (samo kontekstni izbornik)
  ──────────────
  🗑️  Izbriši   (= povlačenje ulijevo, istaknuto crveno)

💡 Kontekstni izbornik koristan je kad želiš vidjeti sve radnje bez da znaš postoji li za njih povlačenje – sve na jednom mjestu, bez nagađanja.

Prema HIG – Context Menus, destruktivne radnje u kontekstnim izbornicima uvijek su crvene i smještene na kraju popisa.

Elementi alatne trake i navigacija

(Screenshot: gesten-08-bedienelemente)

Nadzorna ploča: dvije geste na jednoj pločici

(Screenshot: gesten-09-dashboard-doppelgeste)

Nadzorna ploča ima dvije različite radnje za istu pločicu:

Kratki dodir  → Bilježenje događaja (glavna radnja)
Dugi pritisak → Otvaranje povijesti događaja + pretraživanje (sekundarna radnja)

Ovo je najvažnija gesta specifična za aplikaciju. Omogućuje ti da dvjema jednostavnim gestama unosiš nove podatke i pretražuješ prethodne unose – bez prebacivanja prikaza.

Brzi pregled: najvažnije radnje

Bilježenje događaja:        Otvori nadzornu ploču → kratki dodir pločice
Otvaranje povijesti:        Nadzorna ploča → dugi pritisak pločice
Ispravljanje događaja:      Dugi pritisak pločice → odaberi unos → Uredi
Brisanje unosa:              U popisu, povuci zdesna nalijevo → Izbriši → Potvrdi
Uređivanje unosa:            U popisu, povuci slijeva nadesno → Uredi
Kontekstni izbornik unosa:   Dugi pritisak na unos popisa → odaberi radnju
Prebacivanje nadzorne ploče: Povuci po pozadini nadzorne ploče (lijevo/desno)
Zatvaranje sheeta:           Povuci sheet prema dolje ili dodirni Odustani/Zatvori