Ein digitales Serviceportal kann viele Aufgaben an einem Ort bündeln: Formulare, Öffnungszeiten, Zuständigkeiten und Hinweise zu einzelnen Anliegen. Auf dem großen Monitor wirkt diese Sammlung oft übersichtlich. Auf dem Smartphone entscheidet dagegen die Anordnung, ob Menschen den nächsten Schritt finden oder lange suchen müssen. Ein durchdachtes Raster hilft dabei, Inhalte nach Bedeutung zu ordnen, statt sie lediglich kleiner darzustellen.
Für die Planung lohnt sich ein Blick auf Systeme wie col-md, deren Rasterbegriffe Entwicklerinnen und Entwickler beim Aufbau anpassbarer Spalten unterstützen. Das technische Schema ist dabei nur ein Werkzeug. Vor der Umsetzung sollte feststehen, welche Information auf welcher Bildschirmgröße Vorrang hat und welche Inhalte gemeinsam gelesen werden müssen.
Mit dem Anliegen statt mit der Startseite beginnen
Viele Portale wachsen über Jahre. Eine Abteilung ergänzt ein Formular, eine andere veröffentlicht einen neuen Hinweis, später kommen zusätzliche Kontaktwege hinzu. Die Startseite bildet dann oft die Verwaltungsstruktur ab, obwohl Besucherinnen und Besucher mit einer konkreten Frage kommen: Wo melde ich einen Schaden? Welche Unterlagen brauche ich? Kann ich den Antrag online erledigen?
Ein Raster wird hilfreicher, wenn die Redaktion zuerst typische Wege durch das Angebot skizziert. Wer eine Leistung beantragen möchte, braucht womöglich eine kurze Erklärung, eine Liste erforderlicher Nachweise und einen klar erkennbaren Einstieg zum Formular. Diese Elemente gehören inhaltlich zusammen. Auf einem breiten Bildschirm können sie nebeneinander stehen; auf einem schmalen Gerät sollten sie in einer sinnvollen Reihenfolge erscheinen.
So entsteht die mobile Ansicht nicht als nachträgliche Verkleinerung der Desktop-Seite. Sie folgt dem Arbeitsablauf der Nutzerinnen und Nutzer. Das verändert auch redaktionelle Entscheidungen: Wiederholte Hinweise fallen auf, unnötige Teaser verlieren ihren Platz, und wichtige Begriffe rücken näher an die jeweilige Handlung.
Spalten nach Bedeutung verteilen
Ein Raster kann Aufmerksamkeit lenken, aber es ersetzt keine Priorisierung. Wenn jede Kachel gleich groß ist, vermittelt die Oberfläche, dass alle Angebote gleich wichtig seien. Das trifft selten zu. Eine dringende Meldung, ein häufiger Online-Antrag und ein allgemeiner Hintergrundtext erfüllen unterschiedliche Aufgaben und sollten entsprechend angeordnet sein.
Praktisch ist es, Inhalte zunächst nach ihrer Funktion zu sortieren. Für ein Serviceportal kann eine einfache Prüfung helfen:
- Welches Anliegen führt Besucherinnen und Besucher auf diese Seite?
- Welche Information benötigen sie, bevor sie handeln können?
- Welcher nächste Schritt soll sichtbar und eindeutig sein?
- Welche Inhalte ergänzen das Hauptanliegen, ohne davon abzulenken?
- Was lässt sich auf kleinen Displays nach unten verschieben, ohne den Ablauf zu stören?
Die Antworten geben dem Layout eine nachvollziehbare Grundlage. Eine kompakte Kontaktangabe kann neben einer Erklärung stehen, wenn beide zusammengehören. Eine lange Liste verwandter Leistungen passt eher unter den Hauptinhalt. Auf dem Smartphone sollte die Reihenfolge dieselbe Logik behalten, auch wenn aus Spalten eine einzelne Folge von Abschnitten wird.
Umbrüche mit echten Inhalten testen
Ein Layout kann mit Platzhaltertext ordentlich wirken und mit echten Inhalten trotzdem scheitern. Überschriften unterscheiden sich in der Länge, Formulare enthalten unterschiedlich viele Felder, und manche Hinweise brauchen mehr Raum als erwartet. Deshalb sollten Tests nicht nur auf festgelegten Gerätegrößen stattfinden. Auch dazwischenliegende Breiten können zeigen, wann eine Spalte zu eng wird oder eine Beschriftung ungünstig umbrechen muss.
Für die Prüfung eignen sich typische Seiten aus verschiedenen Bereichen des Portals. Dazu zählen eine kurze Informationsseite, ein längerer Ratgeber, ein Formular und eine Seite mit mehreren Kontaktoptionen. Wer diese Fälle auf einem schmalen Smartphone, einem Tablet und einem breiten Monitor durchgeht, erkennt eher, ob das Raster den Inhalt unterstützt oder ihm starre Grenzen setzt.
Die Prüfung sollte außerdem mit Tastatur und Screenreader erfolgen. Eine visuell passende Reihenfolge hilft wenig, wenn die programmatische Lesereihenfolge davon abweicht. Ebenso sollten Links und Schaltflächen genügend Platz haben, damit sie auf einem Touchscreen sicher bedienbar bleiben.
Ein gutes Raster bleibt veränderbar
Serviceangebote ändern sich. Eine neue Vorschrift kann ein Formular ergänzen, ein Projekt kann zusätzliche Beratung anbieten, und eine häufige Frage kann einen eigenen Abschnitt benötigen. Ein zu eng geplantes Layout macht solche Änderungen teuer, weil jede Erweiterung eine Reihe weiterer Anpassungen auslöst.
Darum sollten Teams nicht nur festlegen, wie viele Spalten eine Seite hat. Sie sollten dokumentieren, welche Inhaltsarten zusammengehören, welche Reihenfolge auf kleinen Bildschirmen gilt und welche Elemente bei Bedarf wachsen dürfen. Diese Regeln erleichtern die Arbeit von Redaktion, Design und Entwicklung. Sie geben genug Orientierung für konsistente Seiten, lassen aber Raum für Inhalte, die nicht in ein starres Muster passen.
Ein verständliches Serviceportal entsteht aus vielen kleinen Entscheidungen: einer passenden Reihenfolge, klaren Überschriften und einem Raster, das auf unterschiedlichen Geräten mitarbeitet. Wenn die Struktur am Anliegen der Menschen ausgerichtet ist, wird der Bildschirmwechsel weniger zum Hindernis. Die Gestaltung führt dann nicht durch ein Organigramm, sondern durch den nächsten sinnvollen Schritt.