Nehmen Sie jetzt Ihr Handy und rufen Sie Ihre eigene Website auf. Nicht den Laptop, das Handy. Tippen Sie auf die Schaltflächen. Versuchen Sie, den Text ohne Zoomen zu lesen. Versuchen Sie, Ihre Telefonnummer zu finden und sie zum Anrufen anzutippen. Wenn sich etwas davon umständlich angefühlt hat, haben Sie Ihr Unternehmen gerade so gesehen, wie viele Ihrer Kunden es sehen.

Jetzt der unangenehme Teil: Eine Website kann auf einem breiten Desktop-Monitor gut aussehen und Menschen trotzdem auf dem kleinen Bildschirm vergraulen, wo sie Sie tatsächlich finden. Lokale Kunden suchen oft mit dem Gerät in ihrer Tasche, häufig unterwegs, wenn sie sofort etwas brauchen. Nehmen wir also die Annahmen auseinander, die kleine Betriebe davon abhalten, den Handybildschirm ernst zu nehmen.

Mythos: Wenn es auf meinem Computer gut aussieht, passt es auch auf dem Handy

Die Realität: Ein Desktop-Bildschirm ist breit und im Querformat, ein Handy schmal und hoch. Dasselbe Layout, das auf einem Monitor großzügig wirkt, kann Handybesucher dazu zwingen, zu zoomen, zu spreizen und seitwärts zu scrollen, nur um eine einzige Zeile zu lesen. Wenn Sie eine Seite auf einem großen Bildschirm erstellen oder prüfen, sehen Sie meist die beste Version, nicht die beengte, die viele Besucher bekommen. Dass die Desktop-Ansicht sauber aussieht, sagt fast nichts über die Handy-Ansicht aus, denn es sind zwei verschiedene Layouts desselben Inhalts.

Mythos: Handyfreundlich bedeutet nur, dass die Seite auf Bildschirmgröße schrumpft

Die Realität: Schrumpfen ist nicht dasselbe wie responsiv. Eine Seite, die nur verkleinert wird, liefert winzigen Text und Schaltflächen, die zu klein sind, um sie mit dem Daumen zu treffen. Gutes responsives Webdesign ordnet neu an, statt zu schrumpfen: Der Text fließt in eine lesbare Größe um, Schaltflächen werden größer, damit ein Finger sie trifft, lange Menüs klappen zu einem aufgeräumten Umschalter zusammen, und die Telefonnummer wird zu einem Link zum Antippen und Anrufen, statt zu einer Zeichenfolge, die Sie von Hand abschreiben müssen. Der eine Ansatz passt zum Handy. Der andere verkleinert einfach die Desktop-Seite und hofft auf das Beste.

Mythos: Meine Kunden rufen einfach an, sie schauen sich meine Seite nicht auf dem Handy an

Die Realität: Der Anruf kommt oft nach einem kurzen Blick. Stellen Sie sich vor, Sie führen einen Klempnerbetrieb. Ein Hausbesitzer mit einem Wasserschaden tippt auf ein Suchergebnis, will sich vergewissern, dass Sie seine Gegend abdecken, sucht nach Ihren Öffnungszeiten und greift nach der Schaltfläche zum Anrufen. Wenn Ihre Adresse unter einem riesigen Bild versteckt ist, die Nummer sich nicht antippen lässt oder die Seite ihn zwingt, seitwärts zu scrollen, um sie zu lesen, kann dieser Besucher einfach zurückgehen und stattdessen das nächste Ergebnis wählen. Der Anruf, den Sie nie bekommen haben, ist nicht an Ihren Preisen gescheitert. Er ist daran gescheitert, dass der Besuch auf dem Handy schwieriger war als beim Mitbewerber weiter unten in der Liste.

Mythos: Eine Mobile-First-Seite ist ein Premium-Extra, das ich später ergänzen kann

Die Realität: Zuerst für den kleinen Bildschirm zu bauen, ist heute der sinnvolle Standard, kein Luxus-Upgrade. Das Handy-Layout erst im Nachhinein anzugehen, ist in der Regel schwieriger und unsauberer, als von Anfang an dafür zu gestalten, denn am Ende quetschen Sie ein Desktop-Design in einen Raum, für den es nie geplant war. Es gibt auch einen Suchmaschinen-Aspekt: Eine Mobile-First-Website, die Besucher eines lokalen Unternehmens tatsächlich nutzen können, ist die Art, die Suchmaschinen bevorzugen können, da sie Seiten zunehmend danach beurteilen, wie sie sich auf dem Handy verhalten. Gut auf dem kleinen Bildschirm ist gut für den Leser und oft gut dafür, wie leicht Sie gefunden werden.

