Stadtportale: Die schönste Stadt Deutschlands – Teil 3

Stadtportale - Serie - Teil 3

Dritter Teil der Serie „Stadtportale: Die schönste Stadt Deutschlands“. Die Webauftritte der 25 größten Städte Deutschlands werden in den Kategorien Design, Nutzerführung, Programmierung und Information gesichtet und bewertet. Weitere Informationen zu den Kriterien finden sich hier.

15. Duisburg

Duisburg.de | Duisburg.de fällt als erste Stadt im Rahmen dieser Serie mit einem umfangreichen Videomaterial auf. Visit Duisburg ist zwar ausgelagert, aber zumindest wird deutlich, dass man bemüht ist, dem Internet gerecht werdenden Inhalt anzubieten.

Im Vergleich zu der Video-Microsite ist das Stadtportal vergleichsweise konventionell. Der erste Eindruck ist positiv. Man findet sich als Besucher schnell zurecht und kann, sofern Interesse vorhanden, sich auch noch mit den zahlreichen Social-Media-Kanälen der Stadt beschäftigen.

Stadtportal Duisburg / Duisburg.de

Design / 17 Punkte

Auch, wenn die Gestaltung nicht wirklich ein Graue-Maus-Image abschütteln kann, darf man das grundsätzliche Erscheinungsbild sehr wohl als modern bezeichnen. Das schlüssige Spaltenkonzept findet visuell eine gelungene Entsprechung. Informationseinheiten werden jeweils als Box zusammengefasst, die dank Schattenwurf einen leicht erhabenen Eindruck erzeugen. Farbwelten – pro Hauptnavigationspunkt eine – sind auf Unterseiten nur dezent herausgebildet. Der blaue Balken im Header (Meta-Navi) wirkt unfertig. Sicherlich nicht die eleganteste Variante, die Corporate-Farbe der Stadt unterzubringen.

Nutzerführung / 18 Punkte

Blau ist die Standard-Linkfarbe, ebenso die Standardfarbe für Überschriften. Im Sinne der Nutzerführung ist es sinnvoll, wenn sensitive und nicht sensitive Elemente sich optisch unterscheiden. Schwarze Überschriften wären besser. Was fehlt, ist die Kennzeichnung des angewählten Begriffs in der Hauptnavigation. Auch ein Rollover für die dritte und vierte Ebene fehlt. Mit Hilfe der Pfeilsymbole erkennt der Nutzer, ob etwa eine externe Website aufgerufen oder eine Bildergalerie geöffnet wird, beide in einem neuen Fenster. Auf Duisburg.de hat man Vieles richtig gemacht. Mit etwas Feinschliff ließe sich die Usability weiter verbessern.

Programmierung / 18 Punkte (HTML 12, CSS 3, SEO 3)

Von Heiko Stiegert | Duisburg besitzt ein Städteportal, welches eine schon fast vorbildliche Strukturierung der Webseiteninhalte besitzt. Wer beispielsweise die Styles dieser Webseite deaktiviert, wird unabhängig von der Darstellung immer noch gut strukturierte Inhalte vorfinden. Allerdings gäbe es nicht nur bei der fast 1MB großen Startseite durchaus etwas Verbesserungsbedarf, etwa beim Bildmaterial. So könnten von den über 650KB, die auf der Startseite von Duisburg.de für Bild-Dateien anfallen, über 50% (!) und somit 1/3 der gesamten Webseite durch Komprimierung, ohne spürbare Verluste der Bildqualität, eingespart werden. Ein Aspekt, der in Bezug auf die Ladegeschwindigkeit der Webseite dieser Stadt gut überlegt sein sollte.

Information / 13 Punkte

Das Auffälligste in dieser Kategorie: Duisburg ist stark in den sozialen Medien vernetzt und zwitschert auch aus dem Rathaus. 14% aller deutschen Internetnutzer sind auf Facebook und Konsorten aktiv (Quelle: meedia.de), warum also nicht auch die Besucher von Stadtportalen. Duisburg.de ist damit innerhalb des Stadtportal-Vergleichs noch auf weiter Flur. Der umfangreiche Video-Bereich wurde bereits angesprochen. Einziger Haken an den Webaktivitäten der Stadt ist die Dezentralisierung der Daten. Duisburger Bilder finden sich bei Flickr, Broschüren und der Veranstaltungskalender auf Duisburg nonstop und auch 360-Grad-Panoramen liegen extern. Ein bisschen mehr eigener Inhalt wäre schön. Auch die „News“ sind nicht immer aktuell, schon gar nicht tagesaktuell. So muss man auf das Angebot etwa von Der Westen zurückgreifen, damit man über die Geschehnisse in Duisburg informiert ist.

Gesamtpunktzahl 66

14. Nürnberg

Nuernberg.de | Im Frankenländle rühmt man sich von jeher mit einer eigenen, betont nicht-bayerischen Identität. Tatsächlich ist das Stadtportal eigen. Je länger man sich im Auftritt bewegt, desto deutlicher wird: eine eigene und vor allem konsistente Identität ist im Web nicht auszumachen.

Wie schon im Fall Muenster.de findet sich unter der Hauptdomain Nuernberg.de eher eine kommentierte Link-Sammlung denn das zentrale Informationsangebot der Stadt.

Stadtportal Nürnberg / Nuernberg.de

Design / 16 Punkte

Ein einheitliches Erscheinungsbild von Nürnberg gibt es nicht. Broschüren des hiesigen Verkehrsvereins, bei dem die Positionierung im Bereich Tourismus angesiedelt ist, sprechen eine grundsätzlich andere Sprache als das Stadtportal. Auch ein einheitliches Design der Webangebote gibt es nicht. Der Bereich eGovernment tritt geradezu antiquiert auf. Eine Lösung, bei der konsequent EIN Design genutzt wird, nämlich das der Startseite, würde das Angebot deutlich aufwerten. Zwar ist die Header-Gestaltung reichlich naiv und die farbigen Balken insgesamt wuchtig, aber auf dieser Gestaltungslinie ließe sich aufbauen. Gerade, wenn Site-Strukturen und Webangebote wachsen, ist es wichtig, dass sie unter einem Dach und einer visuellen Linie gebündelt werden. Wenn auch die Technik hier gerne Grenzen aufzeigt, zumindest müsste es eine viel stärkere gemeinsame visuelle Klammer geben als es der Internetbesucher auf Nuernberg.de antrifft. Die Gesamtbreite von gerade einmal 800 Pixeln ist mittlerweile für die meisten Internetnutzer ein zu eng gewordenes Korsett.

Nutzerführung / 12 Punkte

Schnell lernt man als Besucher von Nuernberg.de, dass man den Brotkrumenpfad besser gut im Auge behält, denn sonst kann es passieren, dass man die Orientierung verliert. Zwar wird der angewählte Bereich der zweiten Ebene fett hervorgehoben, aber nicht nachzuvollziehen ist, weshalb man bei der Hauptnavigation darauf verzichtet. Besser sieht es bei der Darstellung von Textlinks aus. Dieser ist konsequent rot sowie grau innerhalb der Metanavi und im Brotkrumenpfad. Verschiedene Ikonen zeigen zwar schon vor dem Klick an, welche Funktion ein Link ausführen wird, allerdings sieht man schon anhand der großen Anzahl an Pfeil-Grafiken, dass viele Informationen ausschließlich auf externen Sites zu finden sind.

Programmierung / 8 Punkte (HTML 5, CSS 2, SEO 1)

