Web Usability

• Fragen Sie sich, was Ihre Besucher von Ihnen wollen. Geben Sie ihnen das!
• Wechseln Sie die Perspektive: Die allzu detaillierte Darstellung Ihrer internen Strukturen (inkl. der dazugehörigen „Kürzel“) ist für Besucher schwer verständlich oder uninteressant.
• Machen Sie sich ein klares Bild Ihrer Zielgruppe. Denken Sie immer an Menschen, nicht an Institutionen (bspw. „Forscher“, nicht „Unis“).
• Machen Sie sich Ihre Ziele klar und halten Sie diese schriftlich fest. So können Sie später überprüfen, ob Sie diese erreicht haben.
• „Der Köder soll dem Fisch schmecken, nicht dem Angler“.

Das Bildschirmlesen ist beschwerlich und ist rund ein Viertel langsamer als auf Papier. Die Augen ermüden schneller, da auf dem Monitor eine geringere Auflösung vorliegt. Die Sichtfläche ist kleiner, als beim Print: einzelne Passagen müssen ins Blickfeld manövriert werden.

Zudem ist das Lesen anstrengender, wegen einer statischen und unkomfortablen Lesehaltung.

Im Web fehlt das „Ortsgefühl“, da Webseiten nicht schnell durchgeblättert werden können und dadurch schwer eingeschätzt werden kann, wie viel Text/ Inhalt sich auf der Webseite befindet. Im Vergleich zu einem Buch: Blättern, dick/dünn, Seitenzahl!

Problem für den Webseiten-Besucher: Lohnt sich der Einstieg ins Lesen?

Die Forschung zum Bildschirmlesen hat folgende Ergebnisse erbracht, die Sie als Web-Redakteur bedenken sollten. Nutzer lesen nicht im Web, sondern scannen. Folgende Zahlen verdeutlichen dies:

• unter 20 % lesen Wort für Wort
• über 80 % scannen, überfliegen die Seite und suchen Schlüsselwörter
• Nutzer lesen im Schnitt nur rund 20% des Textes
• Bei unter 100 Wörtern wird etwa die Hälfte gelesen
• Pro weitere 100 Wörter zusätzliche 4,4 Sekunden = maximal 18 weitere Wörter
• Durchschnittlich verbringt der Besucher ca. 20 bis 25 Sekunden "Grundzeit" auf der Seite, 10-15 Sekunden davon fürs Lesen
• Das Scannen erfolgt in F-Form (zweimal horizontal über die beiden ersten Absätze, dann vertikal entlang des linken Seitenrandes). Zeilen werden meist nicht zu Ende gelesen.
• Besucher von Webseiten sind nutzenorientiert. Wenn sie den gewünschten Nutzen nicht finden, verlieren sie schnell das Interesse und verlassen die Webseite. Pflegen Sie deshalb regelmäßig relevante Informationen ein.
• Webseiten lassen keinen Blick auf den ganzen Webauftritt zu. Es fehlt das "Ortsgefühl" wie dies Printmedien vermitteln. Bieten Sie deshalb Orientierung durch Ihre Navigation (Menüstruktur)!

Diese Fakten stimmen sowohl bei der Suche und beim Surfen, als auch für schmale Einspalter, breite Einspalter und Zweispalter.

Vertikales Scrollen wird gerne und schnell durchgeführt, horizontales hingegen eigentlich fast nicht. Die Aufmerksamkeit nimmt nach unten hin ab und etwa 80% der Nutzerzeit liegt „über dem Bruch“. Nutzer verbringen ca. 70% der Zeit mit der linken, ca. 30% der Zeit mit der rechten Bildschirmhälfte. Nur 1% der Inhalte wird beachtet, wenn horizontal gescrollt werden muss.

Fotos müssen informativ und echt sein, denn Nutzer ignorieren Fotos, wenn sie die Seite nur „aufpeppen“ sollen oder rein dekorativ sind (feel-good-images). Nutzer beachten Grafiken und Fotos, wenn sie relevante Inhalte enthalten.

