Donnerstag, 14. Mai 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.




Weitere Meldungen und Beiträge aus dem Bereich: CMS | Portale
Ein Baum wächst aus einem Boden, bestehend aus leuchtenden Linien, heraus.

Difu: Portal für nachhaltige Kommunen

[13.05.2026] Ob Klimaschutz und Energie, Mobilität, Wohnen, Bildung oder Infrastruktur: Vor Ort entscheidet sich, ob die nachhaltige Entwicklung gelingt. Eine neue digitale Plattform von Difu und Bertelsmann Stiftung unterstützt Kommunen bei der Steuerung ihrer zukunftsorientierten Entwicklung. mehr...

kreis Nienburg/weser_altes Amtshaus

Niedersachsen: Land und Landkreis realisieren Online-Services

[04.05.2026] Innerhalb von knapp drei Monaten konnten im Kreis Nienburg/Weser zahlreiche OZG-Fokusleistungen und Leistungen von föderalem Interesse digital bereitgestellt werden. Möglich wurde dies durch ein neues gemeinsames Vorgehen zwischen dem Innenministerium, dem Kreis und seinen angehörigen Kommunen sowie deren IT-Dienstleistern. mehr...

hand mit Smartphone mit Augsburg-App vor Augsburger Rathaus

Augsburg: Alles in der App

[30.04.2026] Die Stadt Augsburg hat einen Kommunikationskanal gestartet, bei dem digitale Souveränität ein wichtiger Faktor ist: Die App macht unabhängig von Algorithmen, bietet mehr Kontrolle über die Inhalte und stellt einen direkten Draht zur Bevölkerung her. mehr...

Nordrhein-Westfalen: Besser gegen Wasser geschützt

[28.04.2026] Das Land NRW stellt eine App bereit, die Eigentümerinnen und Eigentümer von Immobilien darin unterstützt, Gefährdungen durch Starkregen oder Hochwasser einzuschätzen. Auch Kommunen können die App nutzten, um eigene Angebote zum Hochwasserschutz breit zu kommunizieren. mehr...

Kreis Steinfurt: Digitale Antragstellung im Immissionsschutz

[14.04.2026] Der Kreis Steinfurt hat die digitale Antragstellung im Immissionsschutz gestartet und damit ein umfangreiches Genehmigungsverfahren effizienter und transparenter gemacht. mehr...

Hand, die Euronoten in die Höhe hält, blauer Hintergrund.

Nordrhein-Westfalen: Digital zum Mittelabruf

[10.04.2026] Das Land Nordrhein-Westfalen hat ein umfangreiches Infrastruktur- und Investitionsprogramm für Kommunen auf den Weg gebracht. Der Antragsweg für die Kommunen sollte dabei möglichst glatt verlaufen: Über ein Portal können sie über ein rein digitales Verfahren auf die Mittel zugreifen. mehr...

Frau schaut auf Tablet

S-Public Services: PublicFlow für Prozesse

[01.04.2026] Die Plattform PublicFlow hat jetzt S-Public Services vorgestellt. Sie ermöglicht Kommunen die einfache digitale Bearbeitung von Verwaltungsanträgen Schritt für Schritt – sicher, effizient und mit automatisierter Unterstützung. mehr...

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...