Portale:
Responsive or go home


[1.2.2016] Responsive Design ist eine Grundvoraussetzung für zeitgemäße Online-Portale. Bei der Umsetzung müssen neben technischen vor allem auch die konzeptionellen Herausforderungen bedacht werden.

Responsive Design ist Grundvoraussetzung für moderne Online-Portale. Der Gang ins Bürgerbüro, zum Amt oder zum Rathaus gehört zu den eher unbeliebten, aber notwendigen Aktivitäten des Bürgerlebens. Öffnungs- und Wartezeiten beim Behördengang sind dabei oft ein Problem. Viele Kommunen und Behörden bieten ihren Kunden daher bereits eine Vielzahl von Bürgerservices online zur Bearbeitung zu Hause an. Doch das Nutzungsverhalten ändert sich rasant. Laut Statista gibt es in Deutschland schon heute knapp 34,5 Millionen mobile Internet-Nutzer – Tendenz steigend. Dazu kommt, dass häufig mehrere mobile Endgeräte verwendet werden, durchschnittlich 2,4 Geräte pro Nutzer – unterschiedliche Auflösungen und Betriebssysteme inklusive. Ein Responsive Design, das diesen Gegebenheiten optimal gerecht wird, ist also nicht mehr nur Nice-to-Have, sondern alternativlose Grundvoraussetzung für ein zeitgemäßes kommunales Online-Portal. Nicht umsonst lautet ein aktueller Web-Design-Grundsatz: responsive or go home! Responsive-Design-Projekte haben ganz spezielle Anforderungen. Sie bringen viele technische Herausforderungen mit sich. Das Hauptaugenmerk aber liegt, vor allem zu Projektbeginn, auf dem konzeptionellen Bereich. Das wird leider oft übersehen, was am Ende zu schlecht nutzbaren und inhaltlich überladenen Anwendungen führt. Das Konzept einer Responsive Website beginnt mit der Content-Analyse. Hier wird bei einer eingehenden Inventur der vorhandenen oder zu erwartenden Inhalte des künftigen Portals festgestellt, in welcher Art, in welchem Umfang und mit welcher Struktur Inhalte wie Text, Bilder, Videos oder Audio-Angebote vorliegen. Das ist eine redaktionelle Aufgabe, die trotz technischer Unterstützung sehr viel Handarbeit erfordert. Dabei ist zu hinterfragen, welche Inhalte überflüssig sind, ob sie im vorliegenden Umfang benötigt werden und wo sie künftig einzuordnen sind – eine wunderbare Gelegenheit, sich von überflüssigem Ballast zu trennen.

Nutzer bestimmen Anforderungen

Die tatsächlichen Anforderungen an ein kommunales Web-Angebot bestimmt der Bürger. Diese Anforderungen können im Gegensatz zu den ersten konzeptionellen Überlegungen stehen. Daher muss der Nutzer an dieser Stelle in den Entwicklungsprozess eingebunden werden. Aus Aussagen von echten Nutzern wird ein Anforderungskatalog erstellt, der die Basis des ersten Konzepts darstellt und die tatsächlichen Probleme angeht. In dem nun folgenden iterativen Designprozess wird mithilfe regelmäßiger Usability-Tests der aktuelle Entwicklungsstand evaluiert und kontinuierlich verbessert. So erfahren auch die Themen Usability und Accessibility von Anfang an die notwendige Aufmerksamkeit. Verschiedene Devices erfordern ein Höchstmaß an Flexibilität im Design, was nur mit agiler Entwicklung und kompromissbereiter Projektabwicklung erreicht werden kann. Zu Beginn wird der Mindestumfang für eine Mobile-Version definiert. Diese Kernfunktionen können dann mit zusätzlichen Features für Tablet- und Desktop-Versionen ergänzt werden. Eine solche Vorgehensweise ist erfahrungsgemäß wesentlich effizienter, als wenn aus einer umfangreichen Desktop-Anwendung mit allen Nice-to-Haves die für eine mobile Applikation essenziellen Bestandteile herauszuarbeiten sind. Weil hier entscheidende Weichenstellungen für das Projekt definiert werden, ist eine enge Zusammenarbeit und vertrauensvolle Kommunikation zwischen Auftraggeber, Designagentur und technischem Entwicklungsteam grundlegend. Wenn nun das funktionale Konzept steht, sollte mit dem Aufbau eines funktionalen Prototyps begonnen werden. Mit dessen Hilfe lässt sich direkt testen, ob die geplante Anwendung den funktionalen Anforderungen entspricht. Notwendige Änderungen können schnell erkannt und die Funktionsweise noch vor dem Go-Live sukzessive optimiert werden, wenn die Anforderungen des Bürgers bereits an dieser Stelle im Entwicklungsprozess hinreichend berücksichtigt werden, verhindert das die Multiplikation konzeptioneller Fehler in späteren Projektstadien. Mithilfe von Usability Tests können auch hier kostenintensive Nachbesserungen vermieden werden.

