Mobil zuerst: die Galabau-Website auf dem Telefon

Im Garten- und Landschaftsbau ist der Tagesablauf des Betriebs und der Tagesablauf des Kunden gegenläufig. Während die Kolonne draußen arbeitet, arbeitet der Interessent ebenfalls. Frei wird er, wenn der Betrieb Feierabend hat. Genau dann fängt die Suche an, und sie beginnt mit dem Gerät, das gerade in Reichweite liegt. Das ist selten der Rechner im Arbeitszimmer, sondern das Telefon auf der Sofalehne.

Diese Situation hat drei Eigenschaften, die für den Aufbau einer Website mehr bedeuten als jede Gestaltungsfrage. Erstens ist die Aufmerksamkeit geteilt: Nebenher läuft der Fernseher, jemand redet dazwischen, das Telefon vibriert. Zweitens ist meist nur eine Hand frei, oft die schwächere. Drittens ist der Vergleich billig. Zurück zur Trefferliste und die nächste Website öffnen kostet zwei Fingerbewegungen, und wenn dort schneller etwas erscheint, ist der Interessent weg, ohne dass er es als Entscheidung empfunden hätte.

Daraus folgt eine unbequeme Konsequenz: Die Version Ihrer Website, die die meisten Kaufentscheidungen trägt, ist die, die Sie selbst am seltensten ansehen. Betriebsleitungen prüfen ihre Seite am Rechner, weil dort ohnehin die Buchhaltung liegt. Der Interessent prüft sie auf einem Bildschirm, der ein Zehntel der Fläche hat, mit einer Verbindung, die zwischen zwei Funkzellen wechselt. Wer beide Ansichten für dasselbe hält, optimiert an der falschen Stelle.

Von allen Verbesserungen an einer Handwerker-Website ist diese die kleinste und die wirksamste zugleich: Die Telefonnummer muss antippbar sein. Technisch ist sie dann kein Text, sondern ein Verweis, der auf dem Telefon den Wählvorgang öffnet. Der Interessent tippt einmal, sieht die Nummer im Wählfeld und bestätigt. Zwischen dem Gedanken „ich rufe an“ und dem Klingeln bei Ihnen liegen zwei Bewegungen.

Ohne diesen Verweis wird die Nummer abgetippt, und Abtippen ist die Stelle, an der Anrufe verloren gehen. Der Interessent merkt sich die Ziffern, verlässt die Seite, öffnet das Wählfeld, vertippt sich, kommt zurück, sucht die Nummer erneut. In der Praxis bricht ein Teil dieser Versuche an der zweiten Ziffernfolge ab. Noch ungünstiger ist die Nummer, die in einer Grafik steckt — etwa im Kopfbild oder in einem gestalteten Banner. Sie lässt sich weder antippen noch markieren noch kopieren.

Zum Wahllink gehört die Angabe, wann tatsächlich jemand rangeht. Eine Nummer ohne Zeitangabe verspricht Dauererreichbarkeit, die ein Betrieb mit Kolonne draußen nicht halten kann. Wer stattdessen zwei ehrliche Zeitfenster nennt, verschiebt die Erwartung, ohne die Anfrage zu verlieren: Der Interessent ruft trotzdem an, spricht auf die Mailbox und weiß, wann er mit dem Rückruf rechnen kann. Beides zusammen — antippbare Nummer und ehrliche Zeit — gehört auf jede Seite, nicht nur auf die Kontaktseite.

Ein Formular, das am Rechner kompakt aussieht, wird auf dem Telefon zu einer langen Rolle. Zehn Felder ergeben zehn Tastaturaufrufe, zehnmal Zoom, zehnmal die halbe Seite verdeckt. Jedes Pflichtfeld ist eine Hürde, an der abgebrochen werden kann, und der Abbruch geschieht nicht laut, sondern durch Wegtippen. Deshalb ist die Regel für den kleinen Bildschirm strenger als für den großen: Pflicht ist nur, was für die erste Einschätzung wirklich gebraucht wird.

