Gebaren & Bediening

Een overzicht van alle tikgebaren, swipeacties en bedieningselementen in de app – afgestemd op Apples Human Interface Guidelines.


Basisprincipes

De app volgt Apples Human Interface Guidelines (HIG). Iedereen die bekend is met iOS-apps herkent de meeste gebaren meteen. Dit hoofdstuk legt de belangrijkste gebaren uit – vooral de app-specifieke verschillen.

Het belangrijkste principe: Destructieve acties (verwijderen) staan altijd links, niet-destructieve acties (bewerken) staan altijd rechts. Dit is de iOS-standaard en voorkomt onbedoeld verwijderen.


Weergaven en sheets

De app gebruikt twee soorten schermen:

Normale weergave β€” met terugpijl in de navigatiebalk
Afb.Β 66 β€” Normale weergave β€” met terugpijl in de navigatiebalk
Sheetweergave β€” opent van onderaf, greepbalkje bovenaan
Afb.Β 67 β€” Sheetweergave β€” opent van onderaf, greepbalkje bovenaan

Normale weergave (navigatie-push): Een nieuw scherm schuift van rechts in beeld. Linksboven verschijnt een terugpijl (←). Deze weergave hoort bij de navigatiehiΓ«rarchie.

Sheet: Een sheet opent van onderaf. Het heeft een klein greepbalkje (kort streepje bovenaan in het midden) en overlapt de vorige weergave.


Een sheet sluiten

Een sheet kan op drie manieren worden gesloten:

Methode Gebaar
Naar beneden swipen Plaats je vinger bovenaan de sheet en sleep omlaag
Greepbalkje slepen Sleep het kleine balkje bovenaan in het midden omlaag
Annuleren-knop Tik op Annuleren of Sluiten

πŸ’‘ Naar beneden swipen werkt altijd – ook als er geen knop zichtbaar is.


Lijstweergave

Lijstweergave met meerdere items
Afb.Β 68 β€” Lijstweergave met meerdere items

Lijsten tonen items met scheidingslijnen. Elk item kan worden aangetikt om te openen of te bewerken. Items met een ≑ sleeppictogram (drie lijnen rechts) kunnen opnieuw worden gerangschikt door dat pictogram lang in te drukken.

Zie de onderstaande secties voor swipeacties in lijsten.


Tikken (kort)

Korte tik op tegel en lijstitem
Afb.Β 69 β€” Korte tik op tegel en lijstitem

Het meest voorkomende gebaar: een korte tik activeert de hoofdactie van een element.

Waar Wat gebeurt er
Dashboardtegel Gebeurtenis vastleggen (hoofdactie)
Lijstitem Configuratie of detail openen
β€Ή+β€Ί Plus Nieuw element toevoegen
Klaar / Volgende / Opslaan Actie bevestigen
Annuleren / Terug Annuleren, geen wijziging

πŸ’‘ Alle knoppen zijn over hun volledige breedte aantikbaar. Je hoeft niet precies op het pictogram of de tekst te mikken.


Lang indrukken (vasthouden)

Lang indrukken: dashboardtegel opent geschiedenis, lijstitem schakelt sorteren in
Afb.Β 70 β€” Lang indrukken: dashboardtegel opent geschiedenis, lijstitem schakelt sorteren in

Lang indrukken activeert een secundaire actie – maar wat dat betekent hangt af van de context:

Waar Wat gebeurt er
Dashboardtegel Gebeurtenisgeschiedenis openen en doorzoeken
β€œGeavanceerd”-tegel in het instellingendashboard Opent de lijstweergave met geavanceerde instellingen
‹≑› Sleeppictogram (3 lijnen) in lijsten Element loslaten om te sorteren

⚠️ Let op: Lang indrukken op het dashboard en in lijstconfiguraties betekent iets anders. Dit is een systeembeperking – iOS biedt slechts een beperkt aantal gebaren.

πŸ’‘ Loslaten om te sorteren wordt bevestigd met een visueel en haptisch signaal (korte trilling).

Dashboard:            Lang indrukken β†’ gebeurtenisgeschiedenis
                      (Hoofdactie: korte tik β†’ gebeurtenis vastleggen)

Instellingendashboard: Lang indrukken "Geavanceerd" β†’ lijstweergave openen
                       (Tik op item β†’ instellingensheet openen)

Instellingenlijst:     Lang indrukken ≑ β†’ herschikken starten
                       (Tik op item β†’ configuratie openen)

Swipe naar links toont rode verwijderknop, swipe naar rechts toont blauwe bewerkknop
Afb.Β 71 β€” Swipe naar links toont rode verwijderknop, swipe naar rechts toont blauwe bewerkknop

In lijsten zijn er twee swiperichtingen met duidelijk gescheiden rollen:

Richting Kleur Betekenis Voorbeelden
Rechts naar links ← πŸ”΄ Rood Destructief – onomkeerbaar Verwijderen, wissen
Links naar rechts β†’ πŸ”΅ Blauw Niet-destructief – veilig Bewerken, hernoemen

Dit patroon is de iOS-standaard volgens HIG – Swipe Actions. De kleursemantiek wordt door iOS-gebruikers direct begrepen: rood = voorzichtig, blauw = veilig.


