Gestik og betjening

Et overblik over alle berøringsgestik, swipe-handlinger og betjeningselementer i appen – tilpasset efter Apples Human Interface Guidelines.


Grundprincipper

Appen følger Apples Human Interface Guidelines (HIG). Alle, der kender iOS-apps, vil genkende de fleste gestik med det samme. Dette kapitel forklarer de vigtigste gestik – især de app-specifikke forskelle.

Det vigtigste princip: Destruktive handlinger (slet) er altid til venstre, ikke-destruktive handlinger (rediger) er altid til højre. Dette er iOS-standard og forhindrer utilsigtet sletning.


Visninger og sheets

Appen bruger to typer skærmbilleder:

Almindelig visning — med tilbagepil i navigationsbjælken
Fig. 66 — Almindelig visning — med tilbagepil i navigationsbjælken
Sheet-visning — åbnes nedefra, håndtag i toppen
Fig. 67 — Sheet-visning — åbnes nedefra, håndtag i toppen

Almindelig visning (navigation push): Et nyt skærmbillede glider ind fra højre. En tilbagepil (←) vises øverst til venstre. Denne visning tilhører navigationshierarkiet.

Sheet: Et sheet åbnes nedefra. Det har et lille håndtag (kort bjælke øverst i midten) og lægger sig over den forrige visning.


Lukke et sheet

Et sheet kan lukkes på tre måder:

Metode Gestik
Swipe ned Placer fingeren nær toppen af sheet’et, træk nedad
Træk i håndtaget Træk den lille bjælke øverst i midten nedad
Annuller-knap Tryk på Annuller eller Luk

💡 At swipe ned virker altid – også når ingen knap er synlig.


Listevisning

Listevisning med flere poster
Fig. 68 — Listevisning med flere poster

Lister viser poster med adskillelseslinjer. Hver post kan trykkes for at åbne eller redigere den. Poster med et ≡ trækikon (tre streger til højre) kan omorganiseres ved langt tryk på ikonet.

Se afsnittene nedenfor for swipe-handlinger i lister.


Tryk (kort)

Kort tryk på flise og listepost
Fig. 69 — Kort tryk på flise og listepost

Den mest almindelige gestik: et kort tryk udløser elementets hovedhandling.

Hvor Hvad sker der
Dashboard-flise Registrer hændelse (hovedhandling)
Listepost Åbn konfiguration eller detalje
‹+› Plus Tilføj nyt element
Udført / Næste / Gem Bekræft handling
Annuller / Tilbage Annuller, ingen ændring

💡 Alle knapper kan trykkes på over deres fulde bredde. Du behøver ikke sigte præcist efter ikonet eller teksten.


Langt tryk (hold)

Langt tryk: dashboard-flise åbner historik, listepost aktiverer sortering
Fig. 70 — Langt tryk: dashboard-flise åbner historik, listepost aktiverer sortering

Et langt tryk aktiverer en sekundær handling – men hvad det betyder, afhænger af konteksten:

Hvor Hvad sker der
Dashboard-flise Åbn og gennemsøg hændelseshistorik
“Avanceret”-flisen i indstillingsdashboardet Åbner listevisningen med avancerede indstillinger
‹≡› Trækikon (3 streger) i lister Slip element for sortering

⚠️ Bemærk: Langt tryk betyder forskellige ting på dashboardet og i listekonfigurationer. Det er en systembegrænsning – iOS tilbyder kun et begrænset antal gestik.

💡 At slippe for sortering bekræftes med et visuelt og haptisk signal (kort vibration).

Dashboard:          Langt tryk → hændelseshistorik
                    (Hovedhandling: kort tryk → registrer hændelse)

Indstillingsdashboard: Langt tryk "Avanceret" → åbn listevisning
                        (Tryk på post → åbn indstillingssheet)

Indstillingsliste:  Langt tryk ≡ → start omorganisering
                     (Tryk på post → åbn konfiguration)

Swipe: listehandlinger (venstre og højre)

Swipe til venstre viser rød slet-knap, swipe til højre viser blå rediger-knap
Fig. 71 — Swipe til venstre viser rød slet-knap, swipe til højre viser blå rediger-knap

I lister findes der to swipe-retninger med klart adskilte roller:

Retning Farve Betydning Eksempler
Højre mod venstre 🔴 Rød Destruktiv – irreversibel Slet, fjern
Venstre mod højre 🔵 Blå Ikke-destruktiv – sikker Rediger, omdøb

Dette mønster er iOS-standard ifølge HIG – Swipe-handlinger. Farvesemantikken forstås straks af iOS-brugere: rød = forsigtighed, blå = sikker.


Slet med bekræftelse (swipe til venstre)

