Responsive Websites Wien: was das im Alltag wirklich bedeutet

Wenn jemand nach responsive Websites Wien sucht, steht dahinter meist kein technisches Interesse, sondern ein Ärgernis. Ein Kunde hat angerufen und gesagt, er finde die Telefonnummer am Handy nicht. Oder man hat die eigene Seite selbst am Smartphone geöffnet, während man im Auto saß, und musste zweimal zoomen, um das Kontaktformular zu treffen. Am Bürorechner sieht alles tadellos aus, deshalb fällt es Monate lang niemandem auf. Und in dieser Lücke zwischen Bürorechner und Hosentasche verschwinden Anfragen, ohne dass jemand mitbekommt, dass es sie überhaupt gegeben hätte.

Was responsive Websites Wien im Alltag wirklich bedeutet

Responsive heißt, dass sich das Layout einer Seite an die Breite des Bildschirms anpasst, auf dem sie gerade angezeigt wird. Nicht durch Verkleinern, sondern durch Umbauen: Aus drei Spalten nebeneinander werden drei Blöcke untereinander, aus einem waagrechten Menü wird eine Schaltfläche, die das Menü aufklappt. Der Inhalt bleibt derselbe, die Anordnung ändert sich. Technisch steckt dahinter eine Regel im Stylesheet, also in der Datei, die das Aussehen der Seite steuert, die je nach verfügbarer Breite unterschiedliche Anweisungen aktiviert.

Der zweite Teil ist der, der häufiger übersehen wird: Bedienbarkeit. Ein Finger ist ungenauer als ein Mauszeiger, also brauchen Schaltflächen mehr Fläche und mehr Abstand voneinander. Wer am Telefon liest, hält das Gerät meist in einer Hand und scrollt mit dem Daumen. Eine Seite ist erst dann wirklich responsive, wenn sie unter diesen Bedingungen bedienbar bleibt, und nicht schon dann, wenn nichts über den Rand hinausragt.

Warum eine Seite am Handy anders bricht als am Monitor

Am Desktop hat man Platz im Überfluss. Fehler im Aufbau fallen dort nicht auf, weil genug Raum ist, um sie zu verstecken. Sobald die Breite auf ein paar hundert Bildpunkte schrumpft, wird jedes fixe Maß zum Problem. Eine Tabelle mit sechs Spalten, ein Bild mit fester Pixelbreite, ein Menü mit acht Punkten in einer Reihe: alles davon funktioniert am großen Schirm und geht am kleinen unter.

Das sind die Stellen, an denen wir es typischerweise sehen, wenn wir uns eine bestehende Seite am Telefon ansehen:

• Preistabellen und Öffnungszeiten laufen seitlich aus dem Bild, sodass die rechte Spalte unsichtbar bleibt.
• Das Kontaktformular hat Eingabefelder, die schmaler sind als der Text, den man hineinschreiben soll.
• Telefonnummern stehen als Bild oder als reiner Text da und sind deshalb nicht antippbar, obwohl genau das am Handy der wichtigste Klick wäre.
• Große Hintergrundbilder werden in voller Auflösung geladen und machen den Seitenaufbau im Mobilnetz träge.
• Zwei Schaltflächen liegen so knapp beieinander, dass man mit dem Daumen regelmäßig die falsche trifft.
• Der Cookie-Hinweis nimmt am kleinen Bildschirm die halbe Seite ein und lässt sich nur mit Mühe wegklicken.

Google schaut zuerst auf die mobile Version

Suchmaschinen bewerten seit Jahren primär die mobile Fassung einer Seite. Das nennt sich Mobile First Indexing: Der Roboter, der Ihre Website ausliest, tut das als Smartphone und nicht als Bürorechner. Was in dieser Ansicht schlecht lesbar oder langsam ist, wirkt sich auf die Position in den Ergebnissen aus, und zwar auch für Besucher, die später am Desktop suchen. Eine Seite, die nur am Monitor gut aussieht, wird also mobil beurteilt, obwohl sie dafür nie gedacht war.

Dazu kommt die Ladezeit. Im Mobilfunknetz ist die Verbindung schwankend, und jedes überflüssige Megabyte kostet Sekunden. Wer nach einem Handwerker oder einer Ordination in Wien sucht, tut das häufig unterwegs und mit wenig Geduld. Wenn nach drei Sekunden noch nichts zu sehen ist, geht der Besucher zum nächsten Treffer, und Sie erfahren davon nie.

Der Test, den Sie selbst in zehn Minuten machen können

