User Experience Design
Jun.-Prof. Dr. Mark Hall
Sommersemester 2019
Themen
- Was ist UXD?
- Warum UXD?
- Inhalte
- Design
- Der/die Benutzer/in
- Interaktionsmuster
- Testen
- UI Elemente
- Accessibility
- Implementierungen
![Türöffner in der Strassenbahn in Halle](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/tuer_oeffner.jpg)
Was ist UXD?
- Usability
- User Experience
- Design
![Old-style point-of-sale system](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/old_pos.jpg)
![New-style point-of-sale system](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/new_pos.gif)
![Photo of Kennedy and Nixon](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/kennedy_nixon.jpg)
![Eierlegende Wollmilchsau](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/wollmilchsau.png)
![Powerpoint Ribbon Menu](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/powerpoint.png)
- Entscheiden was man tun will
- Entscheiden wie man es tun wird
- Action!
- Feststellen ob die Aktivität erfolgreich war
![Low Fidelity Protoype](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/low_fidelity1.png)
![Low Fidelity Protoype](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/low_fidelity2.png)
![High Fidelity Prototype](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/hi_fidelity.png)
![Type samples in a type-setting box](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/typography.jpg)
![Cypress.io test example](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/cypress_test.png)
![Desk set up for a usability test](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/usability_study.jpg)
![Screenshot of the react webpage](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/react.png)
![Screenshot of the QT designer](https://mht.uzi.uni-halle.de/modules/grundlagen-benutzerfreundlicher-schnittstellen/inhalt/uxd/qt_designer.png)