Daumenbogen: eine Navigation, die dort liegt, wo der Daumen ist

Am Handy halte ich das Gerät meistens in einer Hand. Mein Daumen liegt dabei ungefähr in der Mitte des rechten Rands. Fast jede Website legt ihr Menü aber genau dorthin, wo er nicht hinkommt: oben rechts in die Kopfzeile. Die besseren legen es unten in eine Leiste, wie in einer App. Auch das ist nur das kleinere Übel, denn die Ecke unten rechts erreicht der Daumen einer haltenden Hand nur, wenn er sich unbequem einkrümmt.

Aus diesem Ärger ist eine Navigation entstanden, die seit dem 14. November 2026 auf headon.pro läuft. Ich nenne sie Daumenbogen. Probieren Sie sie am besten gleich am Handy aus, bevor Sie weiterlesen.

Wie wir ein Handy wirklich halten

Steven Hoober hat 2013 genau das beobachtet: 1.333 Menschen mit Mobilgeräten, auf der Straße, in Bussen, in Cafés. Von den 780, die dabei den Bildschirm berührten, hielten 49 Prozent das Gerät in einer Hand, 36 Prozent stützten es mit der zweiten Hand, 15 Prozent bedienten es mit beiden Händen (Hoober, UXmatters 2013).

Wer das Handy mit einer Hand hält, bedient es mit dem Daumen. Und der Daumen bewegt sich nicht frei über die Fläche, er schwenkt um sein Gelenk. Seine Spitze beschreibt einen Bogen: von oben am Rand über die Mitte des Bildschirms bis nach links unten. Was auf diesem Bogen liegt, erreicht er mühelos. Was außerhalb liegt, oben in der Ecke oder direkt unter dem Daumenballen, kostet ein Umgreifen.

Die übliche Antwort auf mobile Bedienung ist die Leiste unten. Sie ist besser als die Kopfzeile, aber sie setzt die Ziele in eine gerade Linie quer über den unteren Rand. Der Daumen ist kein Lineal.

Die Idee: ein Griff am Rand, ein Rad im Bogen

Der Daumenbogen besteht aus zwei Teilen.

Der Griff. Am rechten Rand, etwa auf 60 Prozent der Höhe, sitzt eine schmale Pille mit dem Wort „menü“, die Buchstaben untereinander. Sie ist gerade so breit wie ein Buchstabe und zeigt nebenbei an, wie weit man auf der Seite gelesen hat. Beim ersten Besuch pulsiert sie kurz.

Das Rad. Ein Tipp auf den Griff fächert alle Ziele der Website entlang des Daumenbogens auf. Das Ziel, auf dem die Daumenspitze ruht, steht groß und mit vollem Namen da, beim Öffnen ist es die Seite, auf der man gerade ist. Wischt man entlang des Bogens, dreht sich das Rad, und das nächste Ziel rückt unter den Daumen. Loslassen rastet ein, ein Tipp wählt.

Innen, näher am Daumengelenk, liegen drei Handlungen, die auf jeder Seite gleich sind: nach oben, anfragen und „Frag headon“, unser Assistent. „Anfragen“ öffnet das Formular und wählt dabei schon das Thema der Seite vor, auf der man gerade war.

Was erst beim Bauen klar wurde

Der erste Prototyp hatte drei Bedienarten zur Auswahl: einen festen Fächer zum Antippen, ein Gleiten vom Griff zum Ziel mit Loslassen und das Drehrad. Am Handy getestet war das Rad mit Abstand das, was sich am natürlichsten anfühlte. Das Gleiten war schnell, aber ohne Erklärung nicht zu verstehen.

Die wichtigste Lektion kam danach: Ein Rad, das man nicht als Rad erkennt, dreht niemand. Deshalb steht oben und unten am Bogen je ein weiteres Ziel nur halb gezeichnet, mit Namen, und blendet nach außen aus. Wer das sieht, versteht, dass dahinter noch etwas kommt. Beim ersten Öffnen dreht sich das Rad außerdem einmal kurz an und zurück. Zwischen den Gruppen (Leistungen, Arbeiten, Agentur, Werkzeuge) liegt eine Lücke mit einem Querstrich über der Bahn, auf Android spürt man dort beim Drehen einen doppelten Ruck.

