Mockup

Ü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.

Benutzerschnittstellen zur Optimierung und Digitalisierung von Geschäftsprozessen entwickeln

Einfache Geschäftsprozesse mal eben zu digitalisieren ist in Zeiten von Low-Code-Plattformen fast schon ein Nobrainer. Um komplexere Prozesse fachgerecht zu verbessern, hilft ein systematisches Vorgehen: vom Erfassen und Bewerten der bestehenden Abläufe über den Entwurf der digitalisierten Prozesse bis zu Navigation, Usability und Mockups der Benutzeroberfläche. Diese Seite gibt einen Überblick über die sechs Artikel der Reihe und die Übungsaufgaben, die meisten Schritte werden an einem Tool zur Organisation eines Kongresses gezeigt; eine gemeinsame Kann-Liste und Leitfragen helfen bei der Orientierung.

GUI-Seiten mit Wireframes und Mockups entwerfen

Im Design-Prozess einer GUI nutzen wir Wireframes für den Entwurf der Struktur und Gliederung und Mockups, um erste visuelle Eindrücke zu erhalten. In diesem Artikel werden die Rolle von Wireframes und Mockups beschrieben, gängige Bedienelemente und Darstellungsformen für Daten vorgestellt, das Skizzieren und Bewerten eines Mockups Schritt für Schritt gezeigt und einige Tools vorgestellt, mithilfe derer Wireframes und Mockups erstellt werden können.