Spree WS 2006/2007 Usability-Kriterien und Usability Fehler Eine Einführung

Spree WS 2006/2007

Usability-Kriterien und Usability Fehler

Eine Einführung

GliederungArbeitsschritteW

Seminar I-Prax: Inhaltserschließung visueller Medien, 5.10.2004Spree WS 2006/2007

1. Besonderheiten Web-Usability2. Essentials Web-Usability3. Beispiele für Qualitätsattribute4. Schwerwiegende Usability-Verstöße5. Kriterien-Kataloge6. Wissenschaftlichkeit

1. Besonderheiten Web-UsabilityArbeitsschritteW


•Bei einem Großteil von Websites handelt es sich um informative Seiten.

•Websites sind in der Regel Walk-up-and-use-Anwendungen.•Die Nutzer erhalten keine Einführung und keine Schulung•Sie kommen und gehen freiwillig

•Typische Ziele sind:•Bestimmte Informationen finden•Etwas erledigen/Problem lösen•Etwas kaufen

•Anders als etwas die Nutzer von Spielen wollen die Nutzer dafür möglichst wenig Zeit aufwenden (neue Studien von Nielsen und Loranger (2006) kommen zu Zeitaufwand unter einer halben Minute)

2. Essentials Web-UsabilityArbeitsschritteW


Eine Webanwendung muss nutzbar sein

ohne Hindernisse ohne Einarbeitung

ohne Wartezeiten

•unter den gängigen Browsern funktionsfähig•korrekter Standard-HTML-Code. •Seiten sind vollständig und werden fehlerfrei angezeigt•keine toten Links; alle Grafiken werden gefunden; •keine ‚Baustellen‘•Website ist ohne Plugin benutzbar. •Seiten können ‚gebookmarkt‘ werden• kein Login notwendig•Besucher muss keine unnötigen Daten von sich preisgeben. • Überschriften und Links sind Texte oder mit Texten versehen, so dass eine Sprachausgabe für Blinde und Sehbehinderte möglich ist•Findability: Seite ist über Suchmaschinen auffindbar

•Dateigröße der Seiten unter 100 KB. •Verzicht auf unnötige Grafiken und Multimedia-Effekte •Komprimierung notweniger Grafiken, Grafiken < 25 KB•Angabe von WIDTH und HEIGHT bei Grafiken und Tabellen •Verwendung mehrerer kleiner Tabellen •Verwendung von Style Sheets •das Hinzufügen von Endslashes (/) bei URLs •Seiten laden sich in weniger als 10 Sekunden; falls sich die Seite langsamer lädt, gibt es eine Meldung, die den Ladestatus anzeigt oder ein visuelles Feedback über die Verzögerung. •alle Informationen im oberen Teil des Bildschirms sind schnell sichtbar, auch wenn sich Teile weiter unten (nach denen man evtl. scrollen muss) noch laden.

•Die Struktur der Website orientiert sich an den externen Zielgruppen nicht an der firmen- oder Institutionen internen Organisation und Sichtweise •Besucher wird nicht genötigt, aus Optionen auszuwählen, die er nicht kennt•Alle Optionen sind sichtbar•Der Besucher muss lange Texte nicht am Bildschirm lesen, sondern kann sie ausdrucken. •Die Homepage macht höchstens 20 Wörtern klar, was der Nutzer von der Seite hat

3. ISO 9241-10 / Qualitätsattribute nach Nielsen


Lernförderlichkeit

Aufgabenangemessenheit

Selbstbeschreibungsfähigkeit

Erwartungskonformität

Steuerbarkeit

Fehlertoleranz

Individualisierbarkeit

Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? Efficiency: Once users have learned the design, how quickly can they perform tasks? Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? Satisfaction: How pleasant is it to use the design?

4. Die 10 schwerwiegendsten Usability-Verstöße aus Studierendensicht


Wussten Sie schon „… dass Experten die schlechtesten Kommentare, Labels und Hilfefunktionen formulieren bzw. konstruieren ?“ (Quelle: Lee,E., Whalen, T., McEwen,S. & Latremouille, S. (1986) Optimizing the Design of Menu Pages for information retrieval. Ergonomics, Bd. 27, S. 115-130)

Umfrage:Notieren Sie bitte die 5 Dinge, die Sie persönlich bei der Nutzung von Webseiten am meisten stören.

4. Die 10 schwerwiegendsten Usability-Verstöße aus Studierendensicht


1.

4. Die schwerwiegendsten Usability-Verstöße nach Jakob Nielsen


Nielsen 2005 http://www.useit.com/alertbox/designmistakes.htmlNielsen 2004 http://www.useit.com/alertbox/9605.htmlNielsen 1996 http://www.useit.com/alertbox/9605a.html

Nielsen / Loranger 2006:

1. Besuchte Links ändern ihre Farbe nicht

2. Zurück-Button funktioniert nicht

3. Inhalte öffnen sich in neuen Browser-Fenstern

4. Pop-up-Fenster

5. Design-Elemente sehen wie Werbung aus

6. Etablierte Web-Konventionen werden nicht berücksichtigt

