Sonntag, 29. März 2026

Web-ProgrammierungResponsive Design statt App?

[10.04.2012] Eine kommunale App für Smartphones liegt im Trend – und ist leider auch teuer. Die Web-Programmierung Responsive Design ist eine echte Alternative. Damit passt sich die Darstellung der Website automatisch an verschiedene mobile Endgeräte an.
Responsive Design: Für Tablets optimierte Website des Boston Globe.

Responsive Design: Für Tablets optimierte Website des Boston Globe.

(Bildquelle: Seitenbau)

Smartphones und andere mobile Endgeräte haben das Internet massiv verändert. Was gestern noch neu und aufregend war, wird heute schon als Selbstverständlichkeit angesehen. Und natürlich wollen immer mehr mobile Bürger ihre Stadt nun auch jederzeit über ihr Smartphone im Web erreichen. Viele Kommunen haben darauf reagiert und stellen ihren Bürgern bereits Apps zur Verfügung, andere sind zumindest in der Planungs- oder Evaluationsphase. Fakt ist allerdings, dass eine kommunale App für alle Plattformen zwar eine schicke Sache ist, aber eben auch teuer.
Was tun? Ganz darauf verzichten? Oder nur die iPhone-Besitzer bedienen? Das ist nicht unbedingt nötig. Eine aktuelle Web-Technologie, das so genannte Responsive Design, ist meist günstiger, bedient alle mobilen Endgeräte und kann in den meisten Fällen eine kommunale App vollständig ersetzen. Responsive Designs sind derzeit im öffentlichen Sektor noch nicht sehr weit verbreitet, doch laufen bereits erste Projekte, wie zum Beispiel bei der Landeszentrale für Politische Bildung NRW, die demnächst ihre Website auf ein Responsive Design umschalten wird.
Responsive bedeutet übersetzt reaktionsfähig – und genau das ist das wesentliche Merkmal von Websites, die mit dieser neuen Technik ausgestattet sind: Sie reagieren auf die Geräte, mit denen sie aufgerufen werden. Der normale Benutzer mit seinem Browser merkt zunächst nichts – ruft er jedoch die Seite von unterwegs mit seinem Smartphone oder Tablet auf, passt sich das Layout der Seite automatisch an die speziellen Erfordernisse dieser Geräte an und kann dem Nutzungskontext entsprechend optimal genutzt werden.

Website passt sich an

Dabei geht es nicht nur um die Breite der Ansicht, sondern auch um die Hervorhebung und Anordnung von relevanten Details, wie zum Beispiel der Navigationselemente. Auch die Reihenfolge der Inhalte ändert sich: was im Browser nebeneinander angeordnet ist, muss für die Smartphones untereinander angeordnet werden. Responsive Layouts sind also nicht nur reine Anpassungen an verschiedene Breiten von Bildschirmen, sie müssen auch eine inhaltlich sinnvolle Sortierung der einzelnen Seitenelemente vornehmen. Das erfordert allerdings eine gute Planung, eine bestehende Website in ein responsive Layout zu verwandeln macht eher selten Sinn. Es bietet sich daher an, den Umbau mit einem vorsichtigen Redesign zu verbinden oder im Rahmen eines ohnehin geplanten umfassenden Relaunch umzusetzen.
#bild2
Die Grenzen zwischen den Funktionen und Möglichkeiten eines responsive Layout und einer echten App sind fließend. Die meisten funktionalen Möglichkeiten einer App lassen sich dabei mittlerweile sehr gut mit einem Responsive Design abbilden. Soll die kommunale App im Prinzip ein Spiegelbild der Website ohne zusätzliche spezielle Funktionen sein, kann man sie problemlos durch ein responsive Layout ersetzen. Möchte man seinen Bürgern jedoch beispielsweise weitergehende mobile Services anbieten, wie beispielsweise einen kommunalen Mängelmelder mit Bild-Upload oder eine Funktion zur Online-Terminvergabe, die den vereinbarten Termin direkt in die Kalenderanwendung des Nutzers einträgt, kommt man an einer App noch nicht vorbei. Auch Funktionen wie der Zugriff auf Kontaktdaten sowie E-Mails und SMS des Nutzers lassen sich bisher nur über eine App realisieren. Dies liegt daran, dass die technische Auslegung der Webbrowser auf mobilen Geräten im Moment nur beschränkten Zugriff auf Teile der Hardware sowie des Dateisystems der Endgeräte zulässt.

