Www.wien.info Wiens neues Tourismusportal. Wien als Top-Player in Europa Unter den Top 10...

Post on 06-Apr-2015

102 views 0 download

transcript

www.wien.infoWiens neues Tourismusportal

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

wien.info in Zahlen

13 Sprachen

5.500 Artikel

2.000 Events

390 Hotels

Zugriffszahlen:

320.000 Visits / Monat

1,6 Mio. Pageviews / Monat

Ziele

Online Wien-Reiseführer

Emotional & interaktiv

Benutzerfreundlich

Barrierefrei

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)

Verfahren und Umsetzung

2-stufiges Verfahren

Geladener Realisierungswettbewerb

Verhandlungsverfahren

Begleitung durch Experten für Barrierefreiheit

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!

Kosten der Accessibility

Zusätzlicher Übersetzungsaufwand

Im Verhältnis zu Übersetzungskosten insgesamt zu vernachlässigen

Mehraufwand bei Einwartung

Sensibilisierung intern und Schulungsaufwand

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

Nutzen der Accessibility

www.wien.info BesuchszeitSeitenaufrufe pro

BesuchSeitenzugriffe

Nicht barrierefrei 04:25 4,86 1.642.139

Barrierefrei 05:03 5,62 1.720.824

Nutzen der Accessibility

www.wien.info BesuchszeitSeitenaufrufe pro

BesuchSeitenzugriffe

Nicht barrierefrei 04:25 4,86 1.642.139

Barrierefrei 05:03 5,62 1.720.824

Fazit + 18,4% + 13,5% + 4,8%

Accessibility inside #1

Tastaturbenutzbarkeit

Vorsicht beim Javascript Einsatz

Bei Events auf nicht-fokussierbare Elemente

Beim Ein- und Ausblenden von Inhalten

Selectbox vs. Liste

Selectbox

Semantisch fragwürdig

Darstellungsprobleme im Internet Explorer

Link-Liste

Beliebig gestaltbar

ABER: Funktionalitäten muss man nachbauen

Accessibiliy inside #2

Effizienz für TastaturnutzerInnen

Hauptnavigation

Navigation als verschachtelte Liste

Etwa 50 Links

Mit Maus ist Subnavigation immer erreichbar

Mit Tastatur und ohne Javascript „konventionelles“ Verhalten

Accessibility inside #3

Tastaturfreundlicher Mediaplayer

Accessible Mediaplayer

Auf Basis von JW Media Player und jQuery

Untertitelung möglich

Volle Tastatursteuerung von „außen“

Keine Flash Tastaturfalle

Accessibility inside #4

Javascript

Was ist Progressive Enhancement?

Grundlegende Funktionalität auch ohne Javascript

Javascript zur Verbesserung von Usability und Design

Rating mit Javascript

Rating ohne Javascript

Accessibility inside #4

WAI-ARIA

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

Zum Beispiel: Landmark Roles

Zum Beispiel: Landmark Roles

Zum Beispiel: Landmark Roles

Zum Beispiel: Formulare

<input aria-required="true" />

<input aria-invalid="true" />

Damit HTML validiert

CLASS="textfeld aria-required"

geheimnisvolle Javascript Transformation

CLASS="textfeld" aria-required="true"

Übersichtliche Navigation

Horizontale Navigation

Benennung optimiert

Struktur überarbeitet

Übersichtliche Navigation

Horizontale Navigation

Benennung optimiert

Struktur überarbeitet

Übersichtliche Navigation

Horizontale Navigation

Benennung optimiert

Struktur überarbeitet

Übersichtliche Navigation

Horizontale Navigation

Benennung optimiert

Struktur überarbeitet

Übersichtliche Navigation

Horizontale Navigation

Benennung optimiert

Struktur überarbeitet

Übersichtliche Navigation

Horizontale Navigation

Benennung optimiert

Struktur überarbeitet

Struktur und Gewichtung

Redaktionelle Gewichtung Unterschiedliche TemplatesMehrspaltigkeit

Veranstaltungstipps

Veranstaltungssuche

Hotelbuchung

VIP Wien-Tipp

Artikel Interaktion

myVienna – mein Reiseplan

myVienna Reisepläne

Verbesserte Usability

Reiseplan mit anderen Usern teilen

Reisepläne übernehmen

Mehrere Reisepläne anlegen

wien.info barrierefrei

wien.info für Suchmaschinen

Sprechende URLs

Seitentitel, Linktexte

HTML-Struktur

Server Performance

Nächste Schritte

Ähnliche Artikel

Personalisierte Empfehlungen

Mein Wien-Tipp

Artikel bewerten

Themen-Blogs

Interessante Orte & Google Maps

wien.info goes mobile

Übersichtlich

Benutzerfreundlich & Barrierefrei

Modern und emotional