Wie können Sie Ihre eigene Seite so prüfen, wie es ein Kunde tun würde?

Für einen ersten Durchgang brauchen Sie keinen Entwickler. Führen Sie auf Ihrem eigenen Handy durch, was wir den Handy-in-der-Hand-Check nennen, wenn möglich über das Mobilfunknetz statt über Ihr heimisches WLAN, damit Sie ungefähr sehen, was ein Besucher auf der Straße sieht. Arbeiten Sie diese Punkte durch:

  1. Die Seite erscheint, kein leerer Bildschirm. Wenn Sie ins Leere starren, bevor etwas lädt, ist ein echter Besucher womöglich schon weg.
  2. Sie können den Haupttext ohne Zoomen lesen. Wenn Daumen und Zeigefinger zum Spreizen ansetzen, ist der Text zu klein.
  3. Schaltflächen und Links lassen sich leicht antippen. Kein Zusammenkneifen der Augen, keine Fehltipser, kein versehentliches Treffen des falschen, weil sie zu eng beieinanderliegen.
  4. Die Telefonnummer ist ein Link zum Antippen und Anrufen. Tippen Sie darauf. Ihr Handy sollte anbieten zu wählen, statt Sie zu zwingen, die Ziffern zu kopieren.
  5. Nichts läuft über den Rand hinaus. Wenn Sie seitwärts scrollen müssen, um einen ganzen Satz oder ein Bild zu sehen, passt das Layout nicht auf den Bildschirm.
  6. Ihre Öffnungszeiten, Adresse und Ihr Einzugsgebiet erscheinen schnell. Ein lokaler Besucher sollte nicht an einem riesigen Bannerfoto vorbeisuchen müssen, um zu erfahren, wo Sie sind und ob Sie ihn bedienen.
  7. Formulare funktionieren tatsächlich mit der Bildschirmtastatur. Versuchen Sie, Ihr Kontaktformular auf dem Handy auszufüllen. Wenn die Felder herumspringen oder die Tastatur die Schaltfläche verdeckt, die Sie brauchen, können Übermittlungen unbemerkt unvollendet bleiben.

Notieren Sie, welche dieser sieben Punkte sich holprig anfühlen. Jeder davon ist eine Stelle, an der ein Handybesucher zögern kann, und ein zögernder Besucher ist einer, der womöglich geht.

Mythos: Ist die Seite einmal handyfreundlich, bleibt sie es auch

Die Realität: Der kleine Bildschirm verändert sich ständig, er ist keine einmalige Angelegenheit. Neue Handys kommen mit anderen Bildschirmgrößen, Browser ändern, wie sie Seiten darstellen, und die Plugins und die Software hinter einer Seite werden mit der Zeit aktualisiert. Ein Layout, das beim Start sauber funktioniert hat, kann später aus der Form geraten, und eine nicht angewendete Korrektur kann unbemerkt etwas in der Handy-Ansicht kaputtmachen, ohne dass es auf der Desktop-Seite jemand bemerkt. Hier zählt ein Mensch, der die Seite pflegt, mehr als der erste Aufbau, denn jemand muss die Handy-Erfahrung weiter im Blick behalten und nicht einfach annehmen, dass sie noch stimmt.

Behandeln Sie den Handybildschirm als Eingangstür, denn das ist er in der Regel

Der rote Faden ist einfach: Für ein lokales Unternehmen ist der Handybildschirm oft der erste Eindruck, nicht eine verkleinerte Version des eigentlichen. Eine Seite, die nur auf einem Desktop gut aussieht, beurteilt sich an einer Ansicht, die vielen Kunden verborgen bleibt. Führen Sie den Handy-in-der-Hand-Check durch, seien Sie ehrlich, wo es sich umständlich angefühlt hat, und denken Sie daran, dass das Ziel keine Seite ist, die Sie auf Ihrem Laptop beeindruckt. Es ist eine Seite, die dem Menschen antwortet, der an einer Straßenecke steht, mit Ihrem Namen halb ins Handy getippt, und in diesem Moment entscheidet, ob er Ihre Nummer antippt oder die nächste.

Ähnliche Artikel