Noch keine Offline-Nutzung

Zudem lässt sich eine App, sobald sie auf dem Smartphone installiert ist, jederzeit offline nutzen, was bei einer mobilen Website nicht der Fall ist. Aber auch hier zeichnen sich technische Lösungen ab, die eine Offline-Nutzung von mobilen Websites – etwa über HTML 5 – bald ermöglichen werden. Und sogar die Nutzung der Geodaten eines mobilen Endgerätes ist mittlerweile über Javascript möglich, wie die mobile Version von Google Maps zeigt.
Im Gegenzug verfügt das Responsive Design über eine wesentliche Eigenschaft, welche die App nicht bietet: Der Zugang erfolgt über die Internet-Adresse der Kommune und erfordert keine Installation. Was sich zunächst banal anhört, stellt sich bei der Betrachtung der Nutzungsweisen schnell als großer Vorteil heraus. Viele Anwender benutzen unterwegs eine Suchmaschinen, schicken Links per E-Mail oder gelangen über soziale Netzwerke auf die Seiten. Der Zugang zur Information ist also viel direkter als der Umweg über eine App. Wer die Nutzungsdaten seines Web-Auftritts analysiert, wird schnell feststellen, dass schon über zehn Prozent der Nutzer mit mobilen Endgeräten zugreifen. Das ist eine Zahl, die man mit einer App kaum so schnell erreichen wird.

Alle mobilen Bürger werden erreicht

Auch nicht ganz unwichtig für Kommunen ist die Tatsache, dass man mit einem responsive Layout alle mobilen Bürger erreicht. Gänzlich unabhängig von ihren Endgeräten, da die einzige Zugangsvoraussetzung ein moderner Webbrowser ist. Darüber hinaus ist man auch für zukünftige Entwicklungen gewappnet, kommt eine neue Gerätegeneration hinzu, kann man die entsprechenden Regeln für das Layout sehr einfach ergänzen.
Gerade in Zeiten klammer kommunaler Kassen ist natürlich auch die Kostenfrage ein wichtiger Faktor für die Entscheidung Responsive Design oder App. Wie sich dies genau darstellt muss natürlich im Einzelfall eingehend betrachtet werden. Grundsätzlich lässt sich jedoch feststellen, dass trotz des in der Regel notwendigen – zumindest teilweisen – Redesigns der Website die Kosten für ein responsive Layout oft wesentlich geringer ausfallen, als der zweigleisige Weg mit einer normalen Website und einer App für verschiedene Plattformen.
Noch deutlicher wird der Kostenvorteil bei der Betrachtung des mittelfristigen Pflegeaufwands. Denn mit einem responsive Layout muss nur ein Datenbestand gepflegt werden, die auf Dauer recht kostspieligen Anpassungen für die Inhalte einer App entfallen und auch der allgemeine Verwaltungsaufwand ist deutlich geringer. Zudem ist ein responsive Layout zukunftssicher: entstehen neue Gerätegenerationen, können auch in ein paar Jahren noch die CSS-Regeln sehr einfach angepasst und erweitert werden, ohne den eigentlichen Quellcode anpassen zu müssen.

Mehraufwand ist überschaubar

Ein Responsive Design ist gerade für Kommunen, die noch keine eigene App haben und die oft relativ hohen Kosten dafür scheuen, eine interessante Alternative. Aber auch Kommunen, die bereits über eine App verfügen, sollten das Thema im Hinterkopf behalten und sich spätestens beim nächsten planmäßigen Relaunch noch einmal fragen, ob die Umstellung ihrer Website auf ein Responsive Design (auch zusätzlich zur App) nicht doch Sinn macht. Denn gerade im Rahmen eines umfassenden Relaunch oder eines optischen Redesigns ist der Mehraufwand für eine Umstellung auf Responsive Design in der Regel sehr überschaubar, da der Quellcode des Web-Auftritts im Zuge des ohnehin anstehenden Umbaus nur einmal angepasst werden muss. Der Mehraufwand schlägt sich dann nur noch in der Planung und einem leicht erhöhten Programmieraufwand nieder, im Vergleich zu einem späteren Umbau sind diese Kosten jedoch vernachlässigbar.

