Ein Leitfaden für Anfänger zum Rapid Prototyping

Alles, was Sie über Rapid Prototyping wissen müssen, in 7 Minuten (oder weniger)

Der Übergang von einer Idee zu einem Produkt ist chaotisch. Zu lernen, wie Sie Ihre Idee prototypisieren , Feedback erhalten und sie wiederholen können, ist die wichtigste Fähigkeit, die jeder haben sollte, der seine eigenen Produkte entwickeln möchte. Dies ist auch einer der wichtigsten Teile des Jobs eines UX Designers.

Prototypen gibt es in vielen Formen, von einer groben Skizze auf Papier bis zu einer interaktiven Simulation, die wie das Endprodukt aussieht. Dieser Leitfaden richtet sich an Anfänger, die verstehen möchten, worum es beim Prototyping geht.

Wir werden die Bedeutung einiger Begriffe im Zusammenhang mit Rapid Prototyping sowie die folgenden behandeln:

Was ist Rapid Prototyping?

Rapid Prototyping ist ein iterativer Prozess, mit dem visualisiert wird, wie eine Website oder eine Anwendung aussehen wird, um Feedback und Validierung von Benutzern, Stakeholdern, Entwicklern und Designern zu erhalten.

Bei guter Verwendung verbessert Rapid Prototyping die Qualität Ihrer Entwürfe, indem es die Kommunikation zwischen den verschiedenen Parteien verbessert und das Risiko verringert, etwas zu bauen, das niemand will.

Was brauchen Sie zum Prototypen?

Ein Prototyp ist nicht als voll funktionsfähige Version eines Systems konzipiert, sondern dient lediglich dazu, die Benutzererfahrung des Endprodukts zu visualisieren. Daniel Burka, Designpartner von Google Ventures, sagt:

Der ideale Prototyp sollte "Goldlöckchen-Qualität" sein. Wenn die Qualität zu niedrig ist, werden die Leute nicht glauben, dass der Prototyp ein echtes Produkt ist. Wenn die Qualität zu hoch ist, arbeiten Sie die ganze Nacht und werden nicht fertig. Sie benötigen Goldlöckchen Qualität. Nicht zu hoch, nicht zu niedrig, aber genau richtig.

Sie können nicht nur Bildschirme, Apps oder Websites prototypisieren, sondern fast alles. Prototyping ist eine hervorragende Methode, um Folgendes zu testen (Beispiele):

  • Neue Funktionen: Prototyp von Instagram-Geschichten in der Instagram-App (vor dem Start)
  • Änderungen in einem Workflow: Der neue Veröffentlichungsablauf von Prototype Medium nach Einführung bezahlter Mitgliedschaften
  • Neue Technologie: Prototyp einer selbstfahrenden Autofahrt!
  • Neue Benutzeroberfläche: Prototyp der Apple Watch-Benutzeroberfläche (beim ersten Start)

Jetzt verstehen Sie also, wofür Rapid Prototyping gedacht ist. Aber wie machst du das? Wir werden das als nächstes behandeln.

Der Rapid Prototyping-Prozess

Rapid Prototyping umfasst einen dreistufigen Prozess, der so oft wie nötig wiederholt wird:

  1. Prototyp: Erstellen Sie ein visuelles Modell Ihrer Lösung oder Schnittstelle.
  2. Überprüfung: Teilen Sie den Prototyp mit den Benutzern und bewerten Sie, ob er ihren Anforderungen und Erwartungen entspricht.
  3. Verfeinern: Identifizieren Sie anhand dieses Feedbacks Bereiche, die verbessert oder geklärt werden müssen.

Ein Prototyp beginnt normalerweise mit einem sehr einfachen Modell der Schlüsselbereiche und wird mit jeder Iteration komplexer, wenn Sie mehr Daten aus dem Feedback der Benutzer erfassen.

Wie viel sollten Sie in Ihren Prototyp aufnehmen?

Konzentrieren Sie sich auf die kritischen Funktionen, die am häufigsten verwendet werden. Beim Rapid Prototyping soll gezeigt werden, wie ein Feature funktioniert oder wie das Design aussehen wird, ohne das gesamte Produkt im Detail zu prototypisieren. Denken Sie daran, wir streben die Qualität von Goldlöckchen an !

