Akademie: Web-Usability Eva-Maria Erps 21.04.2016
Inhalt Definition Usability nach ISO-Norm 9241-11 Definition Usability nach Jakob Nielsen Warum ist Web-Usability so wichtig? Gründe für eine schlechte Websitegestaltung Auszug allg. Gestaltungsrichtlinien Usability-Testing als TEMA-Dienstleistung Beispielanalyse an ausgewählten Richtlinien Literatur 21.04.2016 2
Definition Usability 21.04.2016 3
Definition Usability 1 Nach ISO-Norm 9241-11: Usability ist das Ausmaß, in dem ein Produkt von einem bestimmten Benutzer verwendet werden kann, um bestimmte Ziele in einem bestimmten Kontext effektiv, effizient und zufrieden stellend zu erreichen. 21.04.2016 4
Definition Usability 1a Effektivität: die Genauigkeit und Vollständigkeit, mit welcher Benutzer ein bestimmtes Ziel erreichen Effizienz: Verhältnis der Genauigkeit und Vollständigkeit vom eingesetzten Aufwand, mit welcher Benutzer ein bestimmtes Ziel erreichen Zufriedenheit: Freiheit von Beeinträchtigung und positive Einstellungen gegenüber der Benutzung des Produkts 21.04.2016 5
Definition Usability 2 Nach Jakob Nielsen: Usability is the measure of the quality of the user experience when interacting with something - whether a Web site, a traditional software application, or any other device the user can operate in some way or another. 21.04.2016 6
Definition Usability 2a Erlernbarkeit: Wie einfach ist es für Benutzer, grundlegende Aufgabenstellungen zu erledigen, wenn sie das erste Mal dem Design begegnen? Effizienz: Wenn Benutzer das Design einmal erlernt haben, wie schnell können sie Aufgaben damit ausführen? Einprägsamkeit: Wenn Benutzer das Design für eine Weile nicht benutzt haben, wie einfach können sie ihre Kenntnisse wiederherstellen? Fehlertoleranz: Wie viele Fehler machen Benutzer, wie schwerwiegend sind diese Fehler und wie einfach können sie wiedergutgemacht werden? Zufriedenstellung: Wie angenehm ist die Benutzung des Designs? 21.04.2016 7
Warum ist Web-Usability so wichtig? 21.04.2016 8
Warum ist Web-Usability so wichtig? Usability ist wichtiger denn je: User-Tests zeigen, dass B2B-Websites eine geringere Usability aufweisen als B2C-Websites Zur Leadgenerierung ist es unabdingbar die Usability- Richtlinien zu befolgen Diese machen es Interessenten einfacher, Angebote und Produkte zu finden Benutzerfreundlichkeit im Web ist entscheidend! (Quelle Jakob Nielsen http://www.nngroup.com/articles/b2b-usability/) 21.04.2016 9
Gründe für eine schlechte Websitegestaltung 21.04.2016 10
Gründe für eine schlechte Websitegestaltung Geschäftsmodell Informationsarchitektur Seitendesign Inhaltliches Verknüpfungsstrategie 21.04.2016 11
Auszug allg. Gestaltungsrichtlinien 21.04.2016 12
Auszug allg. Gestaltungsrichtlinien 1 Farben Kontrastreiche Kombination Blendfreiheit Nicht rot-grün Alle Informationen auch ohne Farben verständlich Schrift Schriftgröße relativ definieren Serifenlose Schrifttypen verwenden Standardabstand zwischen Buchstaben nicht verringern Formatierung durch Style Sheets Effekte, Video- und Audiosequenzen Steuerungsmöglichkeiten (Anhalten) Zusätzlich textliche Beschreibung Kein Flackern oder Aufblitzen im Bereich von ca. 4-59 Hertz Kein Lauftext Ggf. Transkripte für Videosequenzen 21.04.2016 13
Auszug allg. Gestaltungsrichtlinien 2 Bilder Text nicht als Bild-Datei einbinden Immer beschreibender Text dazu Informationen in Textform wiederholen Imagemaps: zusätzliche Liste mit Übersicht über Anzahl und Ziel aller Links Client-seitige statt Server-seitige Imagemaps erstellen Links/Navigation Inhaltsbezogene Bezeichnung Alle Links mit der Tab-Taste ansteuerbar Konsistente Positionierung Wichtige Navigationselemente am Anfang der Seite platzieren Evtl. Shortcuts für wichtige Links anbieten Applets und Scripte Nutbarkeit nicht von Endgeräten abhängig machen Alternativen anbieten Nutzbarkeit bei ausgeschalteten Applets und Scripten testen Quellen: Jakob Nielsen oder Levitt und Shneiderman 21.04.2016 14
HOME-RUN Wichtigste Voraussetzung für gute Web-Usability Gestalten Sie kundenorientiert HOME RUN Hight quality content Hohe Qualität des Inhalts Often updated Oft updaten Minimal download time Minimale Downloadzeiten Ease to use Einfach zu nutzen Relevant to the user needs Relevant für den Benutzer Unique to the online medium Unikal, einzigartig für das Online-Medium Net-centric corporate culture Netzzentrierte Unternehmenskultur 21.04.2016 TEMA Akademie 15
Usability-Testing als TEMA-Dienstleistung 21.04.2016 16
Ziel des Usability-Testings Ziel des Usability-Testings ist es, ein Produkt benutzerorientiert zu gestalten bzw. ein vorhandenes Produkt auf diese Kriterien hin zu überprüfen. 21.04.2016 17
Usability-Testing als Life-Cycle 1. Planung Verstehen von Nutzerbedürfnissen 2. Konzeption Festlegung des Interaktionsdesign Iterative Evaluation 4. Inbetriebnahme Untersuchung des Status Quo und Ausloten von Potenzialen 3. Umsetzung Iteratives Testen und Optimieren von Prozessen und Funktionalitäten 21.04.2016 18
Methoden des Usability-Testings Verschiedene Methoden: Experten-Evaluation Kognitiver Durchgang (Cognitive Walkthrough) Fokus Gruppen Laut Denken Aufmerksamkeitsanalyse Fragebogenuntersuchung 21.04.2016 19
Test-Auswertung Zur Auswertung werden die Probleme analysiert und entsprechend ihrer Bedeutung für den Erfolg der Website gewichtet. Meist werden Probleme in den folgenden Bereichen aufgedeckt: Missverständnisse bei Begriffen Übersehen von Steuerungselementen Orientierungsverlust Technische Probleme 21.04.2016 20
Beispielanalyse 21.04.2016 21
Beispielanalyse an ausgewählten Richtlinien Die Bildschirmfläche Navigation Links Plattform- /Auflösungsunabhängiges Design Für das Web schreiben Scanbarkeit des Textes Lesbarkeit des Textes Seitentitel/Reitertitel 21.04.2016 22
Die Bildschirmfläche Inhalte dominieren Navigation ist lediglich notwendiges Übel Regel: Inhalt sollte 50 % der Seitengestaltung ausmachen Einfachheit setzt sich gegenüber Komplexität durch 21.04.2016 23
Navigation Benutzer verstehen Websitestruktur erst, wenn sie wissen, wo sie sind Eindeutige Navigationsmöglichkeiten zeigen, wohin ein Benutzer gehen kann Leitmotiv für das Navigationsdesign: Es existiert ein über die gesamte Site einheitliches Navigationsdesign 21.04.2016 24
Links Links sind die wichtigsten Bestandteile von Hypertexten Sie sind im Navigationsprozess ein Schlüsselfaktor Wo war ich, wo bin ich und wohin kann ich gehen Links ohne Farbänderung erzeugen Verwirrung bei der Navigation 21.04.2016 25
Plattform- /Auflösungsunabhängiges Design Benutzer greifen mit unterschiedlichen Geräten auf das Web zu Optimierte Gestaltung für die gängigsten Browser und Endgeräte anstreben 21.04.2016 26
Für das Web schreiben Schreibt man für das Web, beeinflusst man nicht nur den Inhalt, sondern auch das gesamte Surferlebnis. Die drei wichtigsten Richtlinien für Texte im Web sind: Nicht mehr als 50 Prozent Text einer gedruckten Publikation verwenden Kurze Absätze, Zwischentitel und Aufzählungen benutzen Verwendung von Hypertext, um die Information aufzuteilen 21.04.2016 27
Scanbarkeit des Textes Bildschirmtexte liest man 25 Prozent langsamer Lange Bildschirmtexte werden ungern gelesen Benutzer scrollen nicht gern 21.04.2016 28
Lesbarkeit des Textes Dicht gedrängte Textblöcke sind ein Hauptgrund für das Verlassen einer Website Webtexte sollten kurz, scannbar und zugänglich sein Mit dem Fazit beginnen Seitenüberschriften verwenden Artikel durch Überschriften strukturieren Textabschnitte durch Aufzählungen oder ähnliche Gestaltungselemente aufbrechen Hervorhebungen für wichtige Wörter nutzen 21.04.2016 29
Seitentitel/Reitertitel Eindeutige Formulierungen nutzen Nicht mehr als 30 Buchstaben verwenden Informationstragende Wörter an den Anfang stellen Bestimmte und unbestimmte Artikel vermeiden Titel für schnelles Überfliegen optimieren 21.04.2016 30
Literatur 21.04.2016 31
Interessante Links zum Thema Usability Bücher Research-Based Web Design & Usability Guidelines; Michael O. Leavitt, Ben Shneiderman Designing Web Usability: The Practice of Simplicity; Jakob Nielsen Mobile Usability: Für iphone, ipad, Android, Kindle; Jakob Nielsen, Raluca Budiu Don t Make Me Think! A Common Sense Approach to Web Usability; Steve Krug Usability praktisch umsetzen; Handbuch für Software, Web, Mobile Devices und andere interaktive Produkte, Sven Heinsen, Petra Vogt Usability Engineering; Jakob Nielsen Prioritizing Web Usability; Jakob Nielsen, Hoa Loranger Eyetracking Web Usability (Voices That Matter); Susan Rimerman (Herausgeber), Kara Pernice (Autor), Jakob Nielsen (Autor)... 21.04.2016 32
Interessante Links zum Thema Usability Websites http://www.usability.eresult.de/index.html http://www.fit-fuer-usability.de http://www.usability-umsetzen.de http://www.nngroup.com/services/testing.html http://www.nngroup.com/reports/prototyping/video_stills.html http://www.useit.com/papers/heuristic/heuristic_list.html http://www.useit.com/papers/heuristic/heuristic_evaluation.html http://www.contentmanager.de/magazin/artikel_339_usabilitytests.html http://www.torbar.de/usability-test.html http://www.usability.at/produkte/analyse.html http://experience-nw.fhbb.ch/cases/experience.nsf/volltext/swissguide 21.04.2016 33
Vielen Dank für Ihre Aufmerksamkeit! 21.04.2016 34