Bevestigingsdialoog na swipe naar links op een parameter
Afb.Β 72 β€” Bevestigingsdialoog na swipe naar links op een parameter

Wanneer je van rechts naar links swipet en op β€œVerwijderen” tikt, verschijnt een bevestigingsdialoog – voor alle elementen die permanent worden verwijderd:

Swipe van rechts naar links
β†’ Tik op de rode "Verwijderen"-knop
β†’ Bevestigingsdialoog verschijnt
β†’ Tik nogmaals op "Verwijderen" (of "Annuleren")

Dit tweestapsproces voorkomt onbedoeld verwijderen. Het patroon volgt Apples HIG – Destructive Actions.

⚠️ Na bevestiging is de actie niet omkeerbaar – denk altijd even na voordat je tikt!


Bewerken via swipe naar rechts

Swipe naar rechts toont blauwe bewerkknop op een lijstitem
Afb.Β 73 β€” Swipe naar rechts toont blauwe bewerkknop op een lijstitem

Wanneer je van links naar rechts swipet, verschijnt de knop β€œBewerken” in het blauw. Dit is de snelste manier om een item direct vanuit de lijst te openen – zonder dat je erop hoeft te tikken.

πŸ’‘ De swipe naar rechts is niet overal in de app beschikbaar – alleen waar een snelle bewerkactie zinvol is (bijv. parameters, groepen, rapporten).


Wisselen tussen dashboards

Swipen tussen twee dashboards – swipe naar links op het dashboard
Afb.Β 74 β€” Swipen tussen twee dashboards – swipe naar links op het dashboard

Op het dashboard zelf (niet in een lijst) betekent swipen iets anders:

Gebaar Waar Wat gebeurt er
Links naar rechts β†’ Dashboard-hoofdweergave Vorige dashboard
Rechts naar links ← Dashboard-hoofdweergave Volgende dashboard

Dashboard-swipen staat los van lijst-swipen. Swipen binnen een tegel of lijstitem activeert de lijstactie – swipen op de vrije dashboardachtergrond wisselt het dashboard.


Contextmenu (lang indrukken op een lijstitem)

Contextmenu met bewerken, exporteren en verwijderen na lang indrukken
Afb.Β 75 β€” Contextmenu met bewerken, exporteren en verwijderen na lang indrukken

Lang indrukken op een lijstitem opent een contextmenu met alle beschikbare acties in één oogopslag. Het contextmenu weerspiegelt de swipeacties:

Inhoud contextmenu (voorbeeld: parameter):
  ✏️  Bewerken    (= swipe naar rechts)
  πŸ“€  Exporteren  (alleen contextmenu)
  πŸ””  Herinnering (alleen contextmenu)
  ──────────────
  πŸ—‘οΈ  Verwijderen (= swipe naar links, rood gemarkeerd)

πŸ’‘ Het contextmenu is handig als je alle acties wilt zien zonder te weten of er een swipe voor bestaat – alles in één oogopslag, geen giswerk.

Volgens HIG – Context Menus staan destructieve acties in contextmenu’s altijd rood en onderaan de lijst.


Werkbalkelementen en navigatie

Werkbalk met terugpijl, titel, import/export-symbool en plus
Afb.Β 76 β€” Werkbalk met terugpijl, titel, import/export-symbool en plus
Element Symbool Betekenis
Terug navigeren ← (linksboven) Terug naar vorige pagina
Import/Export ↑↓ (rechtsboven) Importeren / Exporteren
Plus + (rechtsboven) Nieuw element toevoegen
Ellips / Meer … (rechtsboven) Submenu met meer acties
Scrollbalk Dunne balk (rechts) Pagina heeft meer inhoud
Sleeppictogram ≑ (3 lijnen rechts) Element is sorteerbaar

Dashboard: twee gebaren op één tegel

Korte tik legt gebeurtenis vast, lang indrukken opent geschiedenis – op dezelfde tegel
Afb.Β 77 β€” Korte tik legt gebeurtenis vast, lang indrukken opent geschiedenis – op dezelfde tegel

Het dashboard heeft twee verschillende acties voor dezelfde tegel:

Korte tik      β†’ Gebeurtenis vastleggen (hoofdactie)
Lang indrukken β†’ Gebeurtenisgeschiedenis + zoeken openen (secundaire actie)

Dit is het belangrijkste app-specifieke gebaar. Hiermee kun je met twee eenvoudige gebaren zowel nieuwe gegevens invoeren als eerdere invoer opzoeken – zonder van weergave te wisselen.


Snelle referentie: de belangrijkste acties

Gebeurtenis vastleggen:  Dashboard openen β†’ korte tik op tegel
Gebeurtenisgeschiedenis: Dashboard β†’ lang indrukken op tegel
Gebeurtenis corrigeren:  Lang indrukken op tegel β†’ item selecteren β†’ Bewerken
Item verwijderen:        In lijst, swipe van rechts naar links β†’ Verwijderen β†’ Bevestigen
Item bewerken:           In lijst, swipe van links naar rechts β†’ Bewerken
Contextmenu op item:     Lang indrukken op lijstitem β†’ actie kiezen
Dashboard wisselen:      Swipen op dashboardachtergrond (links/rechts)
Sheet sluiten:           Sheet naar beneden swipen, of tik op Annuleren/Sluiten