←  Alle Begriffe
P
Design Systems

Prototyp

Ein Prototyp ist ein frühes, vereinfachtes Modell, mit dem Ideen, Abläufe und Bedienung vor der vollständigen Umsetzung getestet werden.

Ein Prototyp macht Konzepte früh erlebbar und hilft dabei, Abläufe, Interaktionen und Nutzerführung zu prüfen, bevor eine Lösung vollständig entwickelt wird. Je nach Ziel kann er von einfachen klickbaren Entwürfen bis zu realitätsnahen Funktionsmodellen reichen. Tests mit Prototypen helfen, Probleme früh zu erkennen und Anforderungen vor der Umsetzung gezielt zu schärfen. Eng verbunden ist der Begriff mit Wireframe und Web-Applikation.

Weiterlesen

Wireframe

Web-Applikation

Low-Code

Design QA

FAQ

Prototyp

Wann lohnt sich ein Prototyp vor der Entwicklung?
Der Aufwand lohnt sich, wenn Abläufe komplex, Annahmen ungeprüft oder Änderungen nach der Umsetzung teuer sind, etwa bei Web-Anwendungen, Konfiguratoren und mehrstufigen Formularen. Bei einer einfachen Inhaltsseite reicht oft ein Wireframe. Ein Prototyp, etwa in Figma, verschiebt Fehler aus der teuren Entwicklung in die günstige Konzeptphase.
Wie realitätsnah sollte ein Prototyp sein?
So realitätsnah, wie die Testfrage es verlangt. Zum Prüfen von Navigation und Ablauf genügt ein grober klickbarer Entwurf, für Tests von Animationen oder Formularlogik braucht es mehr Detail. Zu hoher Feinschliff kostet Zeit und lenkt Testpersonen auf Optik statt Ablauf. Der Aufwand sollte zum Risiko der Entscheidung passen.
Was ist der Unterschied zwischen Wireframe und Prototyp?
Ein Wireframe zeigt Struktur und Inhaltsanordnung statisch, meist ohne Gestaltung. Ein Prototyp macht Abläufe klickbar und erlebbar, mit Interaktionen und oft mit visuellem Design. Das Wireframe beantwortet, was wo steht, der Prototyp, wie sich die Nutzung anfühlt. Häufig entsteht der Prototyp aus dem Wireframe.