Prototyp eines Benutzerflusses nach dem anderen. Anstatt Bildschirm für Bildschirm zu gehen, sollten Sie Ihren Prototyp auf eine Story stützen, die den Benutzer durch die Bereiche führt, in denen Sie Prototypen erstellen möchten. Auf diese Weise erhalten Sie genaueres Feedback, da Ihr Prototyp reale Szenarien widerspiegelt. Erstellen Sie beispielsweise einen Prototyp für den Ablauf des Kennworts „Anmelden / Anmelden / Zurücksetzen“.

Denken Sie auch daran, einen Iterationsplan im Auge zu behalten. Eine gute Faustregel bei der Planung von Iterationen ist, breit zu beginnen und sich dann auf eine detailliertere Version der Lösung hinzuarbeiten. Während Sie iterieren, steigt die Wiedergabetreue Ihrer Prototypen sowie die Menge, die Sie in sie aufnehmen.

Aber warte, was ist das für eine Treue?

Was versteht man unter der Treue eines Prototyps?

Die Wiedergabetreue bezieht sich darauf, wie genau ein Prototyp mit dem Endprodukt oder der Endlösung übereinstimmt. Abhängig von der Phase des Prozesses und dem Ziel des Prototyps können Sie aus vielen verschiedenen Optionen und Genauigkeitsstufen auswählen.

Visuell (skizziert vs. gestylt)

Layout und Design sind die auffälligsten Aspekte der Treue eines Prototyps. Wenn ein Prototyp von Anfang an mit einem hohen Maß an visueller Wiedergabetreue hergestellt wird, konzentrieren sich die Benutzer eher auf visuelle als auf funktionale Details, was vom Hauptziel der frühen Phasen des Prototyping ablenken würde.

Funktionell (statisch vs. interaktiv)

Sollte der Prototyp statisch sein oder muss er voll funktionsfähig (interaktiv) aussehen? Beide Versionen haben Vor- und Nachteile: Statische Prototypen sind einfacher und schneller zu implementieren, während interaktive Prototypen später für Usability-Tests und Benutzerschulungen verwendet werden können.

Inhalt (Lorem ipsum vs. realer Inhalt)

In den frühen Phasen des Prototyping kann Standardinhalt „Lorem Ipsum“ nützlich sein, um den Benutzer nicht abzulenken, sodass er sich darauf konzentrieren kann, funktionales Feedback zu geben, anstatt Änderungen im Text zu kommentieren.

Bewerten Sie jedoch im weiteren Verlauf des Prototyping-Prozesses die Notwendigkeit, Dummy-Text durch echten Inhalt zu ersetzen, damit Benutzer ein Gefühl dafür bekommen, wie sich dies auf das Gesamtdesign auswirkt.

Die Verwendung von echten Etiketten ist auch eine hervorragende Gelegenheit, um zu testen, ob Ihre „Kopie“ gut funktioniert oder nicht. "Kopieren" ist nur ein ausgefallener Begriff für Textbeschriftungen und Informationen, die Sie auf dem Bildschirm sehen, z. B. das Aufrufen der Schaltfläche "Veröffentlichen", "Veröffentlichen", "Veröffentlichen", "Senden", "Fertig" oder etwas anderes.

Welche Wiedergabetreue gibt es?

  • Low-Fidelity: Low-Fi-Methoden wie Bleistift-Papier- Skizzen erzeugen statische Prototypen mit geringer visueller und inhaltlicher Wiedergabetreue, die schnelle und einfache Änderungen ermöglichen. Dies zwingt den Benutzer, sich auf die Funktionalität und die Verwendung des Systems zu konzentrieren, anstatt darauf, wie es aussieht.
  • Mittlere Wiedergabetreue: Computergestützte Tools wie Visio produzieren sogenannte Prototypen mit mittlerer Wiedergabetreue in Form von Drahtgittern und Workflows . Diese Wiedergabetreue wird verwendet, um das Verhalten eines Systems zu demonstrieren, um festzustellen, ob Benutzeranforderungen erfüllt werden, und um die Benutzererfahrung zu bewerten.
  • High-Fidelity: High-Fidelity-Prototypen können manchmal so realistisch sein, dass sie oft mit dem realen Produkt verwechselt werden. Die Herstellung ist auch viel zeitaufwändiger . Mit Tools wie InVision, Sketch, Figma, Adobe XD, Framer usw. können nicht-technische Benutzer High-Fidelity-Prototypen erstellen. Obwohl diese nicht in verwendbaren Code konvertiert werden können, können sie später für Usability-Tests oder Benutzerschulungszwecke sehr nützlich sein.