Von Heiko Stiegert | Der sich vom „steinigen Felsen“ ableitende Name Nürnbergs ist leider auch ein Merkmal, welches sich ohne weiteres auf die Umsetzung des Stadtportals übertragen ließe. Denn der auf einem Tabellen-Layout basierende Quellcode bedingt, dass die komplette Seite erst dann dem Besucher präsentiert werden kann, wenn die letzte Tabellenzelle geladen ist. Ein Aspekt, der bei schnellen Internet-Zugängen vielleicht nicht unbedingt mehr ein KO-Kriterium darstellt, allerdings sorgt diese wenig zukunftsträchtige Vorgehensweise dafür, dass Anwender von assistiven Technologien wie einem Screen-Reader die Inhalte der Tabellenstruktur nacheinander vorgelesen bekommen, was dafür sorgt, dass sie bspw. auf den Unterseiten, den eigentlich Content erst nach dem Überspringen von fünf Navigationen erreichen. Ein rein CSS-basiertes Layout würde für Abhilfe sorgen. Zudem besitzt die Startseite und viele weitere Unterseiten keine Überschrift der obersten Kategorie. Hier fehlt es dem Auftritt an Konsistenz. Ebenso inkonsistent ist die Vorgehensweise bezüglich des title-tags. Um die Webseiten in Sachen SEO in einer gewissen Verbindung zur Stadt Nürnberg sehen zu können, sollte dieser tag dies auch in seinem Webseitentitel berücksichtigen. Angaben wie „Konzert-Highlights“ sind diesbezüglich nicht sonderlich aussagekräftig. Besser wäre es, den Städtenamen dem jeweiligen inhaltlichen Thema der Seite voran zu stellen ( „Nürnberg – Konzert-Highlights“).

Information / 8 Punkte

Die „elektronischen Dienste“ sind als eigenständiger Auftritt unter einer Subdomain ausgelagert. Leider. Es fällt schwer, die städtischen Online-Dienste als solche zu erkennen, denn die Mehrheit der Rechner und Tools werden als externer Link aufgeführt. Der Trend geht allerdings in eine andere Richtung, nämlich hin zu EINEM städtischen Internetangebot. Auch das Stöbern nach aktuellen Meldungen macht wenig Spaß, wenn jeder Link irgendwo anders hinführt. Besuchern, die ständig Fenster bzw. Tabs schließen müssen, vergeht schnell die Lust am Lesen und am Verweilen im Auftritt. Der Veranstaltungskalender ist optisch trist und das ständige Wegklicken des Dialogfeldes, das bei Klick auf „Zurück zur Veranstaltungsübersicht“ erscheint, nervt. Das größte Problem des städtischen Angebotes ist nicht Verfügbarkeit von Informationen, sondern die adäquate Aufbereitung der Infos an EINER Stelle.

Gesamtpunktzahl 44

13. Dresden

Dresden.de | Sachsen trumpft regelmäßig bei Bildungsstudien groß auf. Wie steht es aber im Vergleich mit den 24 anderen Stadtportalen um den Webauftritt der sächsischen Landeshauptstadt?

Der erste Eindruck könnte besser sein. Das Auge tut sich schwer, auf der ziemlich vollen Startseite, in der horizontale und vertikale Achsen gleichermaßen den Aufbau bestimmen, wichtige Komponenten, wie etwa die Hauptnavigation, von wenigen wichtigen Elementen zu unterscheiden.

Stadtportal Dresden / Dresden.de

Design / 18 Punkte

Das Template-Konzept ist schlüssig, ebenso der Grundaufbau, der allerdings knapp 100 Pixel breiter sein dürfte. Farben werden akzentuiert eingesetzt und auch das Bildmaterial macht einen guten Eindruck. Grundsätzlich ist die Gestaltung auf einem vergleichsweise hohen Niveau. Design ist aber mehr als eine schöne Oberfläche. Design führt den Nutzer und verführt ihn zum Verweilen, und genau an dieser Stelle hat Dresden.de noch Optimierungspotenzial. Mit Hilfe größerer Abstände und Weißräume ließen sich Informationseinheiten stärker bündeln. „Große Ansammlungen von Textlinks“ sind in erster Linie inhaltlich getrieben, denn fällt auf, dass die linke Seite extrem voll ist. Was im Auftritt jedoch fehlt, ist ein Footer, in den man weniger wichtige Links auslagern könnte. Positiver Effekt: Allein die größere Schutzzone um die Hauptnavigation herum würde diese als DIE zentrale Navigation kennzeichnen. Auch der Verzicht auf Link-Pfeile, etwa bei der Meta-Navi im Header, wäre eine Form der Akzentuierung, mit der man das Design und damit den Auftritt noch weiter verbessern könnte.

Nutzerführung / 14 Punkte