Man braucht dafür kein Werkzeug und keinen Techniker. Nehmen Sie Ihr eigenes Telefon, schalten Sie das WLAN aus, damit Sie im Mobilnetz sind, und gehen Sie Ihre Seite durch wie ein Kunde, der Sie noch nicht kennt. Nicht die Startseite anschauen und zufrieden nicken, sondern eine konkrete Aufgabe erledigen: anrufen, hinfahren, eine Anfrage schicken.

Die Fragen, an denen sich das entscheidet, sind unspektakulär:

• Können Sie die Telefonnummer antippen und landen Sie damit direkt im Wählfeld?
• Finden Sie Adresse und Öffnungszeiten, ohne quer zu scrollen oder zu zoomen?
• Lässt sich das Kontaktformular mit einer Hand ausfüllen und abschicken?
• Ist der wichtigste Satz Ihrer Seite ohne Scrollen sichtbar, oder steht dort nur ein angeschnittenes Bild?
• Wie lange dauert es, bis überhaupt etwas erscheint, wenn Sie die Seite neu laden?

Wenn Sie an einer dieser Stellen hängen bleiben, bleiben Ihre Besucher dort auch. Der Unterschied ist, dass sie danach nicht weitersuchen, sondern woanders anrufen.

Nachrüsten oder neu bauen: responsive richtig umsetzen

Nicht jede Seite muss ersetzt werden. Wenn der Unterbau sauber ist und nur einzelne Bereiche brechen, lässt sich das oft mit überschaubarem Aufwand nachziehen: Tabellen umbauen, Bilder in mehreren Größen ausliefern, Schaltflächen vergrößern, das Menü mobil umklappen. Das ist Handarbeit an bestehendem Code und in vielen Fällen die günstigere Variante. Wichtig ist, dass danach jemand nachmessen kann und nicht nur behauptet, es sei jetzt responsive.

Wenn die Seite dagegen auf einer Struktur aus fixen Breiten aufsetzt oder auf einem System läuft, für das es keine Updates mehr gibt, wird Flicken teurer als ein neuer Aufbau. Das erkennt man daran, dass jede Korrektur an einer Stelle drei neue Probleme an anderer Stelle erzeugt. Wenn Sie sehen wollen, wie wir Websites in Wien aufbauen und betreuen, finden Sie das auf unserer Seite zum Webdesign. Die Entscheidung selbst hängt am Zustand des Bestands und nicht am Geschmack.

Was eine Umstellung realistisch bedeutet

Eine Umstellung ist selten ein Großprojekt, aber sie ist auch nicht in einer Stunde erledigt. Der größere Teil der Arbeit steckt nicht im Programmieren, sondern in den Entscheidungen: Was ist am kleinen Bildschirm zuerst wichtig, was darf nach unten rutschen, was fliegt raus. Diese Fragen kann niemand von außen beantworten, weil sie mit Ihrem Geschäft zu tun haben und nicht mit Technik. Wer sie einmal ordentlich klärt, hat danach eine Seite, die auch mit dem nächsten Gerätetyp zurechtkommt, weil sie sich nach verfügbarer Breite richtet und nicht nach einem bestimmten Modell.

Rechnen Sie mit einer Testrunde nach der Umstellung, an mehreren echten Geräten und nicht nur im verkleinerten Browserfenster. Ein Fenster am Desktop schmal zu ziehen zeigt das Layout, aber nicht die Fingerbedienung und nicht die Ladezeit im Mobilnetz. Und planen Sie ein, dass danach jemand hineinschaut, wenn Inhalte ergänzt werden. Die häufigste Ursache für eine kaputte mobile Ansicht ist nicht der Umbau, sondern eine Tabelle, die zwei Jahre später jemand schnell eingefügt hat.

Fazit

Responsive ist keine Frage des Geschmacks, sondern die Voraussetzung dafür, dass Ihre Seite dort funktioniert, wo die Leute sie tatsächlich öffnen. Prüfen können Sie das selbst, mit Ihrem Telefon, im Mobilnetz und mit einer konkreten Aufgabe im Kopf. Wenn dabei etwas hängt, ist es meist keine Kleinigkeit im Aussehen, sondern eine verlorene Anfrage. Ob Nachrüsten oder Neubau der richtige Weg ist, entscheidet der Zustand des Bestands, und das lässt sich in einem Blick auf den Code klären. Was danach bleibt, ist eine Seite, die weniger Rückfragen erzeugt, und das merken Sie am Telefon.