Layout nicht an erster Stelle

Erst jetzt, wenn all diese Arbeitsschritte erfolgreich gemeistert sind, startet die Entwicklung des endgültigen Layouts mit der gesamten visuellen Sprache der Anwendung. Diese definiert sich aus zielgruppenspezifischen Ansprachen, der Berücksichtigung bereits bestehender Corporate-Design-Vorgaben, Bildkonzepten, Farben und Schriften. Dieses Look-and-feel ist das, was oft fälschlicherweise unter Design verstanden und meist schon während der ersten Projektphase, der Dienstleistersuche, gefordert wird. Der Wunsch des Auftraggebers, möglichst früh ein fertiges Layout zu sehen, ist verständlich. Trotzdem kann die finale Entwicklung des fertigen Layouts mit allen Details idealerweise erst nach allen konzeptionellen Schritten erfolgen. Dabei wird eine erste Designroute nach dem Prinzip Form-follows-Function geprüft und weiterentwickelt. Bei der Agenturauswahl ist es daher zielführender, sich zunächst erste unverbindliche Entwürfe oder Designrouten und erfolgreich realisierte Referenzprojekte zeigen zu lassen. Diese sagen mehr über die Kompetenz des Unternehmens in der Entwicklung benutzerfreundlicher und zeitgemäßer Responsive Designs aus, als gefällige, aber möglicherweise nicht praktikable Präsentationsentwürfe. Natürlich müssen fertiges Layout und strukturelles Konzept dann noch professionell mit den aktuellsten Technologien in Front und Back End realisiert werden. HTML 5, CSS3 und JavaScript (-Frameworks) sind bei der technischen Umsetzung unerlässliche Werkzeuge. Hier kann direkt auf den bestehenden Prototypen aufgesetzt werden. Ergebnis ist ein fertiges und bereits getestetes Front End. Die nun folgende Anbindung des Front End an die Back-End-Komponenten wie Content-Management-Systeme, Portal-Frameworks oder Formular-Server erfordert dann nur noch ein geringes Maß an technischen Lösungen für funktionierendes Responsive Design.

Tipps für Responsive-Design-Projekte

• Responsive-Design-Projekte vor allem als konzeptionelle Aufgabe verstehen, anstatt sich nur auf technische Lösungen zu fokussieren.
• Content-Analyse ernst nehmen, genug Ressourcen und Zeit einplanen.
• Von Anfang an den Nutzer in den Mittelpunkt der konzeptionellen Überlegungen stellen.
• Mobile First denken und dabei intensiv kommunizieren.
• Schon während der Entwicklung des Designs den Prototyp aufsetzen und so früh wie möglich mit echten Usern testen.
• Ein Responsive Design beginnt nicht mit einem fertigen Layout; es muss im Zusammenspiel mit dem funktionalen Konzept nach und nach entwickelt werden.
• Beim Front End auf Prototypen setzen, nicht mit dem Back End beginnen.

Benjamin Troll ist Art Director und Martin Mengele Technischer Projektleiter bei der Seitenbau GmbH, Konstanz.