Bekræftelsesdialog efter venstre swipe på en parameter
Fig. 72 — Bekræftelsesdialog efter venstre swipe på en parameter

Når du swiper fra højre mod venstre og trykker på “Slet”, vises en bekræftelsesdialog – for alle elementer, der vil blive fjernet permanent:

Swipe fra højre mod venstre
→ Tryk på den røde "Slet"-knap
→ Bekræftelsesdialog vises
→ Tryk på "Slet" igen (eller "Annuller")

Denne totrinsproces forhindrer utilsigtede sletninger. Mønsteret følger Apples HIG – destruktive handlinger.

⚠️ Efter bekræftelse er handlingen ikke reversibel – tænk altid dig om et kort øjeblik, før du trykker!


Redigering via swipe til højre

Swipe til højre viser blå rediger-knap på en listepost
Fig. 73 — Swipe til højre viser blå rediger-knap på en listepost

Når du swiper fra venstre mod højre, vises knappen “Rediger” i blåt. Dette er den hurtigste måde at åbne en post direkte fra listen – uden at skulle trykke på den.

💡 Swipe til højre er ikke tilgængelig alle steder i appen – kun hvor en hurtig redigeringshandling giver mening (f.eks. parametre, grupper, rapporter).


Skift mellem dashboards

Swiping mellem to dashboards – swipe til venstre på dashboardet
Fig. 74 — Swiping mellem to dashboards – swipe til venstre på dashboardet

selve dashboardet (ikke i en liste) betyder swipe noget andet:

Gestik Hvor Hvad sker der
Venstre mod højre Dashboardets hovedvisning Forrige dashboard
Højre mod venstre Dashboardets hovedvisning Næste dashboard

Dashboard-swipe er adskilt fra liste-swipe. Swipe inden i en flise eller listepost udløser listehandlingen – swipe på den frie dashboard-baggrund skifter dashboard.


Kontekstmenu (langt tryk på listepost)

Kontekstmenu med rediger, eksporter og slet efter langt tryk
Fig. 75 — Kontekstmenu med rediger, eksporter og slet efter langt tryk

Et langt tryk på en listepost åbner en kontekstmenu med alle tilgængelige handlinger på én gang. Kontekstmenuen afspejler swipe-handlingerne:

Kontekstmenuens indhold (eksempel: parameter):
  ✏️  Rediger    (= swipe til højre)
  📤  Eksporter  (kun kontekstmenu)
  🔔  Påmindelse (kun kontekstmenu)
  ──────────────
  🗑️  Slet       (= swipe til venstre, fremhævet rødt)

💡 Kontekstmenuen er praktisk, når du vil se alle handlinger uden at vide, om der findes en swipe til dem – alt på én gang, ingen gætteri.

Ifølge HIG – kontekstmenuer er destruktive handlinger i kontekstmenuer altid røde og placeret sidst på listen.


Værktøjslinjeelementer og navigation

Værktøjslinje med tilbagepil, titel, import/eksport-symbol og plus
Fig. 76 — Værktøjslinje med tilbagepil, titel, import/eksport-symbol og plus
Element Symbol Betydning
Naviger tilbage ← (øverst til venstre) Gå tilbage til forrige side
Import/eksport ↑↓ (øverst til højre) Importer / eksporter
Plus + (øverst til højre) Tilføj nyt element
Ellipse / mere … (øverst til højre) Undermenu med flere handlinger
Rullebjælke Tynd bjælke (højre) Siden har mere indhold
Trækikon ≡ (3 streger til højre) Elementet kan sorteres

Dashboard: to gestik på samme flise

Kort tryk registrerer hændelse, langt tryk åbner historik – på samme flise
Fig. 77 — Kort tryk registrerer hændelse, langt tryk åbner historik – på samme flise

Dashboardet har to forskellige handlinger for samme flise:

Kort tryk  → Registrer hændelse (hovedhandling)
Langt tryk → Åbn hændelseshistorik + søgning (sekundær handling)

Dette er den vigtigste app-specifikke gestik. Den giver dig mulighed for både at indtaste nye data og slå tidligere poster op med to enkle gestik – uden at skifte visning.


Hurtig oversigt: de vigtigste handlinger

Registrer hændelse:      Åbn dashboard → kort tryk på flise
Åbn hændelseshistorik:   Dashboard → langt tryk på flise
Ret hændelse:             Langt tryk på flise → vælg post → Rediger
Slet post:                 I liste, swipe fra højre mod venstre → Slet → Bekræft
Rediger post:               I liste, swipe fra venstre mod højre → Rediger
Kontekstmenu på post:     Langt tryk på listepost → vælg handling
Skift dashboard:          Swipe på dashboard-baggrund (venstre/højre)
Luk sheet:                 Swipe sheet nedad, eller tryk på Annuller/Luk