Der Startseite fehlt es an Gewichtung. Gerade diese wird jedoch mit steigender Informationsfülle immer wichtiger. Nahezu jeder Link ist gleich groß und beinhaltet einen vorgestellten Pfeil. Lediglich die Bildelemente durchdringen den „Informationsteppich“. Auf den Folgeseiten ändert sich der Absender im Header: Das Stadtlogo wandert in den Footer und links oben wird lediglich die Domain „dresden.de“ ausgegeben. Die Verwirrung wird umso größer, als im Bereich Tourismus das Stadtlogo wieder oben erscheint, diesmal aber ohne Wappentier. Auch die Nutzung der Navigationsleiste ist etwas umständlich. Anstatt die subsumierten Begriffe direkt unterhalb der jeweils angewählten Menüzeile auszugeben, erscheinen diese weiter unten, von einer redundanten Überschrift angeführt. Das will als Nutzer erst gelernt werden. Ungewöhnlich ist auch, dass kaum ein verlinktes Element im Auftritt einen Rollover-Zustand aufweist. Beim „suchen“-Button auf der Startseite erscheint nicht einmal ein Hand-Cursor! Beide Funktionen sind allerdings als „Rückkopplung“ ein wichtiger Baustein und sollten nicht fehlen.

Programmierung / 21 Punkte (HTML 13, CSS 4, SEO 4)

Von Heiko Stiegert | Das Stadtportal der Landeshauptstadt des Freistaates Sachsen ist in Bezug auf die Umsetzung via HTML und die Gestaltung mittels CSS, bis auf kleine Verbesserungsmöglichkeiten, mit das Beste, was deutsche Stadtportale zu bieten haben. Optimierungsbedarf liegt insbesondere bei dem verwendeten Bildmaterial vor, wovon bspw. auf der Startseite durch Komprimierung der Bild-Dateien ein Viertel eingespart werden könnte. Außerdem ließe sich in Bezug auf die HTTP-Requests, neben der Verwendung einer Sprite-Grafik (hier werden bspw. sämtliche Icons in einer Grafik zusammengefasst und via CSS „angesprochen“), auch die Anzahl der verwendeten CSS-Dateien reduzieren.

Information / 19 Punkte

Die Anzahl der Anträge, die man per Formular stellen kann ist überschaubar, aber immerhin kann man neben den Standards (Wunschkennzeichen, Statusabfrage Ausweis, u.a.) den Terminkalender der Standesämter einsehen. Einmalig ist das Formular, mit der man eine Genehmigung für ein Lagerfeuer im Bereich der Elbwiesen beantragen kann. Wer wissen will, was in der Stadt passiert, schaut vermutlich lieber bei der Sächsischen Zeitung vorbei, denn der Schwerpunkt der aktuellen Meldungen liegt eher im Bereich der Verwaltung. In jeder Hauptkategorie werden aktuelle Hinweise zu Veranstaltungen und den Bürgerdiensten eingespielt, die dem Besucher vermitteln, dass sich hier etwas bewegt. Etwas unglücklich ist die Verzahnung des Veranstaltungskalenders unterhalb von „Leben, Arbeiten und Wohnen“. Die Wenigsten werden ihn dort suchen. Die Volltextsuche wiederum führt den Besucher auf eine „zerschossene Seite“, die zudem außerhalb der Site-Struktur liegt, was natürlich nicht sein müsste. Auch der Tourismus-Bereich ist als eigenständiger Auftritt, wenn auch im einheitlichen Design, herausgelöst. Sehr ausführlich werden die Sehenswürdigkeiten in Text und Bild vorgestellt. Videos sucht man jedoch auch hier vergeblich. Die Panorama-Webcam dokumentiert recht anschaulich den Umbau des Neumarktes.

Gesamtpunktzahl 72

