Www.wien.info Wiens neues Tourismusportal. Wien als Top-Player in Europa Unter den Top 10 Destinationen in Europa Nächtigungen 2008: 10,2 Mio. Nächtigungen.

Präsentation zum Thema: "Www.wien.info Wiens neues Tourismusportal. Wien als Top-Player in Europa Unter den Top 10 Destinationen in Europa Nächtigungen 2008: 10,2 Mio. Nächtigungen."—  Präsentation transkript:

1 www.wien.info Wiens neues Tourismusportal

2 Wien als Top-Player in Europa Unter den Top 10 Destinationen in Europa Nächtigungen 2008: 10,2 Mio. Nächtigungen 01 - 09 / 2009: ### Touristische Wertschöpfung in Wien rund 4 Mrd. Euro

3 wien.info in Zahlen 13 Sprachen 5.500 Artikel 2.000 Events 390 Hotels Zugriffszahlen: 320.000 Visits / Monat 1,6 Mio. Pageviews / Monat

4 Ziele Online Wien-Reiseführer Emotional & interaktiv Benutzerfreundlich Barrierefrei

5 Motivation für die Barrierefreiheit Nicht nur eine rechtliche Anforderung Relevante Zielgruppe ### Barrierefreiheit als wichtigste Grundlage für das Service-Design Vorteile für alle Nutzer Vorteile für Suchmaschinen You can think of GoogleBot as the world's most influential blind user. (Quelle: Google Labs)

6 Verfahren und Umsetzung 2-stufiges Verfahren Geladener Realisierungswettbewerb Verhandlungsverfahren Begleitung durch Experten für Barrierefreiheit

7 Accessibility in der Redaktion Eigener Bereich Wien Barrierefrei mit breitem Informationsangebot Anreise & öffentlicher Verkehr Hotels & Sehenswürdigkeiten Servicestellen & Heilbehelfe Spezialisierte StadtführerInnen Nicht nur Informationen selbst, sondern auch Zugang zu den Informationen wichtig!

8 Kosten der Accessibility Zusätzlicher Übersetzungsaufwand Im Verhältnis zu Übersetzungskosten insgesamt zu vernachlässigen Mehraufwand bei Einwartung Sensibilisierung intern und Schulungsaufwand

9 Nutzen der Barrierefreiheit Stärkere interne Verlinkung Valider Quellcode: Einfache Erweiterbarkeit und Änderbarkeit On-site SEO HTML-Struktur Linktexte, sprechende URLs Leicht verständliche Texte Verwendung von Alt-Texten Mehrfachnutzung in Hinblick auf unterschiedliche Ausgabegeräte Ganzheitlichkeit des Ansatzes

10 Nutzen der Accessibility www.wien.infoBesuchszeit Seitenaufrufe pro Besuch Seitenzugriffe Nicht barrierefrei 04:254,861.642.139 Barrierefrei 05:035,621.720.824

11 Nutzen der Accessibility www.wien.infoBesuchszeit Seitenaufrufe pro Besuch Seitenzugriffe Nicht barrierefrei 04:254,861.642.139 Barrierefrei 05:035,621.720.824 Fazit+ 18,4%+ 13,5%+ 4,8%

12 Accessibility inside #1 Tastaturbenutzbarkeit

13 Vorsicht beim Javascript Einsatz Bei Events auf nicht-fokussierbare Elemente Beim Ein- und Ausblenden von Inhalten

14

15 Selectbox vs. Liste Selectbox Semantisch fragwürdig Darstellungsprobleme im Internet Explorer Link-Liste Beliebig gestaltbar ABER: Funktionalitäten muss man nachbauen

16 Accessibiliy inside #2 Effizienz für TastaturnutzerInnen

17 Hauptnavigation Navigation als verschachtelte Liste Etwa 50 Links Mit Maus ist Subnavigation immer erreichbar Mit Tastatur und ohne Javascript konventionelles Verhalten

18 Accessibility inside #3 Tastaturfreundlicher Mediaplayer

19 Accessible Mediaplayer Auf Basis von JW Media Player und jQuery Untertitelung möglich Volle Tastatursteuerung von außen Keine Flash Tastaturfalle

20 Accessibility inside #4 Javascript

21 Was ist Progressive Enhancement? Grundlegende Funktionalität auch ohne Javascript Javascript zur Verbesserung von Usability und Design

22

23

24

25 Rating mit Javascript

26 Rating ohne Javascript

27 Accessibility inside #4 WAI-ARIA

28 Was ist WAI-ARIA Ein W3C Standard in Vorbereitung Ein Plugin für HTML oder XML Zur Verbesserung der Barrierefreiheit von HTML Nutzen für Screenreader und Tastaturbenutzung Ein Beispiel für Progressive Enhancement Bereits heute nutzbar

29 Zum Beispiel: Landmark Roles

30

31

32 Zum Beispiel: Formulare

33 Damit HTML validiert CLASS="textfeld aria-required" geheimnisvolle Javascript Transformation CLASS="textfeld" aria-required="true"

34

35 Übersichtliche Navigation Horizontale Navigation Benennung optimiert Struktur überarbeitet

36 Übersichtliche Navigation Horizontale Navigation Benennung optimiert Struktur überarbeitet

37 Übersichtliche Navigation Horizontale Navigation Benennung optimiert Struktur überarbeitet

38 Übersichtliche Navigation Horizontale Navigation Benennung optimiert Struktur überarbeitet

39 Übersichtliche Navigation Horizontale Navigation Benennung optimiert Struktur überarbeitet

40 Übersichtliche Navigation Horizontale Navigation Benennung optimiert Struktur überarbeitet

41 Struktur und Gewichtung Redaktionelle GewichtungUnterschiedliche TemplatesMehrspaltigkeit

42 Veranstaltungstipps

43 Veranstaltungssuche

44 Hotelbuchung

45 VIP Wien-Tipp

46 Artikel Interaktion

47 myVienna – mein Reiseplan

48 myVienna Reisepläne Verbesserte Usability Reiseplan mit anderen Usern teilen Reisepläne übernehmen Mehrere Reisepläne anlegen

49 wien.info barrierefrei

50 wien.info für Suchmaschinen Sprechende URLs Seitentitel, Linktexte HTML-Struktur Server Performance

51 Nächste Schritte

52 Ähnliche Artikel

53 Personalisierte Empfehlungen

54 Mein Wien-Tipp

55 Artikel bewerten

56 Themen-Blogs

57 Interessante Orte & Google Maps

58 wien.info goes mobile

59 Übersichtlich

60 Benutzerfreundlich & Barrierefrei

61 Modern und emotional