Gester och styrning

En översikt över alla pekgester, svepåtgärder och styrelement i appen – i linje med Apples Human Interface Guidelines.


Grundprinciper

Appen följer Apples Human Interface Guidelines (HIG). Alla som är bekanta med iOS-appar känner igen de flesta gester direkt. Det här kapitlet förklarar de viktigaste gesterna – särskilt de appspecifika skillnaderna.

Den viktigaste principen: Destruktiva åtgärder (radera) finns alltid till vänster, icke-destruktiva åtgärder (redigera) finns alltid till höger. Detta är iOS-standard och förhindrar oavsiktlig borttagning.


Vyer och blad

Appen använder två typer av skärmar:

(Screenshot: gesten-10-normaler-view)

(Screenshot: gesten-11-sheet)

Vanlig vy (navigeringspush): En ny skärm glider in från höger. En bakåtpil (←) visas uppe till vänster. Den här vyn tillhör navigeringshierarkin.

Blad: Ett blad öppnas nedifrån. Det har ett litet piller-handtag (kort stapel högst upp i mitten) och lägger sig ovanpå den föregående vyn.


Stänga ett blad

Ett blad kan stängas på tre sätt:

Metod Gest
Svep nedåt Placera fingret nära bladets topp, dra nedåt
Dra i handtaget Dra den lilla stapeln högst upp i mitten nedåt
Avbryt-knapp Tryck på Avbryt eller Stäng

💡 Att svepa nedåt fungerar alltid – även när ingen knapp syns.


Listvy

(Screenshot: gesten-12-listenansicht)

Listor visar poster med avgränsningslinjer. Varje post kan tryckas på för att öppnas eller redigeras. Poster med en ≡ dragikon (tre linjer till höger) kan ordnas om genom att långt trycka på den ikonen.

Se avsnitten nedan för svepåtgärder i listor.


Tryck (kort)

(Screenshot: gesten-01-tippen)

Den vanligaste gesten: ett kort tryck utlöser elementets huvudåtgärd.

Var Vad händer
Instrumentpanelruta Registrera händelse (huvudåtgärd)
Listpost Öppna konfiguration eller detaljer
‹+› Plus Lägg till nytt element
Klar / Nästa / Spara Bekräfta åtgärd
Avbryt / Tillbaka Avbryt, ingen ändring

💡 Alla knappar går att trycka på över hela sin bredd. Du behöver inte sikta exakt på ikonen eller texten.


Långt tryck (håll ner)

(Screenshot: gesten-02-lang-tippen)

Ett långt tryck aktiverar en sekundär åtgärd – men vad det innebär beror på sammanhanget:

Var Vad händer
Instrumentpanelruta Öppna och sök i händelsehistorik
“Avancerat”-rutan i inställningarnas instrumentpanel Öppnar listvyn för avancerade inställningar
‹≡› Dragikon (3 linjer) i listor Släpp elementet för sortering

⚠️ Obs: Långt tryck på instrumentpanelen och i listkonfigurationer betyder olika saker. Det är en systembegränsning – iOS erbjuder bara ett begränsat antal gester.

💡 Att släppa för sortering bekräftas med en visuell och haptisk signal (kort vibration).

Instrumentpanel:    Långt tryck → händelsehistorik
                    (Huvudåtgärd: kort tryck → registrera händelse)

Inställningarnas    Långt tryck "Avancerat" → öppna listvy
instrumentpanel:    (Tryck på post → öppna inställningsblad)

Inställningslista:  Långt tryck ≡ → starta omordning
                    (Tryck på post → öppna konfiguration)

Svep: Liståtgärder (vänster och höger)

(Screenshot: gesten-03-wischen-liste)

I listor finns det två svepriktningar med tydligt separerade roller:

Riktning Färg Betydelse Exempel
Höger till vänster ← 🔴 Röd Destruktiv – irreversibel Radera, ta bort
Vänster till höger → 🔵 Blå Icke-destruktiv – säker Redigera, byt namn

Det här mönstret är iOS-standard enligt HIG – Swipe Actions. Färgsemantiken förstås direkt av iOS-användare: rött = varning, blått = säkert.


Radera med bekräftelse (svep vänster)

