Freitag, 27. Dezember 2024

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
Auf einem Laptop und einem Mobiltelefon wird die neue Website des Märkischen Kreises gezeigt.

Märkischer Kreis: Website modernisiert

[12.12.2024] Im modernen Gewand präsentiert sich ab sofort die Website des Märkischen Kreises. Ein Fokus lag dabei auf einer verbesserten Nutzerfreundlichkeit. Der neue Auftritt löst zugleich die nach dem Hackerangriff aufgesetzte provisorische Not-Homepage ab. mehr...

Smartphone mit Blick auf die öffentliche Anliegenkarte vom Mängelmelder Fulda

Fulda: Mängelmelder bleibt

[09.12.2024] Die Testphase des Mängelmelders von Anbieter wer denkt was bei der Stadt Fulda war erfolgreich. Die nordhessische Stadt wird den Service dauerhaft einführen. Dafür wurden auch interne Prozesse optimiert. mehr...

Wuppertal: KI übersetzt Internetseiten

[03.12.2024] Die Internetseiten der Stadt Wuppertal werden mittels Künstlicher Intelligenz in 16 Sprachen übersetzt. Zum Einsatz kommt hierfür das Programm DeepL. mehr...

Screenshots der Wittener Website auf einem Smartphone, einem Desktop-Bildschirm und einem Tablet.
bericht

Portale: Witten rekordverdächtig

[29.11.2024] Gemeinsam mit dem Unternehmen Nolis hat die Stadt Witten in Rekordzeit ein neues Kommunalportal auf die Beine gestellt. Bereits beim Go-live konnte die Kommune 40 Onlinedienstleistungen anbieten. Was waren die Erfolgsfaktoren? mehr...

Luftaufnahme des Landratsamts Bayreuth, ein weißes, aus zwei Flügeln bestehendes, circa zweigeschossiges Gebäude an einer Teichanlage.
bericht

Kreis Bayreuth: Relaunch gut geplant

[26.11.2024] Der Kreis Bayreuth hat seine Website einem umfassenden Relaunch unterzogen. Zur Nutzerfreundlichkeit des neuen Auftritts trägt unter anderem bei, dass sich die mithilfe der Software Formcycle erstellten Onlineservices mit nur einem Klick integrieren lassen. mehr...

Zwei Smartphones zeigen verschiedene Ansichten der Bochum App, daneben ein Luftballon in Form einer Eins.

Bochum App: Erfolgreiches erstes Jahr

[25.11.2024] Die Bochum App steht seit einem Jahr als smarter Alltagsbegleiter zur Verfügung. Besonders beliebt sind der Abfall- und der Veranstaltungskalender, der Mängelmelder oder die Möglichkeit, Verwaltungsservices über das Smartphone zu nutzen. Die App soll fortlaufend weiterentwickelt werden. mehr...

Stuttgart: Barrierefreier Stadtführer sucht Unterstützung

[22.11.2024] Stuttgart hat einen barrierefreien Online-Stadtführer, der mobilitätseingeschränkten Menschen Informationen zur Zugänglichkeit öffentlicher Einrichtungen bietet. Jetzt werden Helferinnen und Helfer gesucht, um die Daten aktuell zu halten. mehr...

Halle (Saale): Neues Kitaportal gestartet

[19.11.2024] Ein neues Kitaportal hat jetzt die Stadt Halle (Saale) freigeschaltet. Über die Plattform können Familien ihre Bedarfsmeldungen online einreichen und werden über den Stand des Vergabeprozesses auf dem Laufenden gehalten. mehr...

Drei Personen stehen vor dem Bildschirm mit der neuen Website der Stadt Darmstadt.

Darmstadt: Neue Website ist online

[13.11.2024] Darmstadts Website zeigt sich nach Relaunch im modernen Design. Optimiert für Smartphones und mit verbesserter Benutzerführung soll der neue Auftritt schnellen Zugang zu städtischen Informationen bieten. 90 Prozent der Inhalte sind bereits verfügbar. mehr...

Emmerich am Rhein: Neue Stadt-App verfügbar

[07.11.2024] Die Stadt Emmerich am Rhein hat in Zusammenarbeit mit den Stadtwerken Emmerich und der Wirtschaftsförderungs- und Marketinggesellschaft eine umfassende Stadt-App entwickelt. Sie ist ab sofort kostenlos für iOS und Android verfügbar. mehr...

Person mit weißem Hemd hält ein Tablet gegen die Kamera, darauf sind Balkendiagramme zu sehen.

AKDB: Bürgerdienste gezielt optimieren

[07.11.2024] Die AKDB-Plattform FRED unterstützt Kommunen bei der Digitalisierung: Mit Dashboards und Nutzerfeedback ermöglicht sie eine bessere Verwaltung und steigert die Nutzung digitaler Angebote. Ziel ist eine bürgerfreundliche, durchgängig digitale Verwaltung. mehr...

Software optimiert Kita-Platzvergabe.

Frankfurt am Main: Modernes Betreuungsplatz-Portal

[05.11.2024] Ihr Portal zur Vergabe von Kita-Betreuungsplätzen modernisiert die Stadt Frankfurt am Main. Die IT-Dienstleister ekom21 und Lecos betreuen die Neuentwicklung, die im Dezember nutzerfreundlicher und mobiloptimiert starten soll. mehr...

Blick auf einen Tablet-Bildschirm mit der AR-App SoesTour

Soest: Mit App auf virtueller Stadttour

[01.11.2024] Um Touristen und Einwohnern eine innovative und interaktive Möglichkeit zu bieten, die Geschichte der Stadt Soest zu erleben, wurde von der Firma EVOspark die SoesTour-App entwickelt. Mithilfe von Augmented Reality (AR) werden dabei historische Gebäude und Orte virtuell wieder zum Leben erweckt. mehr...

Drei Handys in der Reihe, die karlsruhe.de in verschiedenen Sprachen anzeigen.

Karlsruhe: Vielsprachiger Webauftritt

[31.10.2024] Der Webauftritt der Stadt Karlsruhe ist künftig in zehn weiteren Sprachen verfügbar. Die rund 7.000 Seiten werden dabei KI-basiert in Echtzeit übersetzt. mehr...

Blick auf den Screen eines Tablets, auf dem eine Anwendung mit einem grünlichen User-Interface zu sehen ist. Eine Hand mit einem Stift und im Hintergrund ein Sofa sind auch zu sehen.

Münster: Plattform für die Pflegedienst-Suche

[17.10.2024] Um auf den demografischen Wandel und den steigenden Bedarf an Pflegeleistungen zu reagieren, hat die Stadt Münster eine Onlineplattform zur Suche nach einem passenden Pflegedienst entwickelt. Über den Marktplatz können zahlreiche – dort registrierte – Pflegedienste gleichzeitig erreicht werden. mehr...