7. Textblasen, Hyp

8. Zu komplexe, schwer zu überfliegende Texte

http://www.useit.com/alertbox/designmistakes.html






http://www.useit.com/alertbox/9605.html





http://www.useit.com/alertbox/9605a.html





5. Kriterien-KatalogeArbeitsschritteW


Die Mutter aller Kriterien-Kataloge (Nielsen 1994)

•Visibility of system status •Match between system and the real world •User control and freedom•Consistency and standards •Error prevention •Recognition rather than recall •Flexibility and efficiency of use •Aesthetic and minimalist design •Help users recognize, diagnose, and recover from errors •Help and documentation

5. Kriterien-KatalogeArbeitsschritteW


Einfache und bekannte Kriterien-Kataloge (Downloads)

•Werner Schweibenz (Übersetzer): Heuristiken für Web-Kommunikation (nach: Technical Communication: Journal of the Society for Technical Communication 47 (2000) 3 (Sonderheft) http://www.tekom.de/index_neu.jsp?url=/servlet/ControllerGUI?action=voll&id=289# (Dokumente über Suche nach „Heuristiken“ ermitteln!)

•Infodesign.com: Usability evaluation checklist for websites: http://www.infodesign.com.au/ftp/WebCheck.pdf

•National Cancer Institute (Hrsg.): Research-Based Web Design & Usability Guidelines http://usability.gov/guidelines/

6. Alltagserfahrung oder Wissenschaft?ArbeitsschritteW


„In diesem Buch werden Sie viele Regeln, Prinzipien, Richtlinien und Methoden

finden. Alle entspringen der Erfahrung, was funktioniert wenn reale Benutzer versuchen, reale Aufgaben im Web

auszuführen.“

Jakob Nielsen: Designing Web Usability, 2000

6. Wo bleibt die Wissenschaftlichkeit?ArbeitsschritteW


the navigation rail […] has to have some kind of colored background to set it aside from the content and it has to be on the left side of the page

Nielsen

Use the right margin for the Web site's main index.

National Cancer Institute



Wie kann es zu solch widersprüchlichen Aussagen kommen?……Haben Usability Richtlinien überhaupt eine wissenschaftliche Grundlage?……



Heuristiken basieren auf Erfahrung

Wissenschaftlicher Hintergrund von Heuristiken sind Theorien und/oder empirische Erkenntnisse, die in verschiedenen Disziplinen entwickelt wurden

Theorien haben verschiedene Funktionen: Verhalten erklären Verhalten voraussagen Methoden entwickeln, um Verhalten messbar zu machen…



Beteiligte Disziplinen:

Psychologie Wahrnehmungspsychologie Gestaltpsychologie Lernpsychologie Kognitionspsychologie

Anthropologie und VerhaltensforschungSoziologieWirtschaftswissenschaften Wissensorganisation / Informationswissenschaft

Linguistik

Methoden aus der empirischen Sozialforschung / Marktforschung:

StatistikBefragungBeobachtung

Theorien

Methoden

6. Beispiel WahrnehmungspsychologieArbeitsschritteW


Welche Variante ist gebrauchstauglicher?

6. Beispiel WahrnehmungspsychologieArbeitsschritteW


Wichtige Grundlage des Interface Design sind die Gestaltgesetze, die von der Berliner Schule der Gestaltpsychologie entwickelt wurden und in vielen Experimenten empirisch überprüft wurden.

Gesetz der guten Gestalt/Prägnanz Es werden bevorzugt Gestalten wahrgenommen, die sich von anderen durch ein bestimmtes Merkmal abheben. Gesetz der Nähe Elemente mit geringen Abständen zueinander werden als zusammengehörig wahrgenommen. Gesetz der Ähnlichkeit sich ähnelnde Elemente werden eher als zusammengehörig erlebt als einander unähnliche Gesetz der Kontinuität Reize, die eine Fortsetzung vorangehender Reize zu sein scheinen, werden als zusammengehörig angesehen Gesetz der Geschlossenheit Linien, die eine Fläche umschließen, werden unter sonst gleichen Umständen leichter als eine Einheit aufgefasst als diejenigen, die sich nicht zusammenschließen Gesetz des gemeinsamen Schicksals (Zwei oder mehrere sich gleichzeitig in eine Richtung bewegende Elemente werden als eine Einheit oder Gestalt wahrgenommen Gesetz der fortgesetzt durchgehenden Linie Linien werden immer so gesehen, als folgen sie dem einfachsten Weg. Kreuzen sich zwei Linien, so gehen wir nicht davon aus, dass der Verlauf der Linien an dieser Stelle einen Knick macht

(fast wörtlich aus: Wikipedia: Artikel „Gestaltpsychologie“ http://de.wikipedia.org/wiki/Gestaltgesetze#Gestaltgesetze; und Födisch/Schuster: Gestaltgesetze. In: Präsentation Multimediale Lernsysteme http://www.informatik.uni-bremen.de/~fmike/multilern/gestaltgesetze.html )

Documents

Spree WS 2006/2007 Usability-Kriterien und Usability Fehler Eine Einführung