Mobile First ist keine Option mehr: Der Daumen-Test

Wir belügen uns selbst.

Und zwar meistens im Konferenzraum. Da wird die neue Website auf dem 75-Zoll-Screen präsentiert. Alles sieht fantastisch aus. Großzügig. Tolle Bilder. Das Menü ist übersichtlich. Alle nicken zufrieden, trinken ihren Kaffee und geben das Budget frei.

Doch die Realität Ihrer Kunden findet nicht im Konferenzraum statt.

Sie findet in der S-Bahn statt. In der Schlange an der Kasse. Auf dem Rücksitz eines Taxis. Beim Anstehen vor der Bäckerei, wenn das letzte Brötchen vor der Nase weggeht und der Magen knurrt. Sie findet im Aufzug statt, zwischen Etage drei und Etage sieben.

Der Taxi-Test

Stellen Sie sich vor, Ihr wichtigster Kunde sitzt in einem wackelnden Taxi. Er hat das Handy in einer Hand. Die andere hält den Kaffee, den Aktenkoffer, das Kindergartenkind oder einfach den Haltegriff, weil der Fahrer durch die Kurven jagt, als wäre er auf der Flucht.

Mit dem Daumen versucht er, Ihre Telefonnummer zu finden. Oder den Kaufen-Button zu drücken. Oder das Kontaktformular auszufüllen.

Aber: Der Button ist zu klein. Das Menü klappt nicht auf, weil sein Daumen die obere linke Ecke nicht erreicht. Wer hat schon Daumen wie Ruderblätter? Ein Pop-up schiebt sich über den Text und das winzige X zum Schließen lässt sich nicht treffen. Beim dritten Versuch landet er versehentlich in einem Newsletter, den er nie bestellen wollte.

Was passiert in seinem Kopf?

Er fühlt sich ungeschickt. Und niemand fühlt sich gerne ungeschickt. Also gibt er dem Taxi die Schuld. Oder dem Fahrer. Oder den Schlaglöchern.

Aber er verlässt Ihre Seite.

Eine kleine Anatomie der mobilen Niederlage

Wenn Ihre Seite mobil scheitert, geschieht das selten an einem großen Fehler. Es sind tausend kleine Mikro-Demütigungen, die der Nutzer kassiert und nicht in Worte fasst.

Der Daumen rutscht ab.

Der Text ist zu klein, um ihn beim Schaukeln des Zuges zu lesen.

Das Bild lädt zwei Sekunden zu lange. Der Nutzer scrollt darüber hinweg, ehe es sichtbar wird.

Das Eingabefeld, in dem die Telefonnummer landen soll, öffnet eine Buchstabentastatur statt der Zifferntastatur. Plötzlich tippt der Nutzer Ziffern wie ein Klavierschüler auf einem Akkordeon.

Der Cookie-Hinweis verlangt drei Klicks, bevor er die Sicht freigibt. Drei Klicks, bei denen man jedes Mal hofft, den richtigen Button zu treffen.

Der Hauptlink versteckt sich in einem Bereich, der für den Daumen unerreichbar ist. Auf dem Smartphone gibt es eine echte Geographie der Erreichbarkeit: Der untere mittlere Bereich ist Komfortzone. Die obere linke Ecke ist Niemandsland. Wer dort die wichtigste Aktion versteckt, baut sein Schaufenster im Hinterhof.

All das summiert sich zu einem Gefühl, das der Nutzer nicht artikulieren wird: Diese Seite mag mich nicht.

Und Seiten, die ihn nicht mögen, mag er auch nicht.

Warum wir trotzdem für den falschen Kontext designen

Die Wahrheit über die meisten Webseiten? Sie wurden für Menschen gemacht, die mit beiden Händen am Schreibtisch sitzen. Gut beleuchtet. Ungestört. Mit Maus, Cursor und Geduld.

Diese Menschen existieren. Aber sie sind nicht mehr die Mehrheit Ihrer Besucher. Wahrscheinlich nicht einmal die Hälfte. In vielen Branchen liegen die mobilen Zugriffe längst über siebzig Prozent.

Und trotzdem: Die meisten Entwurfsprozesse beginnen am Desktop. Werden am Desktop abgenommen. Werden am Desktop gefeiert.

Das ist, als würde ein Schuster seine Schuhe nur an Schaufensterpuppen anprobieren.

Sie sehen wunderbar aus. Bis jemand darin laufen will.

Google sieht es, der Kunde fühlt es

