Design Patterns
Jun.-Prof. Dr. Mark Hall
Sommersemester 2019
Themen
- Interface Guidelines
- Excise
- Posture
Golden Rules of Interface Design
- Strive for consistency
- Cater to universal usability
- Offer informative feedback
- Design dialogs to yield closure
- Prevent errors
- Permit easy reversal of actions
- Support internal locus of control
- Reduce short-term memory load
Usability Heuristics
- Visibility of system status
- Match between the 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 recognise, diagnose, and recover from errors
- 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](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/kontact.png)
Transient Posture
![Screenshot eines Load-monitoring Widgets](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/widget.png)
Daemonic Posture
![Screenshot der Taskleiste in KDE](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/daemonic.png)
Excise
- Stützräder
- Visueller Lärm
- Fehler / Warnungen / Bestätigungen
- Navigation
Stützräder
![Screenshot des Android Studio Tips](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/training_wheels.png)
Visueller Lärm
![Screenshot der Webseite der Bolden Firma](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/bolden.png)
Fehler / Warnungen
![Warnung durch LibreOffice](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/information_message.png)
Warnungen
![Screenshot eines Fragedialogs in einem Emailprogramm](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/question.png)
Bestätigungen
![Screenshot der Bestätigung einer erfolgreichen Aktivität](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/confirmation.png)
Navigation
![Screenshot einer tiefen Menüstruktur](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/navigation.png)
Navigation
![Screenshot einer Landingwebseite](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/design-patterns/landing.png)
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.