Wie wählen Sie die Wiedergabetreue für den Prototyp aus?

In den meisten Fällen lassen sich Entwürfe am besten bewerten, indem Sie mit einer groben Skizze beginnen und dann je nach Komplexität und Anforderungen des Systems zu höheren Wiedergabetreuen übergehen.

Manchmal richtet sich Ihre Wahl nach Kundenanforderungen oder Schwerpunkten. Wenn Sie beispielsweise die visuellen Auswirkungen einer Schnittstellenänderung bewerten möchten, möchten Sie möglicherweise ein gestaltetes Design anstelle einer groben Skizze verwenden. Wenn Ihre Lösung auf Nachrichten ausgerichtet ist, können Sie auch echten Inhalt anstelle des Standard-Platzhaltertextes „lorem ipsum“ verwenden.

Wie wählen Sie ein Prototyping-Tool aus?

Je nach Ihren Anforderungen und Ihrem Ansatz steht eine Vielzahl von Tools für das Prototyping zur Verfügung. Bevor Sie ein Werkzeug auswählen, sollten Sie folgende Fragen stellen:

  • Wie viel Zeit würde es dauern, um zu lernen, wie man das Tool benutzt?
  • Gibt es Unterstützung Prototypen für die Bedürfnisse meines Produkts (Web, Software - Anwendungen, mobiler Anwendungen, einige neuen Technologie, und so weiter)?
  • Kann ich mit dem Tool meine Prototypen mit anderen teilen und deren Feedback einholen?
  • Wie einfach ist es, Änderungen am Prototyp vorzunehmen?
  • Kann ich mit diesem Tool vordefinierte Vorlagen und Schablonen verwenden?

Best Practices für das Prototyping: Do's and Don'ts

DOS:

  • Arbeiten Sie mit Benutzern und Stakeholdern zusammen, um das meiste Feedback zu erhalten und sie in das Eigentum am Endprodukt einzubeziehen
  • Setzen Sie Ihre Erwartungen frühzeitig, indem Sie sicherstellen, dass Benutzer und Stakeholder wissen, dass Prototyping eine Möglichkeit ist, Antworten auf bestimmte Fragen zu erhalten, und nicht das fertige Produkt darstellt.
  • Machen Sie Ihre High-Fidelity realistisch (einschließlich Reaktionsverzögerungen), damit Benutzer und Stakeholder nicht enttäuscht werden, wenn sie sie mit dem Endprodukt vergleichen.
  • Speichern Sie Vorlagen und Schablonen , um sie für zukünftige Projekte wiederzuverwenden.

Verbote:

  • Erstellen Sie keine Prototypen von Funktionen, die nicht im Endprodukt enthalten sind
  • Sei kein Perfektionist. Gut genug ist dein Freund. Das Ziel des Rapid Prototyping ist es, allen eine gemeinsame Basis zu geben.
  • Prototyp nicht alles!

Wenn Sie sich fragen, wie Sie Ihre Prototypen testen sollen, lesen Sie meinen Beitrag über Usability-Tests hier:

Das gut gehütete Geheimnis hinter großartigem UX: Usability-Tests

Unabhängig davon, ob Sie nur einen Prototyp oder ein vollwertiges Produkt haben, ist es eine gute Idee, monatliche Usability-Tests durchzuführen… medium.freecodecamp.org

Vielen Dank, dass Sie diese Kurzanleitung gelesen haben. Dies wurde ursprünglich als Teil des UX Design-Kurses auf Commonlounge veröffentlicht, einer Plattform, die Kurse mit kleinen, mundgerechten Lektionen wie diesen zu Themen von Django bis zu maschinellem Lernen bietet, die für die Zeit, die Sie investieren, den größten Nutzen bringen.

Sie lernen, indem Sie an realen Projekten arbeiten und Feedback von Mentoren aus der Industrie erhalten. Sie sollten es hier überprüfen!