Ja, Google bewertet mobile Tauglichkeit als Rankingfaktor. Das ist bekannt. Das wird gerne als Argument zitiert, weil Zahlen und Algorithmen sich gut in Folien einbetten lassen.

Aber Google ist nicht das eigentliche Problem.

Ihr Kunde ist es.

Google bestraft Sie irgendwann. Ihr Kunde bestraft Sie sofort. In dem Moment, in dem sein Daumen das dritte Mal vorbeitippt, verlassen Sie sein Vertrauen, noch bevor es überhaupt aufgebaut wurde.

Algorithmen vergeben. Menschen erinnern sich.

Was der Daumen weiß

Es lohnt sich, kurz zu erforschen, was der Daumen eigentlich kann. Halten Sie Ihr Handy mit einer Hand. Versuchen Sie, ohne die zweite Hand zur Hilfe zu nehmen, jeden Bereich des Bildschirms zu erreichen.

Sie werden bemerken: Es gibt drei Zonen.

Die natürliche Zone, in der Ihr Daumen mühelos ankommt. Das ist das untere Drittel der Anzeige, leicht zur Daumenseite verschoben.

Die Streckzone, in der es geht, aber knirscht.

Und die Verrenkungszone, in der Sie das Gerät umsetzen oder die zweite Hand zu Hilfe nehmen müssen.

Die meisten Webseiten platzieren ihre wichtigsten Aktionen in der Verrenkungszone und ihre Cookie-Hinweise in der Komfortzone. Es ist, als würde ein Kellner Ihnen das Salz in die Küche stellen und das Werbeprospekt direkt auf den Teller.

Designen Sie umgekehrt. Das ist im Grunde die ganze Lehre.

Der Test, den Sie heute machen können

Bevor Sie die nächste Agenturrechnung freigeben, machen Sie diesen Test:

Nehmen Sie Ihr Smartphone in eine Hand. Halten Sie in der anderen einen Kaffee. Stellen Sie sich auf einen Bus, der gerade anfährt, oder setzen Sie sich auf eine wackelnde Bank im Park.

Rufen Sie Ihre eigene Webseite auf.

Können Sie die wichtigste Aktion, also Anrufen, Kaufen, Kontakt aufnehmen, allein mit dem Daumen ausführen? Ohne zu zoomen? Ohne versehentlich auf etwas anderes zu klicken? Ohne sich kurz zu fragen, ob etwas mit Ihrem Daumen nicht stimmt?

Wenn die Antwort dreimal nein lautet, verlieren Sie in diesem Moment Umsatz. Vielleicht nicht spektakulär. Aber stetig. Tropfen für Tropfen.

Und Tropfen formen mit der Zeit sehr tiefe Mulden.

Die Frage hinter der Frage

Die wirkliche Frage ist nicht: Funktioniert meine Seite mobil?

Die wirkliche Frage ist: Habe ich Respekt vor der Lebenswirklichkeit meiner Kunden?

Mobile First ist keine technische Vorgabe. Mobile First ist eine Haltung. Die Haltung lautet: Ich baue für den Menschen, der gerade keine zweite Hand, keine Ruhe und keine Geduld hat. Ich baue für den, der mich in einer kurzen Lücke des Tages besucht. Nicht in einem Sessel. Nicht mit Headset. Nicht im Heimbüro mit Tee.

Wer den Menschen so denkt, baut von selbst andere Seiten.

Die Buttons werden größer. Die Texte kürzer. Die Pop-ups verschwinden oder lernen Manieren. Das Menü findet nach unten. Die Telefonnummer wird zur ersten, nicht zur fünften Information. Das Formular fragt drei Felder ab, nicht vierzehn. Der Schlüssel-Satz steht über der Falte, nicht darunter.

Plötzlich passt alles. Nicht weil Google es belohnt. Sondern weil ein wirklicher Mensch am anderen Ende ankommt.

Was bleibt

Es gibt eine alte Faustregel im Möbelbau: Bevor du den Stuhl polierst, setz dich darauf.

Bevor Sie Ihre nächste Seite freigeben, halten Sie sie einhändig in der S-Bahn. Wenn Sie dabei nicht selbst in der Verrenkungszone landen, hat Ihre Seite eine Chance. Wenn doch, notieren Sie es nicht für später. Reagieren Sie. Heute.

Denn der Mensch, der gerade durch die Stadt fährt und Sie sucht, gibt Ihnen genau einen Versuch. Vielleicht zwei. Mehr nicht.

Welchen Eindruck hinterlässt Ihr Daumen, wenn er gerade Ihre eigene Seite verlässt?

Designen Sie für den Daumen. Der Rest folgt von selbst.