Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
UX-patronen6 minuten lezen·Updated Oktober 2026·Door het ExodeUI-team

Swipe-to-Action UX: verborgen gebaren zichtbaar en veilig maken

Hoe swipe-acties in lijsten te ontwerpen: betekenaars, drempels, volledige swipe-commits, ongedaan maken, toegankelijkheid en waarom swipen nooit de enige manier zou moeten zijn.

Directe samenvatting en definitie

Kern afhaalmaaltijd

Veegacties zijn een snelle snelkoppeling voor frequente lijstacties zoals archiveren of verwijderen, maar ze zijn verborgen en mogen dus nooit de enige manier zijn om iets te doen. Gebruik ze voor verwachte acties, geef een duidelijke drempel weer als het item beweegt, laat een gedeeltelijke swipe onthullen en een volledige swipe commit, en bied ongedaan maken aan voor destructieve acties.

De bruikbaarheidsproblemen

Nielsen Norman Group ontdekte terugkerende problemen met swipe-to-reveal-acties: een gebrek aan betekenaars maakt het onduidelijk waar swipe werkt, niet-standaard acties achter swipe verrassen mensen die verwachten dat ze worden verwijderd of gearchiveerd, het verbergen van veel acties achter een swipe maakt ze moeilijk te ontdekken, en swipe kan dubbelzinnig zijn als hetzelfde gebaar ook tussen secties navigeert.

Hoe swipe-acties zich moeten gedragen

Material Design beschrijft het algemene patroon op Android: lijstitems kunnen knoppen onthullen bij een veegbeweging, en de primaire actie is de laatste, aan het einde uitgelijnde optie, die een volledige veegbeweging direct activeert.

  • Blijf vegen voor frequente, verwachte acties: archiveren, verwijderen, markeren als gelezen.
  • Toon de actie en de kleur ervan terwijl het item beweegt, en verander deze zichtbaar bij de commit-drempel.
  • Veer het item terug als het vóór de drempel wordt losgelaten.
  • Bied ongedaan maken aan, of vraag om bevestiging, voor destructieve acties.
  • Combineer horizontale veegacties niet met horizontale veegnavigatie op hetzelfde scherm.
Twee lijstitems, waarvan er één gedeeltelijk is geveegd om een ​​rode archiefactie erachter te onthullen
Een gedeeltelijke veegbeweging onthult de actie; een volledige veegbeweging begaat het; het loslaten van vroege veren terug.

Nooit de enige manier

Omdat swipen onzichtbaar is, plaats je dezelfde acties in een zichtbaar menu, door lang op het menu te drukken of op een detailscherm. Dit heeft ook betrekking op toegankelijkheid: gebruikers van schermlezers en mensen die geen precieze gebaren kunnen uitvoeren, hebben een route nodig zonder gebaren, en platforms bieden precies voor dit doel toegankelijkheidsacties.

Beweging zorgt ervoor dat swipen betrouwbaar aanvoelt

Het item moet de vinger precies volgen, en bij het loslaten zorgt een veer die de snelheid van de vinger draagt ​​ervoor dat de commit of terugslag fysiek aanvoelt. Een korte haptische tik op de drempel, waar het platform deze ondersteunt, bevestigt de actie voordat de vinger wordt opgetild.

Toets Principles in om te onthouden

  • Swipe is verborgen: zorg altijd voor een zichtbaar alternatief
  • Gebruik het voor frequente, verwachte acties
  • Gedeeltelijke swipe-onthullingen, volledige swipe-commits, vroege release springt terug
  • Maak destructieve acties ongedaan of bevestig ze
  • Vermijd conflicterende horizontale bewegingen op één scherm

Veelgestelde vragen

Bronnen

  1. Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
  2. Lists guidelines — Material Design 3

Gerelateerde handleidingen en voorbeelden

Voel een gebaar met echte veren

Sleep, veeg en laat los in de browser, en stem af hoe het terugspringen voelt.

Open de speeltuin
Probeer gratis