Martin Mengele ist Projektleiter bei der Seitenbau GmbH, Konstanz.




Anzeige

Weitere Meldungen und Beiträge aus dem Bereich: CMS | Portale
Bürgermeister Christian Zwingmann hält ein Smartphone in der Hand, auf dem die Leinefelde-Worbis-App zu sehen ist, im Hintergrund sind auf einem Display weitere App-Ansichten zu sehen.

Leinefelde-Worbis: Informationen direkt aufs Smartphone

[23.03.2026] Mit der Leinefelde-Worbis-App erhalten die Bürgerinnen und Bürger nicht nur städtische Informationen und Dienstleistungen auf ihr Smartphone. Mittels Schadensmelder können sie auch Mängel im öffentlichen Raum mitteilen oder per Umfragemodul an Befragungen teilnehmen. Die modular konzipierte Lösung wird auf Servern in Deutschland gehostet. mehr...

Finger tippt auf einem Smartphone, im Hintergrund Bokeh-Effekte

Leipzig: Vieles ist schon online möglich

[20.03.2026] Wohnsitz, Wohngeld und ganz neu die Hundesteuer – in Leipzig stehen viele Verwaltungsservices online zu Verfügung. Sie können ganz ohne Amtsbesuch beansprucht werden. Die Stadt strebt zudem für viele Leistungen eine Ende-zu-Ende-Digitalisierung an. mehr...

In Wollpulloverärmeln steckende Hände tippen an einem Laptop, der auf einem niedrigen Couchtisch steht. Die ganze s´Szene ist warm beleuchtet.

Hessen: Quick-Check Bauantrag gestartet

[18.03.2026] Das Land Hessen hat ein einfaches digitales Angebot geschaffen, mit dem Bürgerinnen und Bürger schnell prüfen können, ob für ihr Bauvorhaben ein Bauantrag erforderlich ist. Das spart Zeit, schafft Klarheit und entlastet auch die Behörden. mehr...

Screenshot der Startseite des Bürgerportals Maerker Brandenburg.

Maerker Brandenburg: Neues Design, verbesserte Funktionen

[17.03.2026] Umfassend modernisiert ist jetzt das Bürgerportal Maerker Brandenburg online. Die Plattform wartet mit einer übersichtlichen Struktur, barrierefreier Nutzung und einer intuitiven Navigation auf. Zudem können Missstände noch einfacher über eine zentrale Suche und eine interaktive Karte gefunden, gesucht oder gemeldet werden. mehr...

Hand hält Handy mit Website der Stadt Mainz, Relaunch

Mainz: Neues Zeitalter der Online-Präsenz

[16.03.2026] Einen umfassenden Relaunch hat der Internetauftritt von Mainz erfahren. Er wartet mit einer neuen technischen Basis, neuen Funktionalitäten und inhaltlich mit starkem Fokus auf Services der Stadtverwaltung auf. Weiterentwicklungen sind bereits in Planung. mehr...

Altstadtgasse mit nebeneinander liegenden Holztüren in verschiedenen Farben

Nordrhein-Westfalen: Digitale Eingangstür zur Verwaltung

[12.03.2026] Eine verwirrende Vielzahl von Verwaltungsportalen erschwert den Zugang zur benötigten Verwaltungsleistung. Nordrhein-Westfalen betreibt nun eine Portalkonsolidierung: Statt sich durch verschiedene Portale zu navigieren, genügt ein Einstiegspunkt, der – per KI – den Weg zum passenden Angebot weist. mehr...

Zwei Desktopbildschirme zeigen unterschiedliche Seiten des Stuttgarter Internetportals an.

