Design Patterns

Jun.-Prof. Dr. Mark Hall

Sommersemester 2019

Themen

  • Interface Guidelines
  • Excise
  • Posture

Golden Rules of Interface Design

  1. Strive for consistency
  2. Cater to universal usability
  3. Offer informative feedback
  4. Design dialogs to yield closure
  5. Prevent errors
  6. Permit easy reversal of actions
  7. Support internal locus of control
  8. Reduce short-term memory load

Usability Heuristics

  1. Visibility of system status
  2. Match between the system and the real world
  3. User control and freedom
  4. Consistency and standards
  5. Error prevention
  6. Recognition rather than recall
  7. Flexibility and efficiency of use
  8. Aesthetic and minimalist design
  9. Help users recognise, diagnose, and recover from errors
  10. Help and documentation

Einschränkungen des Gedächtnises

  • Sensorisches Gedächtnis
  • Kurzzeitgedächtnis
  • Langzeitgedächtnis

Chunking

0043829290728
0043 829 290 728

Stacking

Kognitive Last

Planung

  • Klares System-Aktivität-Model
  • Klare Aktivitätspfade
  • Fortschrittsinformation

Umsetzung

  • Klar präsentierte Affordances
  • Konsistenz
  • Unterscheidbarkeit
  • Vollständige Informationen

Evaluation

  • Feedback vorhanden
  • Klar präsentiertes Feedback

Posture - Haltung

  • Sovereign Posture
  • Transient Posture
  • Daemonic Posture

Sovereign Posture

Screenshot des Kontact Emailprogramms

Transient Posture

Screenshot eines Load-monitoring Widgets

Daemonic Posture

Screenshot der Taskleiste in KDE

Excise

  • Stützräder
  • Visueller Lärm
  • Fehler / Warnungen / Bestätigungen
  • Navigation

Stützräder

Screenshot des Android Studio Tips

Visueller Lärm

Screenshot der Webseite der Bolden Firma
Screenshot der Web-seite https://www.bolden.nl/ (aufgenommen 22.05.2018)

Fehler / Warnungen

Warnung durch LibreOffice

Warnungen

Screenshot eines Fragedialogs in einem Emailprogramm

Bestätigungen

Screenshot der Bestätigung einer erfolgreichen Aktivität

Navigation

Screenshot einer tiefen Menüstruktur

Navigation

Screenshot einer Landingwebseite

Literatur

  • Shneiderman, B. and Plaisant, C. (2010). Designing the User Interface. Pearson.
  • Nielsen, J. (1994). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.
  • Cooper, A., Reimann, R. and Cronin, D. (2007). About Face: The Essentials of Interaction Design. Wiley Publishing.

Übungsaufgabe