Mir ist bei mehreren Projekten aufgefallen, dass Betreiber ihre eigene Seite fast ausschließlich am Laptop pflegen und testen – und sich dann wundern, warum Kunden anders reagieren, als erwartet.
Wenn ein Betrieb seine eigene Website betreut, passiert das fast immer am Computer. Der Betreiber sitzt abends am Laptop, klickt sich durch, findet die Bedienung mit der Maus intakt, den Hover-Effekt auf dem Button hübsch, die Schrift gut lesbar auf dem großen Bildschirm. Alles gut, denkt er.
Nur: Der Kunde, der diese Seite findet, steht selten am Laptop. Er ist unterwegs, auf der Baustelle, im Auto vor dem nächsten Termin, und tippt mit dem Daumen auf ein Handy-Display, das keine zehn Zentimeter breit ist. Das eigene Nutzungsgefühl als Betreiber und die tatsächliche Nutzung durch den Kunden sind zwei verschiedene Dinge – und genau da entstehen die Probleme, die am Computer nie auffallen.
Woher der blinde Fleck kommt
Das ist kein Vorwurf, sondern menschlich: Wer eine Website baut oder pflegt, tut das mit den Werkzeugen, die dafür am praktischsten sind – ein großer Bildschirm, eine Maus, viel Platz. Man gewöhnt sich an diese Perspektive und übersetzt sie unbewusst auf den Kunden. Das Problem ist nicht die Technik, sondern dass zwischen "wie ich meine Seite erlebe" und "wie mein Kunde sie erlebt" nie ein bewusster Wechsel stattfindet.
Drei Dinge, die am Computer schlicht nicht auffallen, weil sie dort gar nicht existieren:
1. Bedienbarkeit mit einer Hand
Am Laptop klickt man mit der Maus überall hin, egal wo ein Button sitzt. Auf dem Handy hält man das Gerät meist mit einer Hand und bedient es mit dem Daumen derselben Hand. Ein wichtiger Button oben rechts, den man am Bildschirm mühelos erreicht, liegt auf dem Handy oft außerhalb der bequemen Reichweite des Daumens. Kleine Tippflächen, eng beieinander liegende Links, ein Kontaktformular mit winzigen Eingabefeldern – all das fällt am Computer nicht auf, weil da niemand mit dem Daumen zielt.
2. Kerninfos statt Hover-Effekte
Ein beliebtes Gestaltungsmittel: Informationen erscheinen erst, wenn man mit der Maus über ein Element fährt – ein Menüpunkt klappt auf, ein Zusatztext blendet sich ein. Auf dem Handy gibt es diesen Zustand schlicht nicht. Es gibt kein "darüber schweben", nur "berühren" oder "nicht berühren". Wenn eine wichtige Information nur per Hover sichtbar wird – etwa eine Telefonnummer, die erst beim Überfahren des Logos erscheint – sieht ein Handy-Nutzer sie nie. Die Information muss von Anfang an da stehen, nicht hinter einer Interaktion versteckt, die es auf dem Gerät gar nicht gibt.
3. App-Integration, die am Computer irrelevant ist
Auf dem Handy sind Telefonnummer, WhatsApp und Mail-Programm einen Fingertipp entfernt – wenn die Website das zulässt. Eine Telefonnummer, die als antippbarer Link hinterlegt ist, öffnet direkt die Anruf-App. Ein WhatsApp-Button öffnet direkt einen Chat mit vorausgefüllter Nummer. Eine Mail-Adresse als Link öffnet direkt das Mail-Programm. Am Computer bringt das wenig, weil dort ohnehin selten direkt angerufen wird. Auf dem Handy ist es der Unterschied zwischen einem Kunden, der in drei Sekunden anruft, und einem, der die Nummer erst abschreiben oder kopieren muss – und das im Zweifel nicht tut.
Was auf alten Handwerksseiten am Handy konkret kaputt geht
- Telefonnummer steht als reiner Text da, nicht als Link – kein Antippen, kein Direktanruf
- Navigationsmenü, das am Computer sauber aussieht, wird auf dem Handy zu einem zu klein dimensionierten Symbol
- Bildergalerien, die per Hover Beschriftungen zeigen, bleiben auf dem Handy stumm
- Kontaktformular mit zu kleinen Eingabefeldern, bei denen die Tastatur einen Teil des Formulars verdeckt
- Wichtige Buttons wie "Jetzt anrufen" oder "Angebot anfragen" sitzen unten auf der Seite, wo sie erst nach viel Scrollen auftauchen
Was stattdessen sinnvoll ist
- Telefonnummer und Mail-Adresse überall als Link, nicht nur als Text – auf jeder Unterseite, nicht nur im Impressum
- WhatsApp-Button gut sichtbar, wenn der Betrieb darüber ohnehin Anfragen bekommt – das ist auf dem Handy die natürlichste Kontaktform (dabei kurz prüfen, ob die WhatsApp Business-API-Anbindung genutzt wird und wie personenbezogene Daten dort datenschutzrechtlich behandelt werden, bevor der Button live geht)
- Kerninfos ohne Hover erreichbar: Öffnungszeiten, Leistungen, Kontakt direkt lesbar, nicht hinter einer Mausbewegung versteckt
- Wichtigster Button oben, gut erreichbar mit dem Daumen – nicht erst nach mehreren Bildschirmseiten
Bei einem echten Kundenprojekt habe ich genau das über einen festen Kontakt-Balken am unteren Bildschirmrand gelöst – ein Tippen, kein Suchen. Wie das konkret aussieht, zeigt die Fallstudie zum Hausmeisterservice Arndt.
Zur Frage, was eine Handwerker-Website insgesamt kostet, geht es im Beitrag Website-Kosten für Handwerker – hier ging es bewusst nur um die mobile Nutzung, weil das ein eigener, oft übersehener Punkt ist.
Kurz zusammengefasst
- Betreiber testen ihre eigene Website meist am Computer und übertragen dieses Nutzungsgefühl unbewusst auf den Kunden
- In vielen Projekten kommt ein Großteil der Besucher vom Handy, mit anderen Bedingungen: eine Hand, kein Hover, direkte App-Integration
- Hover-Effekte, kleine Tippflächen und reine Text-Telefonnummern sind die häufigsten Probleme auf alten Handwerksseiten
- Antippbare Telefonnummer, WhatsApp-Button und gut erreichbare Kernaktionen machen den größten Unterschied für mobile Besucher
Willst du wissen, wie deine Seite auf dem Handy wirklich wirkt?
Am einfachsten testet man das nicht am eigenen Laptop, sondern tatsächlich am Handy, so wie ein Kunde es tun würde. Im Rahmen des kostenlosen Website-Checks schaue ich mir das für dich an.