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 (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
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)
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 |
| 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 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 |
| 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)
Swipen: lijstacties (links & rechts)
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.
Verwijderen met bevestiging (swipe naar links)
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
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
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)
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
| 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
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