Prototyping-Techniken
Vorstellung von Prototyping-Techniken (z.B. Paper Prototyp, Wireframes, Mockups). (1.3)
Last updated
Vorstellung von Prototyping-Techniken (z.B. Paper Prototyp, Wireframes, Mockups). (1.3)
Last updated
Ein Prototyp ist ein Modell, das in der Wissenschaft oder Wirtschaft hergestellt wird, um die wesentlichen Elemente oder Funktionen eines erdachten und gewünschten Bauteils oder Produkts zu zeigen. Er dient dazu, Ideen zu überprüfen, Reaktionen zu testen und Sponsoren zu finden. Grundsätzlich soll gezeigt werden, dass etwas prinzipiell machbar ist ().
Bei der Erstellung eines Prototypen gibt es verschiedene Arten. In diesem Kurs schauen wir uns folgende Prototypen an:
Paper Prototyp
Wireframes
Mockups
Prototypen
Papier Prototypen sind eine einfache Darstellungen eines Produktkonzepts und wird bewusst mit einfachsten Mitteln erstellt. Sie werden häufig in frühen Phasen der Produktentwicklung verwendet, um Ideen zu skizzieren, Benutzerinteraktionen zu testen und Feedback zu sammeln. Sie bestehen aus handgezeichneten oder ausgeschnittenen Elementen auf Papier oder Karton.
Ebenfalls können sich Paper Prototyp gut mit dem Design Thinking Ansatz kombiniert werden.
Beispiel eines Papier Prototypen:
Ein Wireframe ist ein zweidimensionaler, skelettartiger Entwurf einer Website oder Anwendung. Er gibt einen Überblick über die Struktur, das Layout und das Verhalten der Anwendung. Was passiert also, wenn ich auf die Schaltfläche X klicke? Stil, Farben, Grafiken und andere Designelemente sind auf ein Minimum reduziert. Ähnlich wie beim Paper Prototyping werden Wireframes in der frühen Phase der Entwicklung einer neuen Anwendung eingesetzt, um erste Strukturen für die Anwendung zu definieren.
Mockups heben Wireframes auf die nächste Stufe, indem sie Designoptionen wie Farbschemata, Schriftarten, Symbole und Navigationselemente hinzufügen. In der Regel werden mehrere Mockups erstellt, so dass die Entscheidungsträger mehrere Optionen zur Bewertung haben. Oft werden auch tatsächliche Inhalte einbezogen, um die Renderings repräsentativer für das Endprodukt zu machen. Die Erstellung von Mockups erfordert mehr Aufwand und auch mehr Können. Ein UX-Designer verwendet digitale Software, um die Optionen zu erstellen und zu präsentieren.
Ein Prototyp hingegen ist interaktiv und zeigt die Funktionalität des Designs und die Benutzererfahrung. Es handelt sich dabei um eine vereinfachte Version des Produkts, die bereits Teile des endgültigen Produkts implementiert hat, so dass der Benutzer bereits einen groben Überblick über die Funktionen des Produkts erhält.
Hier noch einmal eine Übersicht zwischen Wireframes, Mockups und Prototypen. Das Paper Prototyp wurde bewusst weggelassen, da es "nur" eine grobe Zeichnung der Anwendung darstellt.
Quelle:
