Benutzeroberfläche

Übungsaufgaben zu Mockups, Bedienelementen und Darstellungsformen

Zwei Übungsaufgaben zum Entwurf von Benutzeroberflächen: zum Nutzen von Mockups Stellung nehmen, Wireframe, Mockup und Klickdummy unterscheiden, gewählte Bedienelemente beurteilen, ein Formular als Mockup skizzieren, Mängel eines Entwurfs den Interaktionsprinzipien zuordnen und zwei Zustände einer Seite skizzieren, Darstellungsformen Situationen zuordnen, einen persönlichen Tagesplan skizzieren, Diagrammarten zuordnen, einen Dashboard-Entwurf bewerten und eine E-Paper-Anzeige gestalten.

Navigation in Benutzerschnittstellen mit UML-Zustandsdiagrammen planen

Der Ablauf des Geschäftsprozesses steht fest, jetzt geht es darum, die einzelnen Masken zu modellieren. Jede Maske repräsentiert dabei einen Zustand, den die Benutzeroberfläche einnimmt. Diese Zustände und deren Übergänge werden mit einem UML-Zustandsdiagramm geplant, hierfür gibt es einige Kniffe, um bei größeren Seitenkomplexen eine übersichtliche Modellierung sicherzustellen (Teil der Artikelserie zur Gestaltung und Entwicklung von Benutzeroberflächen für Geschäftsprozesse).