Swipen ist eine kurze gerichtete Wischbewegung mit einem Finger, die eine Aktion auslöst. Beim Scrollen verschiebt dieselbe Bewegung nur den sichtbaren Ausschnitt über den Inhalt; beim Swipen wird sie als Befehl ausgewertet und hat ein Ergebnis, das über das Ende der Bewegung hinaus bestehen bleibt. Das nächste Bild einer Galerie oder ein weggewischtes Panel: Solche Zustandswechsel sind die Aufgabe des Swipe.
- Swipen
Kurze gerichtete Wischbewegung mit einem Finger, die eine Aktion auslöst, statt den Bildausschnitt zu verschieben.
Beispiel: „In der Galerie kommt beim Swipen nach links das nächste Bild, und darunter liegen zwei Pfeiltasten.“Auch: Wischen, Swipe Gesture. Vom Ziehen unterscheidet ihn die Geschwindigkeit: Beim Ziehen folgt das Element dem Finger, beim Swipen genügt ein kurzer Stoß.
Gegenbegriff: Scrollen bewegt den Ausschnitt und endet dort, wo der Finger ihn hinterlässt. Swipen löst einen Wechsel aus, dessen Ziel schon feststeht, bevor der Finger abhebt.
Woran du die beiden auseinanderhältst
Zwei Fragen genügen. Bleibt der Inhalt derselbe und ändert sich nur der Ausschnitt? Dann ist es Scrollen. Rastet die Bewegung auf einen Zustand ein, der nach dem Loslassen bestehen bleibt? Dann ist es ein Swipe. Dazu kommt ein technischer Unterschied: Das Scrollen liefert der Browser von sich aus, den Swipe muss ein Skript bauen.
Die Verwechslung hat praktische Folgen. Ein Karussell, das auf Swipe-Ereignisse hört, fühlt sich zäh an, wenn das Skript erst nach dem Abheben des Fingers reagiert. Ein gescrollter Container folgt dem Finger dagegen ohne Verzögerung.
Die haltbarste Umsetzung ist oft gar kein Swipe
Viele Karussells, die sich wie ein Swipe anfühlen, sind technisch ein waagerecht gescrollter Container mit CSS Scroll Snap. Die Einträge liegen in einer Reihe, und eine Rasterung lässt den Container auf jedem Eintrag einrasten. Der Browser übernimmt damit Trägheit, Rasterung und die Bedienung per Tastatur und Trackpad.
Wir bevorzugen diese Bauweise, weil sie ohne eigene Gestenerkennung auskommt und auf dem Desktop von allein mitfunktioniert. Echte Swipe-Auswertung bleibt den Fällen vorbehalten, in denen die Bewegung etwas verändert, etwa beim Wegwischen eines Bottom Sheets.
Was ein Swipe voraussetzt
Er muss sichtbar sein. Ein Inhalt, der sich wischen lässt, zeigt das durch einen angeschnittenen nächsten Eintrag am Rand oder durch Punkte, die die Anzahl der Schritte angeben. Ohne diesen Hinweis bleibt der zweite Teil des Inhalts unentdeckt.
Und er braucht eine Alternative. Erfolgskriterium 2.5.1 Pointer Gestures der WCAG (Stufe A) zählt jede pfadbasierte Geste dazu, also jede, bei der Richtung und Verlauf zählen. Zwei Pfeiltasten neben der Galerie erfüllen das. Dazu kommt die Rücksicht auf die Systemgesten: Ein Swipe-Griff direkt am linken Displayrand konkurriert unter iOS mit dem Zurück-Wischen und verliert.