Die Ideen auf Papier und Whiteboards zu notieren ist ein wichtiger erster Schritt beim Erstellen eines neuen Produkts oder bei einer Neugestaltung. Das Skizzieren von Ideen gibt Teammitgliedern und anderen Stakeholdern eine frühe visuelle Vorstellung davon, wie das Produkt aussehen wird, aber Skizzen haben mehrere Einschränkungen.
Auch Wireframes – der nächste Schritt nach Skizzen – können dynamische Elemente wie Fluss, Interaktion und Animation nicht erfassen. Produktmanager, Designer und Entwickler können Stakeholdern nicht durch die Benutzererfahrung mit statischen Bildern führen, weshalb klickbare Prototypen eine so wertvolle Rolle in der Produktentwicklung spielen.
Erstens sollte ich klären, was ein Prototyp nicht ist.
Ein Wireframe ist kein klickbarer Prototyp. Ebenso wenig ist ein visuelles Mockup. Alles, was statisch ist, ist kein Prototyp. Gleichzeitig ist ein klickbarer Prototyp nicht das endgültige Produkt. Es wird nicht wie das endgültige Produkt aussehen; es wird zum Beispiel nicht hochwertig oder beeindruckend aussehen.
Das Gestalten und Entwickeln eines Produkts ist ein komplexer iterativer Prozess, von der Konzeption bis zur Endlieferung. All das wäre ohne Benutzer-Tests unmöglich, insbesondere wenn Sie Lean-Prinzipien anwenden. Folglich können Sie effektive Tests nicht durchführen, ohne eine Version des Produkts, die einen hohen Grad an Interaktivität erlaubt, was der Zweck klickbarer Prototypen ist.
Was ist ein klickbarer Prototyp?
Prototypen sind Produkt-Simulationen, interaktive Mockups, die Benutzer durch die verschiedenen Funktionen des Produkts führen können. Sie müssen nicht unbedingt gut aussehen – da das mehr Zeit in Anspruch nehmen würde – aber sie müssen testen, ob der Fluss, die Benutzerreise durch das Produkt reibungslos, konsistent und einfach zu navigieren ist.
Nicht nur sind klickbare Prototypen von einer Test- und UX-Sicht wertvoll, sondern oft entstehen Entdeckungen, die die Produktentwicklung und Funktionen beeinflussen, als Ergebnis früher Benutzererfahrungen mit dem Prototyp.
Obwohl Wireframes den Weg eines Benutzers durch ein Produkt nicht replizieren können, können Sie hochwertige Wireframe-Zeichnungen in manchen klickbaren Prototypen verwenden, wenn sie mit Prototyping-Software geladen und verbunden sind.
Nun, da Sie wissen, was ein Prototyp ist – und nicht ist – schauen wir uns einige der beliebtesten Prototyping-Tools auf dem Markt an.
Tools zum Erstellen klickbarer Prototypen
#1: InVision
Mit über 2 Millionen Designern und Dutzenden von Enterprise-Scale-Marken als Kunden, darunter Salesforce, Evernote, Nike und Sony, InVision ist eines der beliebtesten Prototyping-Tools. Die Preise beginnen bei Kostenlos – für immer – für 1 Prototyp, mit unbegrenzten Prototypen ab $25 pro Monat.
InVision verfügt über eine saubere, benutzerfreundliche Oberfläche, nicht zu komplex und nicht zu einfach; mit drei vorab geladenen Demos (und einem Video), damit Sie sich besser vorbereiten können, wie man InVision verwendet, bevor Sie mit Ihren eigenen Projekten beginnen. Die Zusammenarbeit ist einfach, mit Registerkarten, die es einfach machen, Designs mit Kollegen oder Kunden zu teilen.
#2: Webflow
Webflow positioniert sich seit der Einführung eines CMS für Prototypen von traditionellen Prototyping-Tools weg. Entwickler, die es ausprobiert haben, bevorzugen es gegenüber WordPress, da Sie mit einem Klick Ihren Design in eine produktionsfähige Website verwandeln können.
Es ist genauso einfach, einen Prototypen in sauberen, semantischen Code umzuwandeln, mit responsiven Funktionen und Features, die es einfach machen, Webflow mit über 400 Diensten zu verbinden, einschließlich Google Drive und Slack. Es gibt einen kostenlosen Testzeitraum, und grundlegende Hosting beginnt ab $15 pro Monat.
#3: Proto.io
Mit Vorlagen vorinstalliert, Proto.io wird von über 400.000 Profis und leidenschaftlichen Einzelpersonen verwendet. Sie können Designs direkt aus Sketch oder Photoshop importieren, dann prototypisieren, voranschauen und testen, was Live-Benutzer-Tests auf mehreren beliebten Testplattformen einschließen kann.
Beginnen Sie mit einem 15-tägigen kostenlosen Testzeitraum, dann wechseln Sie zu einem bezahlten Plan – ab $24 pro Monat (1 Konto, 5 Projekte) – bis zu einem Unternehmenskonto mit 10 Benutzern und 30 aktiven Projekten für $160.
#4: Justinmind
Justinmind erscheint einfach zu bedienen, und enttäuscht nicht. Ein Konto zu erstellen dauert etwa 10 Sekunden, danach können Sie mit der Erstellung interaktiver Wireframe-Produkte beginnen, die Sie mit anderen teilen und Feedback erhalten können.
Leider ist der für immer kostenlose Testzeitraum etwas begrenzend; wenn Sie jedoch vorhaben, dies zu verwenden, um mehr als einen Prototyp zu erstellen, könnte es sich lohnen, auf einen Preisplan hochzusteigen, beginnend ab $19 pro Monat (jährlich berechnet, oder $29 monatlich).
#5: Origami Studio
Erstellt von Facebook als Teil der internen Design- und Build-Prozesse, Origami Studio wurde es kostenlos für Apple-Entwickler veröffentlicht. Es dauert mehr Arbeit, um es herunterzuladen, zu installieren und zu verwenden als andere Prototyping-Tools, aber sobald es läuft, können Sie Designs mit anderen teilen, sogar auf Android-Geräten, mit Origami Live.
Origami ist eine der realistischsten Möglichkeiten, interaktive Prototypen zu testen, mit einer Upload-Funktion für Sketch-Designs.
Ihre Produktideen in die Realität zu verwandeln ist ein langer Prozess. Zeit gut investiert, wenn Sie nützliches Feedback erhalten und die Iterationen vornehmen können, um ein Produkt zu entwerfen, das die Leute lieben werden. Aber das kann nur mit den richtigen Tools und Prozessen geschehen, was bedeutet, Skizzen in Wireframes und Mockups umzuwandeln, die als Grundlage für einen klickbaren Prototyp dienen können. Nur mit einem Prototyp können Benutzer die Produktfunktionen und den Fluss testen, die die nächste Design- und Entwicklungsphase informieren werden, um kostspielige Fehlschläge in der Zukunft zu vermeiden.
Verwandeln Sie Ihren Start-up Traum in eine Realität. Von Idee bis Prototyp in 48 Stunden, und eine marktfähige App in nur 2 Wochen. Holen Sie sich ein Angebot in 30 Minuten, von KFG International.