Gestensteuerung ist ein Bedienkonzept, bei dem Fingerbewegungen die Befehle übernehmen, die sonst über sichtbare Schaltflächen laufen. Das Muster stammt von den Betriebssystemen der Telefone, die ihre Grundfunktionen inzwischen über Wischbewegungen an den Displayrändern abbilden. Auf einer Website hat es einen Preis: Eine Geste hat keine Beschriftung, keinen Rahmen und keinen Hover-Zustand, mit dem sie sich ankündigt.
- Gestensteuerung
Bedienkonzept, bei dem Fingerbewegungen Befehle auslösen, die sonst über sichtbare Schaltflächen laufen.
Beispiel: „Die Bildergalerie hat eine Gestensteuerung, und für alle anderen stehen zwei Pfeiltasten daneben.“Auch: gestenbasierte Bedienung. Im Englischen erscheint das Konzept als gestural interface.
Abgrenzung: Welche Gesten es überhaupt gibt, steht unter Touch Gesten, die Fälle mit mehreren Fingern unter Multi-Touch Gesten. Hier geht es um die Entscheidung, Funktionen überhaupt auf Bewegungen zu legen.
Eine Geste kündigt sich nicht selbst an
Eine Schaltfläche zeigt durch Form, Farbe und Beschriftung, dass sie gedrückt werden kann. Eine Geste zeigt nichts. Wer sie nicht kennt, probiert sie auch nicht aus, und auf dem Touchscreen fällt der Hover-Zustand als Hinweisgeber weg. Deshalb braucht jede Geste einen Signifier, also ein sichtbares Zeichen: den angeschnittenen nächsten Eintrag am Rand eines Karussells oder den kurzen Ziehgriff an der Oberkante eines Panels.
Am schlechtesten funktionieren selbst erfundene Gesten. Ein Wischen nach unten, das ein Formular abschickt, wird niemand finden, und wer es versehentlich auslöst, versteht das Ergebnis nicht. Wir setzen deshalb nur Gesten ein, die die Besucher aus ihrem Telefon bereits kennen.
Das Betriebssystem greift zuerst zu
Die Ränder des Displays sind belegt. Unter iOS bedeutet ein Wischen vom linken Rand „zurück“, ein Zug vom unteren Rand schließt die App oder öffnet den App-Wechsel. Android verhält sich ähnlich. Eine Website bekommt diese Bewegungen nie zu sehen, weil das System sie vorher abfängt.
Für die Gestaltung folgt daraus eine einfache Regel: Griffe, die gezogen oder gewischt werden sollen, gehören in die Fläche und nicht an die Kante. Wo ein Panel am unteren Rand sitzt, kommt die Safe Area als Polsterung dazu, sonst liegt der Griff unter dem Home-Indikator.
Wann Gestensteuerung im Web trägt
Als Beschleuniger neben sichtbaren Bedienelementen ist sie gut, als einziger Zugang zu einer Funktion fällt sie durch. Die WCAG halten das in zwei Erfolgskriterien fest. Kriterium 2.5.1 Pointer Gestures (Stufe A) verlangt für jede pfadbasierte oder mehrfingrige Geste einen Weg mit einem einzelnen Zeiger, Kriterium 2.5.7 Dragging Movements (Stufe AA) dasselbe für alles, was gezogen wird. Vom Browser selbst geliefertes Scrollen ist davon ausgenommen.
Praktisch heißt das: Neben der wischbaren Galerie stehen zwei Pfeiltasten, neben dem wegwischbaren Panel ein Kreuz. Wir planen diese Alternativen von Anfang an ein, weil sie sich später nur mit Umbau ergänzen lassen.