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:

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:

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

Listvy

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)

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)

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)

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

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)

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

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

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

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)

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

Instrumentpanel: Två gester på en ruta

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