Ein digitaler Stadtführer muss mehr leisten, als Sehenswürdigkeiten aufzuzählen. Wer unterwegs nach einem ruhigen Café, einer barrierefreien Route oder einem Platz zum Aufwärmen sucht, braucht Informationen, die sich schnell erfassen lassen. Auf dem großen Bildschirm darf die Seite großzügig wirken; auf dem Smartphone sollte sie trotzdem nicht zur endlosen Sammlung schmaler Textspalten werden.
Genau hier hilft ein durchdachtes Raster. Mit col-md lässt sich etwa festlegen, wie Inhalte auf mittleren Ansichten nebeneinanderstehen, während sie auf kleineren Displays untereinander erscheinen. Für einen Stadtführer ist das nützlich, weil Karten, kurze Hinweise und längere Beschreibungen unterschiedliche Aufgaben erfüllen. Das Layout kann sie passend anordnen, statt alles in dieselbe Form zu pressen.
Inhalte nach ihrer Aufgabe ordnen
Bevor Spalten entstehen, lohnt sich eine redaktionelle Frage: Was muss jemand auf dem Weg sofort erkennen, und was darf später folgen? Eine Öffnungszeit oder ein Hinweis zum Eingang gehört meist nach vorn. Die Geschichte eines Gebäudes kann weiter unten stehen. Diese Reihenfolge sollte auf allen Geräten sinnvoll bleiben, auch wenn sich die Darstellung verändert.
Ein praktischer Aufbau trennt die Seite in einen Hauptbereich und ergänzende Informationen. Der Hauptbereich zeigt den Ort, eine knappe Einordnung und die wichtigsten Besuchsdaten. Daneben können auf breiten Ansichten Hinweise zu Anfahrt, Umgebung oder Zugänglichkeit stehen. Auf einem schmalen Bildschirm rücken diese Angaben unter den Hauptinhalt. So bleibt der Lesefluss erhalten, ohne dass relevante Details verschwinden.
Das Raster an echten Nutzungssituationen prüfen
Ein Layout wirkt auf einem einzelnen Laptopfenster schnell fertig. Im Alltag wird dieselbe Seite jedoch mit einer Hand am Telefon, im Zug auf einem Tablet oder auf einem großen Monitor geöffnet. Deshalb sollte die Redaktion nicht nur prüfen, ob Elemente nebeneinanderpassen. Entscheidend ist, ob Lesende in jeder Ansicht die nächste sinnvolle Handlung finden.
- Passt die Überschrift in eine gut lesbare Zeilenlänge?
- Bleiben Öffnungszeiten und Adressen in der Nähe des jeweiligen Ortsnamens?
- Rutschen ergänzende Hinweise an eine Stelle, an der man sie ohne langes Suchen findet?
- Kann man Schaltflächen und Auswahlfelder mit dem Daumen bedienen?
- Bleibt die Reihenfolge der Inhalte verständlich, wenn Spalten untereinander stehen?
Diese Prüfungen sollten mit echten Texten stattfinden. Ein kurzer Platzhalter verrät wenig darüber, ob ein langer Straßenname eine Spalte sprengt oder eine Beschreibung die Karte weit nach unten schiebt. Auch Schriftvergrößerung und längere Übersetzungen können die Aufteilung verändern. Wer solche Fälle früh testet, muss später weniger improvisieren.
Karten und Texte nicht um Aufmerksamkeit konkurrieren lassen
Eine Karte kann Orientierung geben, aber sie ersetzt keine brauchbare Wegbeschreibung. Gerade auf kleinen Displays nimmt sie viel Fläche ein. Der Stadtführer sollte deshalb erklären, was die Karte zeigt und welche Entscheidung als Nächstes ansteht: Ist der Eingang auf der Hofseite? Gibt es eine Haltestelle in der Nähe? Führt der barrierefreie Zugang über eine andere Straße?
Bei mehreren Orten auf einer Seite hilft eine klare visuelle Gewichtung. Der Titel eines Eintrags darf auffallen, doch nicht jede Information braucht dieselbe Größe. Kurze Fakten lassen sich als kompakte Zeilen darstellen. Längere Hinweise gehören in Absätze mit genug Abstand. Ein Raster kann diese Bereiche trennen, aber die redaktionelle Hierarchie muss zuerst feststehen.
Mit einem Eintrag beginnen und dann erweitern
Statt gleich den gesamten Stadtführer umzubauen, kann ein Team eine einzelne Seite als Muster verwenden. Dafür eignet sich ein Ort mit typischen Anforderungen: längerer Beschreibungstext, mehrere Besuchsdaten und mindestens ein Hinweis zur Anreise. Das Team prüft die Seite auf verschiedenen Bildschirmbreiten und notiert, wo Inhalte zu früh umbrechen oder zu viel Raum beanspruchen.
Erst danach lohnt es sich, das Muster auf weitere Einträge zu übertragen. Dabei sollten Redakteurinnen und Redakteure eine kleine Inhaltsvorlage erhalten: Welche Angaben sind Pflicht, welche optional, und wo steht ein Hinweis, der den Besuch beeinflusst? Eine solche Vorlage hält die Seiten konsistent, ohne jedem Ort eine identische Geschichte aufzuzwingen.
Ein gutes responsives Layout fällt im besten Fall kaum auf. Es lässt die Informationen dort stehen, wo Menschen sie erwarten, und passt die Anordnung an den verfügbaren Platz an. Für einen Stadtführer bedeutet das: weniger Suchen unterwegs und mehr Raum für die Details, die einen Besuch tatsächlich erleichtern.