UI Elemente

Jun.-Prof. Dr. Mark Hall

Sommersemester 2019

Themen

  • Menüs
  • Eingabeformulare
  • Dialoge

Drop-down Menüs

Screenshot eines Drop-down Menüs

Popup Menüs

Screenshot eines Popup Menüs

Toolbar

Screenshot einer Toolbar
Screenshot einer Toolbar

Runde Menüs

Screenshot einer Toolbar
https://www.flickr.com/photos/torley/1542929382/

Anordnung der Menüeinträge

Screenshot eines Drop-down Menüs

Baumartige Menüs

Screenshot eines baumartigen Menüs

Tag Clouds

Screenshot einer Tag cloud

Karten

Screenshot einer Onlinekarte
https://www.openstreetmap.org/#map=18/51.49598/11.93664

Karten

Screenshot einer Kartenvisualisierung einer Baumstruktur

Freie Eingabefelder

Eingeschränkte Eingabefelder

Optionenauswahl

Optionenauswahl

Datei Auswahl

Modale Dialogboxen

Screenshot einer modalen Dialogbox

Nicht-modale Dialogboxen

Screenshot einer nicht-modalen Dialogbox

Eigenschaftendialoge

Screenshot eines Eigenschaftendialogs

Funktionale Dialoge

Screenshot eines funktionalen Dialogs

Fortschrittsdialoge

Screenshot eines Fortschrittsdialogs
https://www.flickr.com/photos/xmodulo/15829923031

Nachrichtendialoge

Screenshot eines Nachrichtendialogs

Sprache und Konsistenz

Screenshot eines funktionalen Dialogs
Screenshot eines Eigenschaftendialogs

Literatur

  • Cooper, A., Reimann, R., and Cronin, D. (2007). About Face - The Essentials of Interaction Design. Wiley.
  • Shneiderman, B. and Plaiseant, C. (2010). Designing the User Interface. Pearson.

Übungsaufgabe