Eine Studie mit Halbkreismenüs am Handy kam zu einem ähnlichen Schluss: Ihre Effizienz hing davon ab, dass man sie etwa fünf Minuten lernt (Yang, Chen und Hung 2017). Ein solches Menü ist kein Geschwindigkeitswunder, und ich verspreche hier auch keins. Es geht um Erreichbarkeit: ohne Umgreifen, mit einer Hand.

Zwei Fehler zeigten sich erst bei echter Bedienung, und beide sind lehrreich für jeden, der so etwas baut. Erstens sind die Ziele im Rad echte Links, und wer mit der Maus darauf zieht, startet das Ziehen des Links statt der Drehung. Zweitens liefert der Browser am Handy nach dem Loslassen noch einen Klick aus. Öffnete „Frag headon“ sein Fenster sofort, traf dieser Klick einen Seitenverweis darin, und man landete auf einer anderen Seite. Jetzt öffnet der Assistent, wenn das Rad zugeklappt ist.

Für jede Hand, für jeden Zugang

Ein langer Druck auf den Griff verschiebt ihn: höher, tiefer oder über die Bildschirmmitte auf die linke Seite. Das Rad spiegelt sich dann für die linke Hand. Die Lage merkt sich der Browser, sonst nichts. So steht es auch in unserer Datenschutzerklärung. Gezählt wird nur, dass das Rad geöffnet und welches Ziel gewählt wurde, nie die Hand oder die Lage.

Das Rad ist kein Ersatz für die gewohnte Navigation, sondern ein zweiter Weg. Die Kopfzeile mit „Menü“ bleibt, wer den Griff nicht findet oder nicht mag, verliert nichts. Die Ziele im Rad sind echte Links, bedienbar mit Tastatur (Pfeiltasten drehen, Enter wählt, Esc schließt) und Screenreader. Wer am Gerät „Bewegung reduzieren“ eingestellt hat, sieht das Rad ohne Fächern und ohne Anstupsen. Ab 1024 Pixel Breite, also am Rechner, erscheint der Griff gar nicht.

Ist das neu?

Ehrlich gesagt: Die Bausteine gibt es seit Jahren, nur nicht in dieser Form im Web.

• Daumenmenüs in der Forschung: ArchMenu und ThumbMenu für kleine Touch-Geräte wurden schon 2007 vorgestellt (Huot und Lecolinet, IHM 2007). Der Prototyp „One Hand Wonder“ setzte 2014 jeder Website eine Halbkreis-Oberfläche in die untere Ecke, wahlweise für die rechte oder linke Hand (Seipp und Devlin, WEBIST 2014).
• Bögen am Rand in Android-Apps: Swiftly Switch öffnete 2016 ein Bogenmenü von einem Auslöser am Seitenrand, dessen Lage man einstellen konnte (Gadget Hacks). Samsungs Seitenleiste hat einen Griff, den man auf die andere Seite ziehen kann (Samsung).
• Zwei Ringe zum Ziehen: Opera hat 2018 ein Menü angemeldet, bei dem um ein Symbol innen Aktionen der Seite und außen globale Ziele im Ring liegen, gewählt durch Ziehen (US11106355B2).

Was ich bei meiner Recherche nicht gefunden habe: eine Website oder Web-App, die einen Griff in der Mitte des Rands mit einem Drehrad verbindet, das entlang des Daumenbogens läuft, mit halben Zielen als Hinweis aufs Weiterdrehen und einem Seitenwechsel für die linke Hand. Wenn Sie ein früheres Beispiel kennen, schreiben Sie mir. Ich nenne es hier gern.

Ausprobieren und mitnehmen

Am einfachsten verstehen Sie den Daumenbogen, wenn Sie ihn benutzen: Öffnen Sie headon.pro am Handy, tippen Sie auf den Griff „menü“ am rechten Rand und drehen Sie das Rad. Funktioniert es für Ihre Hand? Ich freue mich über jede Rückmeldung, gerade von Menschen mit kleinen Händen, großen Handys oder der linken Hand.