12-mal heruntergeladen
![Danke für die Aufmerksamkeit! www.wien.at/neu Thomas Jöchler [email_address] Twitter: @highlyoverrated](https://image.slidesharecdn.com/final-2010-10-04-wienatrelaunchwebkongresserlangennotes-101011092033-phpapp01/85/wien-at-Relaunch-2010-38-320.jpg)
Hochgeladen vonThomas Jöchler
wien.at Relaunch 2010
Das Dokument beschreibt den Relaunch der Website wien.at im Jahr 2010, der einen modernisierten mehrstufigen Redaktionsworkflow und eine verbesserte Benutzerführung umfasst. Die Plattform ist eine der größten in Österreich mit über 40.000 Seiten und 850.000 einzigartigen Nutzern pro Monat und ist bekannt für ihre barrierefreien und multimedialen Inhalte. Zu den weiteren Highlights zählen die Anpassung an aktuelle Webstandards und die Einführung von RSS-Feeds zur Optimierung der Inhalte.
wien.at Relaunch 2010
- 1. wien.at Relaunch 2010Webkongress Erlangen 7. Oktober 2010 Thomas Jöchler
- 2. Wien - gesternund heute Wienbilder - Collage http://de.wikipedia.org/wiki/Wien und wien.at ...
- 3. wien.at - 15Jahre in 1 Minute online 1995 unter „ www.magwien.gv.at“ wenig später unter wien.at (bzw. wien.gv.at) http://www.wien.gv.at/medien/wienat-medien/online/geschichte/ Rathausinformation 1995
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. Status 2009 (Projektstart)wien.at ist eine der größten Plattformen Österreichs über 40.000 Seiten 850.000 unique clients / 1,9 Mill. Visits pro Monat (ÖWA - IVW-Methode) 250 Formulare, Online-Datenbanken und elektronische Services Über 100 Abteilungen produzieren Inhalte auf wien.at „ Wiens eGovernment Top Ten weltweit“ Studie: Rutgers University Newark 2009 Mehrstufiger Redaktionsworkflow Vielfältige Use Cases: News - Wissen - Tasks
- 12. Ausgangslage und ZieleGelebte Barrierefreiheit Multimediale Inhalte Viel Feedback und Erfahrungen Ansprechende Optik Layout aus 2005 Orientierung durch Kontext Navigation ohne Kontext Inhalte verknüpfen Lange Klickpfade Benutzerinnen zum Inhalt führen Contentexplosion
- 13. Frühe Entscheidungen DasErbe, der IE 6 & die Validierung http://www.flickr.com/photos/openistic/3663162953/sizes/o/
- 14. Das Erbe BestehendesCMS bleibt Alten HTML Code übernehmen Klassische Projektkultur (Wasserfall) http://www.imaginevienna.at/
- 15. Der IE 6:R.I.P. Projektstart: frühes Nein zu IE 6 Feintuning Grundlegende Unterstützung, keine Goodies (progressive enhancement) IE 6 war 2009 noch Standardbrowser im Magistrat Wien (ab Jänner 2010 IE 7)
- 16. Der IE 6- R.I.P. (2) Layout grundsätzlich ok Einige Feinheiten fehlen, z.B.: Schlagschatten Flexibles Layout (1024 bis 1280) Überblendeffekte images via data URI scheme moderne Browser IE 6
- 17. Die Validierung WAI-ARIAbringt Fehler im W3C Validator Erschwert Kommunikation Beurteilung nötig Fehler nicht gleich Fehler Lösung: Erklärung von WAI-ARIA via internem Blog + Styleguide Warten auf Validator Update
- 18. Visualisierungen # "sosoll es aussehen" (*) # "so soll es funktionieren" # Prototyping statt Pflichtenheft (*) in etwa
- 19.
- 20. Visuelle Hierarchie StartseiteChannel Ressort Designs Grafikagentur Sternwerk
- 21. Prototyping html/css KlickbarerPrototyp laufend getestet Grundlage für Programmierung real world Spezifikation Beispiel: Baukasten Formulare Prototyp Tomas Caspers
- 22. Klasses CSS Basis:YAML-Framework Erspart Arbeit, ermöglicht Detailarbeit Möglichst modularer Aufbau: Objektorientiertes CSS html-Bausteine Unterstützt das CMS-Setting (html Code nur für Admins, Klassen für AutorInnen)
- 23. Teaser Startseite <divclass=" vie-teaser "> <img ... class=" vie-img-flexible "> < h2 >Wien-Wahl 2010</ h2 > <p>Sämtliche Informationen... <a ... class=" bl-bigger ">mehr</a></p> </div>
- 24. Teaser Karussell <divclass=" vie-teaser "> <img ... class=" vie-img-flexible "> < h3 >Wien-Wahl 2010</ h3 > <p>Sämtliche Informationen... <a ... class=" bl-bigger ">mehr</a></p> </div>
- 25. Teaser in der3. Spalte <div class="vie-teaser" > <img ... class=" vie-img-flexible "> <div class=" vie-teaser-text "> <h2 class=" vie-run-in ">Rasch und einfach</h2> <p class=" vie-run-in ">Gewerbeanmeldungen... <a ... >mehr</a></p> </div> </div>
- 26. Zusammenbringen BenutzerInnen undInhalt & Inhalte miteinander
- 27. Inhalte vorschlagen Top-Themenüber Karussell am Seitenende Promotion über Marginalspalte Behutsamer Umgang, keine Überfrachtung
- 28. RSSifizierung Mehr alshändische Verlinkung: Verstreute Inhalte (automatisiert) zueinanderbringen RSS als Standard für neue Applikationen, bestehende nachrüsten Externe Quellen Verarbeitung über Contentpool (vgl. Yahoo! pipes) Bereitstellung von eigenen Daten
- 29. Wege zum Inhalthttp://www.flickr.com/photos/lachlanhardy/3588354009/sizes/l/ oder: Barrierefreiheit anschaulich
- 30. Vorleseservice "Wiener Stimme"z.B.: http://www.wien.gv.at/freizeit/bildungjugend/bildung/buechereien/virtuelle-buecherei.html
- 31.
- 32. Videos in ÖGS- Österreichische Gebärdensprache http://www.wien.gv.at/multimedia/oegs/
- 33. Mobil optimierte Mobilversionunter m.wien.at next step: mobile Apps (vs. native Apps)
- 34.
- 35. Videoplayer Tastatursteuerung Mitschriftund Untertitel Basiert auf JW-Player mehr beim A-Tag 5.11.2010 http://atag.accessiblemedia.at/2010/
- 36. Videoplayer eingebettet Einbettenin wien.at-Artikeln via JS Klasse steuert Breite (z.B. 50% oder 100%) <p class="bde-stx-wrapper vie-video-50l "><a href="...">Video zum Thema</a></p>
- 37.
- 38. Danke für dieAufmerksamkeit! www.wien.at/neu Thomas Jöchler [email_address] Twitter: @highlyoverrated
Hinweis der Redaktion
- #3 Das imperiale Erbe ist im Stadtbild und in der Wahrnehmung der Stadt sehr präsent. Ergänzt wird es durch die Ausrichtung an den Erfordernissen einer modernen Stadt im 21. Jahrhundert.
- #5 Die Webseite 1997 verweist auf mehrere große Themenauftritte. Heute haben einige davon, z.B. der Tourismusverband mit wien.info, aufgrund der anderen Zielgruppe völlig eigenständige Webauftritte.
- #6 Eine Unterseite aus dem Jahr 1998 zeigt die baumartige Gliederung in der Art eines Webkatalogs.
- #7 Im Jahr 2000 ist die Fülle der Webseite offensichtlich.
- #8 2001 bringt eine neue Farbgebung und mit der Einführung von Teasern eine stärkere Betonung des redaktionellen Zugangs durch Auswahl und Gewichtung.
- #9 2005 bringt eine Zurücknahme der Hintergrundfarben und einen weiteren Ausbau der redaktionellen Gewichtung. Ursprünglich mit vier horizontalen Teasern gestaltet, wird aufgrund des Drucks zur Präsenz auf der Startseite eine fünfte Teaserspalte rechts eingeführt (wie in der Folie zu sehen).
- #10 Das neue Layout, wie es sich mit dem Relaunch im Mai 2010 präsentiert. Größere Bilder bei den Teasern erlauben eine starke Bildsprache. Die horizontale Navigation ermöglicht den Direkteinstig zu fünf „Welten“: redaktionelle Inhalte unter THEMEN, Erledigungen und Amtswege unter VIRTUELLES AMT, verortete Informationen im STADTPLAN, multimedialer Zugang über TV und lokaler Bezug zum „Grätzl“ über MEIN BEZIRK.
- #11 Ein Screenshot einer Unterseite von wien.at. Eine vertikale Bereichsnavigation erschließt auf der linken Seite verwandte Inhalte.
- #12 Einige Zahlen und Fakten zum Status von wien.at. Traditionell hoher Stand bei e-Government, viele Amtswege online abwickelbar (z.B. Pass beantragen, Wahlkartenantrag, Trauungstermin am Standesamt,….).
- #15 Wichtige Information zum „alten“ HTML Code: stammt vom Relaunch 2005 und ist semantisch korrekt.
- #16 Entscheidung fiel vor den akuten Sicherheitsbedenken im Jänner 2010.
- #18 Know your errors: Validierung mit Hürden
- #22 Der Prototyp entstand in der Zusammenarbeit mit Tomas Caspers und lieferte fertige html/css Vorlagen für die Entwicklung.
- #25 Zum Thema Überschriften-Hierarchie: bis zum Einsatz von HTML 5 mit Überschriftengruppen erfolgt eine einigermassen nachvollziehbare und logische Vergabe der Überschriften. Bei diesem Beispiel vom Karussell gegen Ende der Seite gelangt anstelle einer h2 wie bei den anderen Teaser-Beispielen eine h3 zum Einsatz.
- #28 Bei der Bewerbung von weiteren Inhalten auf wien.at wird auf möglichst hohe Relevanz geachtet. Die grundsätzliche Werbefreiheit von wien.at soll nicht durch Eigenpromotion konterkariert werden.
- #29 Durch die im Zuge des Relaunch entwickelte Applikation „Contentpool“ wird dem CMS für die Syndizierung von Inhalten „auf die Sprünge geholfen“. Der Contentpool folgt dem Prinzip: Content ==> Mixen & Filtern ==> Aufbereiten ==> Einbinden/publizieren.
- #31 Das Vorleseservice auf wien.at („Wiener Stimme“) entstand aus einem interdisziplinären Forschungsprojektes von der Wiener Forschungseinrichtung ftw und stellt die erste synthetisierte Stimme mit österreichischem Idiom dar. Dieses Service ist nicht primär für sehbehinderte Personen gedacht, da diese in der Regel über entsprechende Sprachausgaben auf ihrem eigenen Rechner verfügen. Das Service richtet sich an alle Personen, die entweder Mühe haben, einen geschriebenen Text sinnerfassend zu lesen, oder die eine akustische Ausgabe aus anderen Gründen (Stichwort „Bildschirmpause“) bevorzugen. Ein Download als mp3 ist möglich.
- #32 Leicht lesen - verbesserte Verständlichkeit. Bei einigen Artikeln auf wien.at findet sich nun das Zeichen &quot;LL&quot;. &quot;LL&quot; bedeutet &quot;Leicht Lesen&quot;. Wenn dieses Zeichen angeklickt wird, kommt man auf Seiten, die so geschrieben worden sind, dass sie möglichst viele Menschen leicht verstehen können. Das gilt zum Beispiel für Menschen mit Lernschwierigkeiten. Das gilt aber auch für Menschen, die schlecht lesen können oder auch für Menschen aus anderen Ländern, die nicht gut Deutsch sprechen. &quot;Leicht Lesen&quot; bedeutet nicht, dass die Inhalte verkürzt oder zusammengefasst werden. Es bedeutet nur, dass zum Beispiel möglichst wenige Fremdwörter verwendet werden, dass die Sätze möglichst einfach geschrieben werden oder dass man keine unverständlichen Abkürzungen benutzt. Wenn die Informationen für viele Menschen leicht verständlich sind, ist das auch eine Entlastung für die Kundinnen und Kunden und auch für die Beamtinnen und Beamten. Noch vor dem Behördenweg kann man sich über das Internet vorinformieren oder man bringt das Anliegen gleich online ein. Unter anderem werden sowohl das Virtuelle Amt (http://www.wien.gv.at/leichtlesen/amtshelfer/) der Stadt Wien, als auch die Informationen zur Barrierefreien Stadt (http://www.wien.gv.at/leichtlesen/barrierefreiestadt/index.html) mit diesem Angebot ausgestattet.
- #33 Tetxtbasierte Informationen sind für Gehörlose nicht oder nur erschwert zugänglich und stellen mitunter enorme Barrieren dar: da sie die Lautsprache nie erfahren haben, finden gehörlose Menschen nur einen sehr abstrakten Zugang zum Sprachsystem, das auf Lauten und Silben beruht. Die natürliche Sprache der Gehörlosen ist die Gebärdensprache. Wien.at hat daher ca. 30 ausgewählte Seiten textbasierten Online-Content in Österreichische Gebärdensprache (ÖGS) übersetzen lassen. Das Angebot wird laufend um aktuelle Informationen erweitert, wie etwa Informationen zu Wahlen.
- #36 Um auch die Inhalte der bewegten Bilder auf wien.at Menschen mit Behinderungen zugänglich zu machen, gibt es auf wien.at-TV Videos in Österreichischer Gebärdensprache, Transkriptionen und Beiträge mit Untertiteln. Damit ist gewährleistet, dass möglichst viele User innen und User die Filmbeiträge abrufen können.
- #38 Inhalte aus der Verwaltung, Infrastruktur, Verkehr, etc. Ein möglichst barrierefreier Zugang ist über Tastatursteuerung und die erweiterte Suche, mit der die Inhalte über textbasierte Formulare abgerufen werden können, realisiert.
- #39 Wien ist anders - jenseits von Grantlerei