Text gliedern, portionieren und als F-Form anbieten

• Wörter sparen: z.B. Artikel streichen
• Keine Nebensätze
• Keine Abkürzungen
• Keine langen Wörter: durch Bindestrich lange Wörter optisch überschaubar machen
• Wenig Satzzeichen
• (nie: Punkt, Ausrufezeichen; selten: Gedankenstrich, Komma; gut: Doppelpunkt)
• Verben möglichst aktiv und im Präsens
• Schlüsselwörter nach vorn (hilfreich: Doppelpunkt)

Ein Teaser bietet Leseanreiz und verdichtet Informationen des Textes. Nutzer lesen die ersten Worte und möchten mehr erfahren, wenn sie davon eingefangen werden. Teasertexte sollten kurz sein, Faustregel: höchstens drei Sätze.

Die Schriftgröße des Teasers sollte sich vom Text abheben, damit die Teaser eher gelesen werden. Fette Vorspänne generieren hohe Aufmerksamkeit für 5-10 Sekunden und haben somit Einfluss darauf, ob ein Text gelesen wird.

• Jede Seite für sich verständlich machen; man weiß nie, woher der Nutzer kommt
• Wiederholung von Überschrift/ Teaser zur Orientierung: „Hier bin ich richtig“
• Aussagekräftige Überschriften und Zwischenüberschriften (mindestens eine pro Bildschirmseite)
• Seite mit Zusammenfassung beginnen (Worum geht es? Welcher Nutzen?)
• Textabschnitte mit je nur einem Thema oder Teilaspekt
• Hauptinhalt in die ersten beiden Absätze
• Kurze Absätze werden intensiver betrachtet als längere (ein Absatz, ein Gedankengang, Weißraum zur Trennung der Absätze)
• Aufzählungen mit Aufzählungszeichen
• Verwenden Sie auf keinen Fall Blocksatz
• Schreiben Sie NIE IN GROSSBUCHSTABEN und auch nicht kursiv
• Schlüsselwörter fetten und an den Anfang der Absätze
• Kurze Sätze
• Ein Gedanke, ein Satz

• Eingebettete Links
  Nachteil: stören im Text den Lesefluss. Der Nutzer stellt sich die Frage: Weiterlesen oder klicken?
  Deshalb Links nicht zu früh im Text setzen, sondern zuerst ins Thema einführen, sonst ist der Nutzer (zu) schnell weg.
• Links außerhalb des Textes:
  Vorteile: lesepsychologisch sinnvoll, überlegte Auswahl von Links, Links lassen sich anmoderieren und kommentieren
  Nachteil: Links nicht mehr Kontext bezogen

• ein Gedanke, ein Satz
• Aktiv bevorzugen, "Täter" benennen
• Vermeidung von weiten Satzklammern und zerrissenen Verben
• Verwendung von geläufigen Wörtern, fremde Wörter erklären
• Bandwurm-Wörter vermeiden
• Menschensprache statt Computersprache

• Informationen in einer nachvollziehbaren Reihenfolge anbieten
• Sätze müssen sich sinnvoll aufeinander beziehen
• Gedankengang durch Gelenkwörter verdeutlichen
• Nachrichtenpyramide (Zentrale Information, Unterstützende Fakten, Interessante Details, Zusammenhänge & Hintergründe)

• Füllwörter streichen
• Streckverben vermeiden
• überflüssige Adjektive kürzen
• unnötige Details kürzen
• unnötige zeitliche Bezüge weglassen

• Reizwörter
• anregende Fragen
• direkte Ansprache
• Inversion: Umstellung von Satzteilen zur Betonung
• konkrete Beispiele verwenden
• Zahlen plastisch machen

Dies ist ein Hinweis für den Fall, dass Sie Sprachauszeichnungen zeitweise manuell kennzeichnen müssen. Bildschirmleseprogramme und andere Hilfstechnologien haben unterschiedliche Sprachbibliotheken für unterschiedliche Sprachen. Ein deutscher Satz, der mit englischer Aussprache gesprochen oder vorgelesen wird, könnte unverständlich werden.