http://www.seitenbau.com
Dieser Beitrag ist im Titel der Februar-Ausgabe von Kommune21 erschienen. Hier können Sie ein Exemplar bestellen oder die Zeitschrift abonnieren. (Deep Link)

Stichwörter: Portale, CMS, Seitenbau, Statista, Responsive Design

Bildquelle: Seitenbau GmbH

Druckversion    PDF     Link mailen


Weitere Meldungen und Beiträge aus dem Bereich CMS | Portale
Hessen: Sophia hilft
[29.6.2022] Im Rahmen eines Pilotprojekts von zwei Ministerien und einem Landkreis wird in Hessen der Chatbot Sophia getestet. Bei erfolgreichem Verlauf soll das Tool allen hessischen Kommunen kostenfrei zur Verfügung gestellt werden. mehr...
Smart Village App: Digitaler Ort im Land der Ideen
[28.6.2022] Erstmals haben in diesem Jahr die Initiative Deutschland – Land der Ideen und die Unternehmensgruppe Deutsche Glasfaser die Auszeichnung als Digitaler Ort im Land der Ideen verliehen. Erhalten hat sie die Smart Village App. mehr...
Smart Village App wird als Digitaler Ort im Land der Ideen ausgezeichnet.
Digitaler Ort im Land der Ideen: Bad Belzig freut sich über den Titel Interview
[28.6.2022] Bad Belzig freut sich über die Auszeichnung der Smart Village App als Digitaler Ort im Land der Ideen. Was zum Projekterfolg beitrug und für welche Kommunen die Baukastenlösung interessant sein könnte, erläutert Frank Friedrich, Stabsstelle Digitalisierung der Stadt Bad Belzig, im Interview. mehr...
ITEBO: Weitere EfA-Leistungen für OpenR@thaus
[24.6.2022] Online-Prozesse aus dem Themenfeld Gesundheit sind im Einer-für-Alle-Prinzip (EfA-Prinzip) in das ITEBO-Bürgerportal OpenR@thaus integriert worden. Dabei kommt das Antragssystem NAVO des Landes Niedersachsen zum Einsatz. mehr...
EfA-Leistungen: Marktplatz in Beta-Version online
[23.6.2022] Ein Marktplatz für EfA-Leistungen soll Verwaltungen den Einkauf von Online-Services erleichtern. Die jetzt freigeschaltete Beta-Version bietet erste Leistungen. Auch Bestellungen sind bereits möglich. mehr...
Erste Beta-Version des Marktplatzes für EfA-Leistungen wurde freigeschaltet.
Suchen...

 Anzeige

usu2110

Aktuelle Information des Verlags


In Zeiten der Corona-Pandemie werden wir aktuelle Ausgaben von Kommune21 allen Interessierten bis auf weiteres kostenfrei digital zur Verfügung stellen. Weisen Sie bitte auch Ihre Kolleginnen und Kollegen im Homeoffice auf diese Möglichkeit hin.

Wir haben an dieser Stelle eine Bitte an Sie:
Die gegenwärtige Situation macht einmal mehr deutlich, wie wichtig das Thema Digitalisierung auch in Ihrer Verwaltung, Behörde oder Schule ist. Kommune21 berichtet seit 20 Jahren über alle wichtigen Themen der IT-gestützten Verwaltungsmodernisierung und hilft, die Digitalisierung im Public Sector transparent und besser zu gestalten. Bitte prüfen Sie über Ihre Buchhaltung, ob Sie bereits ein reguläres Abonnement von Kommune21 haben. Wenn nicht, dann freuen wir uns, wenn Sie gerade in diesen Zeiten ein Abonnement in Betracht ziehen. Danke!

Kommune21, Ausgabe 07/2022
Kommune21, Ausgabe 06/2022
Kommune21, Ausgabe 05/2022
Kommune21, Ausgabe 04/2022

Aboverwaltung


Abbonement kuendigen

Abbonement kuendigen
SEITENBAU GmbH
78467 Konstanz
SEITENBAU GmbH
Aktuelle Meldungen