(Screenshot: gesten-04-loeschen-bestaetigung)

När du sveper från höger till vänster och trycker på “Radera” visas en bekräftelsedialog – för alla element som tas bort permanent:

Svep höger till vänster
→ Tryck på röd "Radera"-knapp
→ Bekräftelsedialog visas
→ Tryck på "Radera" igen (eller "Avbryt")

Den här tvåstegsprocessen förhindrar oavsiktliga raderingar. Mönstret följer Apples HIG – Destructive Actions.

⚠️ Efter bekräftelsen är åtgärden inte reversibel – tänk alltid efter kort innan du trycker!


Redigera via högersvep

(Screenshot: gesten-05-bearbeiten-swipe)

När du sveper från vänster till höger visas knappen “Redigera” i blått. Det är det snabbaste sättet att öppna en post direkt från listan – utan att behöva trycka på den.

💡 Högersvepet är inte tillgängligt överallt i appen – bara där en snabb redigeringsåtgärd är meningsfull (t.ex. parametrar, grupper, rapporter).


Växla mellan instrumentpaneler

(Screenshot: gesten-06-dashboard-navigation)

På själva instrumentpanelen (inte i en lista) betyder svepning något annat:

Gest Var Vad händer
Vänster till höger → Instrumentpanelens huvudvy Föregående instrumentpanel
Höger till vänster ← Instrumentpanelens huvudvy Nästa instrumentpanel

Svepning på instrumentpanelen är separat från svepning i listor. Att svepa inom en ruta eller listpost utlöser liståtgärden – att svepa på den fria instrumentpanelsbakgrunden växlar instrumentpanel.


Kontextmeny (långt tryck på listpost)

(Screenshot: gesten-07-kontextmenue)

Ett långt tryck på en listpost öppnar en kontextmeny med alla tillgängliga åtgärder samlade. Kontextmenyn speglar svepåtgärderna:

Kontextmenyns innehåll (exempel: parameter):
  ✏️  Redigera   (= högersvep)
  📤  Exportera  (endast kontextmeny)
  🔔  Påminnelse (endast kontextmeny)
  ──────────────
  🗑️  Radera     (= vänstersvep, markerad röd)

💡 Kontextmenyn är användbar när du vill se alla åtgärder utan att veta om det finns ett svep för dem – allt samlat, inget gissande.

Enligt HIG – Context Menus är destruktiva åtgärder i kontextmenyer alltid röda och placerade sist i listan.


Verktygsfältselement och navigering

(Screenshot: gesten-08-bedienelemente)

Element Symbol Betydelse
Navigera tillbaka ← (uppe till vänster) Gå tillbaka till föregående sida
Import/export ↑↓ (uppe till höger) Importera / exportera
Plus + (uppe till höger) Lägg till nytt element
Ellips / Mer … (uppe till höger) Undermeny med fler åtgärder
Rullningslist Tunn stapel (höger) Sidan har mer innehåll
Dragikon ≡ (3 linjer höger) Elementet är sorterbart

Instrumentpanel: Två gester på en ruta

(Screenshot: gesten-09-dashboard-doppelgeste)

Instrumentpanelen har två olika åtgärder för samma ruta:

Kort tryck  → Registrera händelse (huvudåtgärd)
Långt tryck → Öppna händelsehistorik + sökning (sekundär åtgärd)

Det här är den viktigaste appspecifika gesten. Den låter dig både registrera nya data och slå upp tidigare poster med två enkla gester – utan att växla vy.


Snabbreferens: De viktigaste åtgärderna

Registrera händelse:       Öppna instrumentpanel → kort tryck på ruta
Öppna händelsehistorik:    Instrumentpanel → långt tryck på ruta
Korrigera händelse:        Långt tryck på ruta → välj post → Redigera
Ta bort post:               I lista, svep höger till vänster → Radera → Bekräfta
Redigera post:               I lista, svep vänster till höger → Redigera
Kontextmeny på post:        Långt tryck på listpost → välj åtgärd
Växla instrumentpanel:       Svep på instrumentpanelens bakgrund (vänster/höger)
Stäng blad:                  Svep bladet nedåt, eller tryck på Avbryt/Stäng