Barrierefreiheit: Studie sieht Stuttgart auf Rang vier

[11.03.2026] Das Internetportal der Landeshauptstadt Stuttgart gehört laut einer Studie zu den barriereärmsten kommunalen Webseiten in Deutschland. Unter 83 untersuchten Städten belegt stuttgart.de den vierten Platz. Die Untersuchung zeigt zugleich: Vollständig barrierefrei ist bisher kein Stadtportal. mehr...

fünf Personen vor einem Bildschirm_relaunch_kreis Neuwied

Kreis Neuwied: Website erneuert

[04.03.2026] Seine Internetpräsenz hat der Kreis Neuwied neu gestaltet. Nach dem Relaunch präsentiert sich die Website nun nutzerfreundlich, barrierefrei und konsequent auf Service ausgerichtet. mehr...

Screenshot der Rosengarten-App.

Rosengarten: App schafft digitale Nähe

[17.02.2026] Um Servicethemen und Meldungen noch direkter und unkomplizierter zu vermitteln, bietet die Gemeinde Rosengarten ab sofort eine City-App an. Die Kommune kann somit relevante Informationen in Echtzeit und gezielt verteilen. mehr...

Screenshot der Bernauer Plattform mit eingeblendeten Eye-Able-Einstellungen.

Bernau bei Berlin: Barrierearmes Online-Rathaus

[11.02.2026] In Bernau bei Berlin können die Bürgerinnen und Bürger über das Serviceportal Rathaus online bestimmte Verwaltungsdienste zeit- und ortsunabhängig digital in Anspruch nehmen. Der integrierte Eye-Able-Assistent erleichtert Menschen mit Einschränkungen den Zugang zur Plattform. mehr...

Screenshot der Startseite von Augsburg.de mit eingeblendetem Barrierefreiheit-Menü.

Augsburg: Informationen in Leichter Sprache

[11.02.2026] Die Augsburger Website kann nun in 15 Sprachen und zahlreiche Inhalte auch in Leichter Sprache ausgespielt werden. Die Plattform soll so barriereärmer werden. Das Angebot wird Schritt für Schritt erweitert. mehr...

Screenshot leben in Weimar

Weimar: Leben in der Stadt im Überblick

[06.02.2026] Die Stadt Weimar hat ihre Internetseiten rund um das Leben in der thüringischen Kommune überarbeitet und neu strukturiert. Statt eines komplexen Mixes aus Zuständigkeiten, Formularen und Verweisen stehen nun lebensnahe Themen im Mittelpunkt. mehr...

Mehrere Personen stehen vor einem Whiteboard mit einer Präsentation der Integriert-App versammelt, zwei davon drücken symbolisch den Startknopf des neuen Angebots.
bericht

Essen / Kaiserslautern / Würzburg: Integreat-App unterstützt Zugezogene

[03.02.2026] Um zugewanderten und geflüchteten Menschen das Ankommen in der Stadt zu erleichtern, greifen jetzt auch Essen und Würzburg auf die Integreat-App zurück. Kaiserslautern bietet die Open-Source-Anwendung bereits seit sechs Jahren an und stellt sie neuerdings in 13 Sprachen zur Verfügung. mehr...

Screenshot Serviceportal Kreis Wittenberg

Kreis Wittenberg: Service im Portal

[30.01.2026] Im Serviceportal der Kreisverwaltung Wittenberg können Dienstleistungen digital in Anspruch genommen werden. Das Online-Angebot wird kontinuierlich ausgebaut. Der Verwaltung ist aber auch der persönliche Kontakt wichtig. mehr...

Mock-up eines Monitors mit den Webinhalten

Krefeld: Update für die Stadt-Webseite

[28.01.2026] Krefeld.de startet mit neuem Design und klarer Struktur. Die Website bündelt Informationen, trennt Inhalte konsequent vom Serviceportal und ist mobil, barrierearm sowie suchmaschinenoptimiert aufgebaut. Ziel ist ein schneller Zugang zu städtischen Angeboten. mehr...