27 Kommentare zu “Stadtportale: Die schönste Stadt Deutschlands – Teil 3

  1. Bei Nürnberg ist dir ein kleiner Fehler unterlaufen. Dort steht unter dem Beitrag eine Punktzahl von 83? Wenn man die einzelnen Punkte aber zusammenrechnet kommt man auf 44, was übrigens in der Tabelle auch richtig aufgelistet ist.

  2. @sinnedretlow, ich gebe dir Recht, aber die ist immer noch besser als die von Karlsruhe, ich versinke im Boden, meine schöne Heimatstadt mit der miesesten Website. Achim suche doch bitte eine raus die noch unterirdischer ist als die meiner Heimatstadt.

  3. Äh, beim Nürnberger Artikel steht beim Punkt Nutzerführung „Nuerburg.de“ – das ist eine andere Stadt ;)

    Grüße aus Nürnbergs schöner Nachbarstadt (die sich meiner Meinung nach leider auch nicht mit ihrem Internetauftritt brüsten kann…)

    Lucky ;)

    *********************
    dt-Anmerkung
    ist gefixt. Danke.
    *********************

  4. Im Fall von Hannover bliebe anzumerken, dass Design auf den hinteren Seiten immer wieder Abweichungen aufweist. Z. B.: auf den Seiten des Stadtentwicklungsprojektes City 2020 wechselt es plötzlich vom allgemein vorherrschenden Blaugrau zu einem penetranten Rosa.

    Inhaltlich führt das schon angesprochene Nebeneinander von Stadt und Region (Landkreis) zu Brüchen. Beispielsweise im Presse-Bereich: Während die Region zunächst ihre Pressestelle und ihre Pressemitteilungen im vorgegebenen Design einstellt, verlinkt die Stadt auf einen externen, komplett anders aussehenden Presseserver, der sich sogar auf einer ganz neuen Webadresse befindet. Hier befindet sich neben den Pressemitteilungen auch eine Terminübersicht der Stadt, während die Region ihre in der Presse-Navigationsseite ganz unten verlinkt hat (und zwar lediglich als PDF). Für einen Journalisten ist dieses Durcheinander nicht wirklich benutzerfreundlich.

    Apropos Presseserver: zu den kleinen Merkwürdigkeiten gehört auch, dass die Internetpräsenz des Kommunalen Kinos eine Unterseite eben jenes Servers ist. Was soll das denn?

    Des langen Eintrages kurzer Sinn: Steigt man hinab in die Untiefen von Hannover.de enthüllen sich mehr Irrungen und Wirrungen als es zunächst den Anschein hat.

    BTW: Sorry dass die Links so merkwürdig angegeben sind, sowohl HTML als auch die ausgeschriebenen URLs hat das System als Spam abgelehnt – warum eigentlich?

    ********************
    dt-Anmerkung
    Ich war so frei und habe die Links bei den zugehörigen Begriffen hinterlegt. Zu Deiner Frage: Eigentlich klappt die Hinterlegung ganz gut. Die URL benötigt halt die komplette Adresse inkl. „http://www.“ Vielleicht probierst Du es beim nächsten Kommentar einfach noch einmal. Danke.
    ********************

  5. Die Nummerierung der Städte ist verwirrend. Es ist unklar ob die Nummerierung lediglich der Reihenfolge der Bewertung dient (was wohl so ist), oder ob es eine wertende Platzierung (vgl. BuLi-Tabelle) sein soll.

    Nach Punkten (Gesamtnote) ist Dresden momentan 5., ist jedoch nummeriert als 13. Wer sich nur kurz mit dem Rating auseinandersetzt, könnte meinen, Dresden ist insgesamt Platz 13.

    Würde das noch einmal überarbeiten/überdenken.

  6. Danke Daniel.
    Die Serie behandelt die Portale der 25 größten Städte. Sie beginnt dabei, ähnlich einem Countdown, mit Gelsenkirchen(25), der Stadt mit den geringsten Einwohnern, und endet mit der größten Stadt Berlin(01). Diese Zahlen sind reine Ordnungszahlen, die dabei helfen, innerhalb der Serie den Überblick zu behalten.

    Entscheidend für das Ranking ist allein die Spalte „Gesamtnote“. Da die Serie noch im Gange ist, macht es keinen Sinn, die Tabelle mit Platzierungszahlen auszustatten, da sich die Reihenfolge noch ändert.

Kommentar verfassen

Folgende HTML-Elemente können verwendet werden: <b> <i> <img src="meineurl"> <a> <blockquote>