Einzelne fremdsprachige Wörter müssen ebenfalls ausgezeichnet werden. Wenn Autoren von Inhalten die Änderungen der natürlichen Sprache in einem Dokument kennzeichnen, können Sprachgeneratoren und Blindenschrift-Geräte automatisch zur neuen Sprache wechseln, wodurch das Dokument zugänglicher für mehrsprachige Benutzer wird.

Dies ist ein Hinweis für den Fall, dass Sie Abkürzungen verwenden und somit auzeichnen müssen!

Bitte benutzen Sie das <abbr>-Tag, um Abkürzungen und Akronyme erkennbar zu machen. Verwenden Sie hierfür das Icon im Editor TinyMCE. Das Tag bezeichnet einen eingeschlossenen Text als Akronym bzw. Abkürzung. Das Tag wird nur von den neueren Browsergeneration unterstützt und wird von den meisten älteren Browsern einfach ignoriert.

Zum Beispiel: Stichwort Zugänglichkeit nach <abbr title=‘Barrierefreie Informationstechnologie-Verordnung‘>BITV</abbr>

Ist die Anzeige der Grafik nicht möglich (z.B. Textbrowser) wird der Text, der als alt-Text eingegeben ist, beim dem Anwender anstelle des Bildes ausegeben. Ist das Bild zugleich ein Link, wird der Alternativtext des Bildes anstelle des Bildes und der Titel des Links als Linktext angezeigt.

Sorgen Sie dafür, dass Sie keine Links auf Ihren Seiten verwenden, deren Ziel nicht (mehr) existiert. Daher am besten so viel wie möglich innerhalb des Klinikums intern verlinken (nicht absolut extern).

Verwenden Sie keine Links im Hauptinhalt bei denen das Ziel nicht der Ankündigung (Alternativtext, Link selbst) entspricht.

Achten Sie auch bei Menüpunkten darauf, dass die Benennung dem Linkziel entspricht

1. Aufnahme mit Videokamera
2. Video auf Rechner übertragen (hohe Datengröße)
3. Videobearbeitungsprogramm öffnen
1. Adobe Premiere Pro
2. Camtasia
3. Movie Maker -> Windows
4. iVideo -> Macintosh
4. eventuell Video wie gewünscht schneiden
5. speichern als mp4, optimale Größe 800 x 600 px
6. sollte das Video immer noch zu groß sein, mit einem Convertierprogramm bearbeiten:
1. Any Video Converter
2. Miro Video Converter

Blinde, sehbehinderte sowie gehörlose bzw. schwerhörige Menschen benötigen für das Erfassen multimedialer Webseiteninhalte Unterstützung. Blinde, Sehbehinderte und Menschen mit motorischer Beeinträchtigung sind z.B. auch nicht in der Lage den Abspiel-Button zu finden bzw. zu treffen. Deshalb muss das Abspielen des Videos auch ohne Maus, also nur mit der Tastatur möglich sein.

Aus all diesen Gründen ist es notwendig Videofilme auf den Webseiten des Klinikums speziell aufzubereiten. Hierzu gehören:

• Untertitel
• Audio-Deskription
• Alternative Bedienelemente

Untertitel bei Videos richten sich in erster Linie an die Zielgruppe der Gehörlosen und Schwerhörigen. Ebenso profitieren auch fremdsprachige Zuschauer oder Betrachter, die sich die Videos ohne Ton ansehen oder in lauter Umgebung aufhalten. Untertitel beschreiben akustische Elemente in einem Video (z.B. Gesprochenes, Gesungenes, die Hupe eines Autos oder auch Tiergeräusche) und bieten somit eine lesbare Alternative zum Ton. Ziel ist es, den Inhalt auch ohne Ton nachvollziehen zu können.

Die Audio-Deskription richtet sich an die Zielgruppe der Blinden und Sehbehinderten. Sie beschreibt ausschließlich, was visuell in einem Video enthalten ist (wie z.B. Mimik, Gestik und Aussehen der Personen, Beschreibungen der Bewegungen und der Umgebung). Das Ziel ist es, sich neben dem Ton auch das visuelle vorstellen zu können.