Im Galabau sind das vier Angaben: Name, Rufnummer, Ort und Gewerk. Der Ort bestimmt, ob die Anfrage im Einsatzradius liegt; das Gewerk ordnet sie zu und steuert die Dringlichkeit. Alles andere — Beschreibung, Wunschtermin, Foto der Fläche, Quadratmeter — bleibt freiwillig. Wer mag, füllt es aus und macht damit den Ortstermin kürzer. Wer es abends nicht mag, schickt die Anfrage trotzdem ab, und genau darum geht es. Wie ein solches Anfrageformular aufgebaut sein kann, ohne dass am Ende zwei Rückrufe zur Klärung nötig sind, ist ein eigenes Thema.

Dazu kommen Kleinigkeiten, die technisch klingen und praktisch spürbar sind. Ein Feld für die Rufnummer sollte die Zifferntastatur öffnen, nicht die Buchstabentastatur. Ein E-Mail-Feld sollte das At-Zeichen anbieten. Die Beschriftung gehört über das Feld und nicht als Platzhalter hinein, weil der Platzhalter beim Tippen verschwindet und man dann nicht mehr weiß, was gefragt war. Und die Schaltfläche zum Absenden darf nicht hinter der aufgeklappten Tastatur liegen. Solche Punkte kosten in der Umsetzung Minuten und in der Praxis Anfragen.

Der zweite Grund für Abbrüche nach der Ladezeit ist die Lesbarkeit. Auf dem Rechner sitzt der Betrachter in etwa siebzig Zentimetern Abstand vor einem großen Bildschirm; auf dem Sofa liegt das Telefon halb schräg, das Licht kommt von der Seite, und die Lesebrille liegt in der Küche. Feine graue Schrift auf hellem Grund, die im Entwurf zurückhaltend wirkte, ist unter diesen Bedingungen Arbeit. Wer die Zielgruppe von Privatgärten betrachtet, sollte einkalkulieren, dass ein erheblicher Teil der Auftraggeber jenseits der fünfzig ist.

Praktisch heißt das: ausreichend große Grundschrift, deutlicher Kontrast zwischen Text und Hintergrund, kurze Absätze und Zwischenüberschriften, an denen man sich orientieren kann. Text über Bildern ist mobil besonders heikel, weil der Bildausschnitt sich mit der Bildschirmbreite verändert und die Schrift dann über eine helle Stelle rutscht. Sicherer ist ein ruhiger Farbstreifen unter dem Text oder Text unterhalb des Bildes. Diese Entscheidungen kosten nichts und wirken auf jeder Seite gleichzeitig.

Aus dem Testdurchgang entsteht eine Liste, und Listen werden im Frühjahr nicht abgearbeitet. Deshalb lohnt es sich, die Punkte nach Wirkung je Aufwand zu sortieren. Ganz oben stehen zwei Dinge, die an einem Vormittag zu erledigen sind: die antippbare Rufnummer mit ehrlichen Zeiten und das Verkleinern der Bilder auf Startseite und Referenzgalerie. Beides ist unabhängig von der übrigen Gestaltung und wirkt sofort auf jeder Seite.

Danach kommt das Formular. Pflichtfelder reduzieren, Felder untereinander stellen, passende Tastaturen zuweisen, Bestätigung mit Frist ergänzen. Das ist eine Aufgabe von wenigen Stunden und verändert die Zahl der begonnenen und tatsächlich abgeschickten Anfragen messbar in Ihrem eigenen Postfach. Erst danach lohnt sich der Blick auf Tippziele, Schriftgrößen und Kontraste, weil diese Änderungen in die Gestaltung eingreifen und deshalb zusammen geplant werden wollen.

Bleibt am Ende der Befund, dass die Seite in ihrer Substanz nicht für kleine Bildschirme gebaut ist — weil das Menü auf dem Telefon nicht bedienbar ist, Tabellen seitlich herausragen oder die Startseite als ein einziges großes Bild ausgeliefert wird —, dann ist Flicken teurer als ein Neubau. Eine neue Website beginnt bei 1.490 Euro netto, umfangreichere Auftritte mit mehreren Gewerkeseiten bei 2.900 Euro netto; die Zusammensetzung steht auf der Seite Preise.