User Interface Guidelines

Transkript

1 User Interface Guidelines Von Anna-Lena Goebels und Alexander Fischer

2 Definition Guidelines! eine Sammlung an Empfehlungen nach denen sich Designer und Entwickler von Applikationen speziell für User richten können! wichtigstes Ziel: Benutzerfreundlichkeit...!.. das heißt: dem Nutzer eine unkomplizierte und intuitive Bedienung möglich zu machen

3 Klassifikation Guidelines

4 Principles! Leitsätze und Regeln die während der Entwicklung von Benutzerschnittstellen befolgt werden sollten! diese beruhen auf Vorkenntnissen über den Nutzer im Bezug auf: Wahrnehmung, Lernfähigkeit und Verhalten des Menschen! sind allgemein gehalten und ermöglichen so die schnelle Umsetzung

5 Guidelines! beziehen sich auf einen bestimmten Teilbereich der Entwicklung von Benutzerschnittstellen! Basis bilden hier die Principles! Beispiel: Guideline zum Homepage- Design: - search box anstelle von Link zu einer Suchseite

6 Recommendations! Gesetze für bestimmte Bereiche von Benutzerschnittstellen è kein Spielraum bzg. der Interpretation! werden mit Hilfe von Principles und Guidelines abgeleitet! Bespiel: Konsistenz des Vokabulars

7 ISO 9241! Grundidee: Ergonomische Anforderungen für Bürotätigkeiten mit Bildschirmgeräten! Grundidee: Mittlerweile Standard für Mensch- System- Interaktion

8 Teil 10: Grundsätze der Dialoggestaltung! Aufgabenangemessenheit! Selbstbeschreibungsfähigkeit! Lernförderlichkeit! Steuerbarkeit! Erwartungskonformität! Individualisierbarkeit! Fehlertoleranz

9 Aufgabenangemessenheit! Nur relevante Informationen anzeigen! Komplexe Aufgaben unterteilen und gruppieren

10 Aufgabenangemessenheit

11 Aufgabenangemessenheit

12 Selbstbeschreibungsfähig keit! Beispieleinsetzungen oder Standards zeigen! Feedback an den Nutzer! Individuelle Hilfe! Einheitliche Begriffsnutzung

13 Selbstbeschreibungsfähig keit

14 Selbstbeschreibungsfähig keit

15 Selbstbeschreibungsfähig keit

16 Lernförderlichkeit! Ein Dialog ist lernförderlich, wenn er den Benutzer beim Erlernen des Dialogsystems unterstützt und anleitet ( ISO- 9241)! Beispiele: Guided Tour, Learning- by- Doing

17 Lernförderlichkeit

18 Steuerbarkeit! Kontrolle über Geschwindigkeit: eigenes Tempo beim Bearbeiten! Kontrolle über Richtung: Weiter, Zurück oder Abbruch

19 Steuerbarkeit

20 Erwartungskonformität! Konsistentes Design! Etablierte Standards einhalten

21 Erwartungskonformität

22 Erwartungskonformität

23 Individualisierbarkeit! Anpassung an Erfordernisse oder Vorlieben des Benutzers! Bespiel: Zoom für Sehbehinderte, Linkshänder Kompabilität, zuschaltbare Funktionen für Profis

24 Fehlertoleranz! Verhindern von vermeidbaren Fehlern! Trotz Fehler beabsichtigtes Erlebnis erzeugen! Fehlerquelle zeigen

25 Fehlertoleranz

26 Fehlertoleranz

27 Fehlertoleranz

28 Ten Usability Heuristics! Entwickelt von Jacob Nielsen! * 5. Oktober 1957 in Kopenhagen! Webdesignexperte, Doktor im Design von Benutzerschnittstellen und Informatik! Zusammenarbeit mit IBM und Sun Microsystems! Heuristiken: sollen als Faustregeln gelten

29 Ten Usability Heuristics! 1) Visibility of system status: der Nutzer soll zu jeder Zeit wissen wo er sich befindet und was gerade passiert! 2) Match between system and the real world: System soll die Sprache des Users sprechen, d.h natürliche Anordnung von Objekten und damit Möglichkeit der unkomplizierten, intuitiven Bedienung

30 Ten Usability Heuristics! 3) User control and freedom: Nutzer soll sich selbstständig zu seinem Ziel navigieren können und jederzeit zurück zum Ausgangspunkt gelangen können! 4) Consistency and standards: kontistente Bezeichunungen und Nutzung von Standard- Bezeichnungen

31 Ten Usability Heuristics! 5) Error prevention: Benutzerschnittstelle so gestalten, dass Nutzer wenig Fehler machen kann è wenn Fehler dann Korrekturvorschläge bevor Nutzer fehlerhafte Aktion ausführt! 6) Recognition rather than recall: Benutzerschnittstelle ist vom Nutzer bedienbar ohne dass er sich an die Funktionen des Systems erinnern muss

32 Ten Usability Heuristics! 7) Flexibility and effeciency of use: jeder Benutzer kann nach seinen Fähigkeiten die Benutzerschnittstelle effektiv nutzen! 8) Aesthetic and minimalist design: weniger ist mehr, unwichtige Informationen werden ausgespart, wichigte Informationen strukturiert dargestellt

33 Ten Usability Heuristics! 9) Help users recognize, diagnose and recover errors: Fehler sollen mit Worten beschrieben werden, Angebot von Lösungen für den Fehler! 10) Help and documentation: der Nutzer soll die Möglichkeit haben nach seinen Belangen zu suchen und die Schritte zum Ziel sollen deutlich gemacht werden