SlideShare bzw. LinkedIn SlideShare ist ein Filehosting-Dienst zum Tauschen und Archivieren von Präsentationen, Dokumenten, PDFs, Videos und Webinaren. Präsentationen können in den Formaten PowerPoint, PDF, Keynote und OpenOffice hochgeladen werden. Zur Nutzung ist eine Registrierung erforderlich, womit man ein entsprechendes Benutzerkonto erhält.

SlideShare hat bis zu 60 Millionen Besucher im Monat.

Nutzen des Klinikums durch SlideShare:

• Bekanntheit steigern: SlideShare ist eine große Plattform, die es ermöglicht mit eigenen Präsentationen das Unternehmen bekannter zu machen. Visueller Content, wie z.B. Präsentationen, wird auf sozialen Netzwerken wie etwa Facebook meist lieber konsumiert als reiner Text und daher auch öfter geliked, kommentiert und geteilt.
  Wichtig: Logo oder Name des Unternehmens sollte auf den Folien sichtbar sein.
• Mehr Webseiten-Traffic generieren: Die Betrachter einer Präsentation gelangen über soziale Netzwerke, Google oder SlideShare selbst zu den Präsentation. Es gibt mehrere Möglichkeiten sie dann weiter auf die eigene Webseite zu leiten: klickbare Links auf den Folien der Präsentation (wichtig: Links an sinnvollen Stellen einbauen und zu relevanten Inhalten der Webseite führen) oder direkter Link im eigenen Profil auf die eigene Webseite. Zusätzlich kann jede Präsentation über bereitgestellte Hyperlinks in Facebook, Google+, LinkedIn, Pinterest, Twitter oder im eigenen Blog bekanntgemacht oder eingebunden werden.
• Erstellung von neuem Content: Wenn Sie einen interessanten Artikel geschrieben haben, können Sie diese Inhalte in einer SlideShare-Präsentation darstellen. Diese ermöglicht es ein offensichtlich stark nachgefragtes Thema zu komprimieren und dadurch den Mehrwert für die Leser – und somit für potentielle Kunden – zu steigern. Dabei müssen keine neuen Inhalte geschaffen werden, sondern lediglich neu verpackt werden. Andersherum kann genauso eine SlideShare-Präsentation mittels eines simplen Einbettungscodes bequem in einen Artikel mit ähnlichem Thema eingebunden werden und somit der Text aufgelockert, den Lesern Abwechslung geboten und sie mit Zusatzinformationen versorgt werden.
• Besseres Ranking: SlideShare wird von Suchmaschinen wie Google mit Vertrauen in Form von guten Rankings auf den Suchergebnisseiten belohnt. Nicht selten werden deswegen SlideShare-Präsentationen bei Google vor anderen Artikeln zum selben Thema gelistet. Zusätzlich erhält das dahinter stehende Unternehmen eine leichtere Auffindbarkeit in Suchmaschinen.
• Positionierung als Experte: Aus Lesersicht macht eine einzelne Präsentation aus Ihnen keinen Experten in diesem Gebiet. Jedoch macht die mehrfache Behandlung und Aufarbeitung eines bestimmten Themas dem Leser deutlich, in welchem Gebiet die eigene Expertise liegt.
• Vertrauen aufbauen: Schicke Folien, gepaart mit geballtem Wissen, ermöglichen es erstes Vertrauen aufzubauen und neue Leser auf die eigene Webseite zu führen und ihnen positiv im Gedächtnis zu bleiben. Die Präsentation ist oftmals der erste Eindruck, den das Unternehmen hinterlässt.

• Kurzfassungen / gesamte Vorträge von Messen, Events, etc.
• Umwandlung von Blogbeiträgen in Präsentationen
• Whitepaper und Publikationen (auch als Teaser)
• Aufnahme von aktuellen Entwicklungen
• Umgestaltung und Aufbereitung von Studien