Proto.io Review: Ein flexibles Werkzeug für das Prototyping

Tatsache ist: Selbst wenn Sie denken, Sie haben alles richtig verstanden, erfordert der mühsame Prozess der Erstellung einer Standard-App eine Durchschnitt von etwa 4 bis 6 Monaten. Es ist eher eine Reise von der Ideenfindung bis hin zu einem völlig anderen Endprodukt.

Zwischen diesen beiden Phasen findet das Drama statt. Nach dem Brainstorming folgt der Forschungsprozess, aus dem Sie ein entsprechendes Drahtgitter aufbauen, gefolgt von einem Prototyp für die erste Testphase.

Was fehlt bisher?

Jetzt halten Sie es genau dort. Bevor wir überhaupt in die Entwicklungsphase übergehen, wollen wir zuerst die eine Sache erkennen, die sie wesentlich beeinflusst.

Ein Prototyp stellt im Wesentlichen das dar, von dem Sie annehmen, dass es sich um die Benutzeroberfläche des Endprodukts handelt. Das nachfolgende Feedback der Benutzer bestimmt das entsprechende Funktionsdesign während der Entwicklung.

Alles in allem bestimmt also der Prototyp grundsätzlich die App-Entwicklung und weitgehend das Gesamtergebnis.

Wie sehen wir also ein interessantes Werkzeug aus, das Sie dazu nutzen können?

Proto.io Review: Überblick

Erstellt von der Labs-Abteilung von SNQ Digital, Proto.io gibt es seit 2011, als es als kommerzielle Webplattform veröffentlicht wurde, die sich mit der Entwicklung von Prototypen für iPads und iPhones befasst. Es verwandelte sich dann allmählich in ein dynamischeres Framework und wurde sogar erweitert, um mehrere Geräte aufnehmen zu können.

Derzeit richtet sich die Plattform im Wesentlichen an App-Enthusiasten, mobile Designer, Interaktionsdesigner und User Experience-Experten mit einer breiten Palette kritischer Prototyping-Tools.

Proto.io

Eine der Haupteigenschaften von Proto.io ist die intuitive Benutzeroberfläche, die mit einem Drag-and-Drop-System ausgestattet ist, das ohne Codierung genutzt werden kann. Dies allein erklärt, warum es sowohl bei Codierern als auch bei Nicht-Codierern relativ beliebt ist.

Es bietet auch eine vollständig integrierte Bibliothek von Interaktionen, die systematisch auf allen Ebenen verwendet werden kann.

Apropos: Rationalisiert Proto.io scheinbar den gesamten Prozess des Prototyping, indem es mehrere Ebenen auf verschiedenen Bildschirmen ermöglicht. Benutzer können auch aus Sketch oder Photoshop importieren, Interaktionen mit JavaScript erstellen, zahlreiche Elemente mit Dropbox synchronisieren und Bewegungsentwürfe detailliert anzeigen, während sie eine Vorschau der Animationen über das Editorfenster anzeigen.

Alles in allem ist Proto.io eines der Dinge, die es sich lohnt zu prüfen, dass die Entwickler es regelmäßig mit neuen Updates verbessern. Sie haben bereits im November zwei veröffentlicht und betreffen Spieler und Herausgeber.

Andererseits hat Proto.io auch erhebliche Schwächen. Wie sie sich auf Ihre Arbeit auswirken könnten, werden wir in Kürze untersuchen. Dieser Proto.io-Bericht enthält alle wichtigen Details, die Sie kennen sollten - grundlegende Merkmale, Preise, Stärken und Nachteile.

Und um uns anzufangen, hier sind die Hauptmerkmale…

Proto.io Review: Funktionen

Einen Prototyp bauen

Wenn Sie Ihre Reise mit Proto.io beginnen, werden Sie feststellen, dass es eine ausführliche Anleitung gibt, die Ihnen hilft, sich im System zurechtzufinden. Um ehrlich zu sein, war es sehr praktisch, und die Benutzeroberfläche macht es zudem einfacher, sie anzupassen, da die Werkzeuge übersichtlich und zugänglich sind.

Glücklicherweise wirft Proto.io Sie nicht überwältigend auf Sie. Machen Sie sich also keine Sorgen, wenn Sie am Anfang keine wichtigen Elemente sehen. Je weiter Sie an Ihrem Projekt arbeiten, desto mehr Funktionen und kontextabhängige Optionen werden schrittweise genutzt.

Starten Sie nun eine Option, indem Sie im Dashboard auf die Option für das neue Projekt klicken, deren Namen angeben, die Bildschirmgröße und das gewünschte Medium auswählen und dann voila!

Der Navigationsprozess selbst ist nahtlos, dank einer unkomplizierten Benutzeroberfläche, die nicht gewöhnungsbedürftig ist. Ich habe bereits in etwa einer Stunde mehrere Bildschirme erstellt und diese dann mit attraktiven Übergängen und stilvollen Interaktionen kombiniert.

Proto.io Prototyp

Das Zusammenführen und Testen war nicht sehr aufwendig, da Proto.io mit einer Animationsvorschau ausgestattet ist. Leider würde ich es nicht als Echtzeit-Live-Vorschau von 100% betrachten, da die Benutzer zunächst ihre Projekte speichern müssen, bevor Animationsänderungen in der Vorschau angezeigt werden.

Nun, zumindest kompensiert das System dies mit einer immersiven Drag-and-Drop-Schnittstelle. Das Ziehen eines Elements ist überraschend einfach. Sie können es entsprechend anpassen und dann zum nächsten Element wechseln.

Drag & Drop von Proto.io

Wenn Sie Elemente übernehmen, von denen Sie glauben, dass Sie sie später benötigen, (Animationen, Interaktionen, Elemente der Benutzeroberfläche), sparen Sie sich die harte Arbeit, indem Sie das Speichern von Containern nutzen. Auf diese Weise können Sie sie einfach ziehen und platzieren, wenn Sie dies benötigen. Es ist wirklich so stressfrei.

Meinetwegen. Aber über welche Funktionalitäten sprechen wir hier?

Für den Anfang können Sie Animationen drehen, einblenden, skalieren und verschieben. Interaktionen unterstützen dann Funktionen wie Klicken mit der rechten Maustaste, Klicken, Loslassen, Berühren, Doppeltippen, Antippen usw. Übergänge hingegen sorgen für Spiegeln, Auf- / Abwärtsgleiten, Links- / Rechtsgleiten usw. Kombinieren Sie diese mit einem großen eine Bibliothek mit typischen UI-Elementen, und Sie haben selbst ein benutzerfreundliches Prototyping-System.

Wohin gehen Projekte nach Abschluss?

Nun, hier ist die Sache. Das Dashboard nutzt nicht nur alle Projekte, sondern ermöglicht Ihnen auch, sie zu löschen, zu archivieren, zu duplizieren, zu bearbeiten und darauf zuzugreifen. Hier können Sie im Grunde auch ein Projekt freigeben und die entsprechenden Einstellungen anpassen.

Freigabe und Zusammenarbeit

Gut, Sie können vielleicht ein Projekt alleine bewältigen und möglicherweise einen beeindruckenden Prototyp entwickeln. Oder Sie können alles einfacher machen und Ihre Fähigkeiten erweitern, indem Sie mit einem gut koordinierten Team zusammenarbeiten.

Es stellt sich heraus, dass proto.io das aussortiert hat. Es bietet eine Reihe von Tools zum Teilen und zur Zusammenarbeit, um Ihre Projekte zu präsentieren und zu erweitern.

Wie, fragst du?

Proto.io bietet Ihnen beispielsweise die Möglichkeit, zu jeder Zeit einen Schnappschuss Ihres Projekts zu erstellen und es mit den Teammitgliedern zu teilen. Andernfalls können Sie entscheiden, ob Sie eine Live-Version des Prototyps freigeben und sogar die Videoaufzeichnung plus Kommentare aktivieren möchten. Das sollte gut genug sein, um angemessene Projektinformationen bereitzustellen und folglich ein detailliertes Feedback auszulösen.

Proto.io-Freigabe

Aber weißt du was? Es ist möglich, darüber hinauszugehen, da Proto.io auch Usertesting.com und Validately unterstützt. Wenn Sie diese aktivieren, sollten Sie ein umfassendes und detailliertes Feedback von Prototypbenutzern erhalten.

Dabei spielt es keine Rolle, mit welchen Geräten sie auf die Vorschau zugreifen. Das System kann sich sowohl an mobile Browser als auch an Desktop-Browser anpassen.

Und krieg das. Wenn Sie eine Smartphone-Anwendung erstellen, profitieren die native Erfahrung von Android- und iOS-Apps von Ihren Prototypen, indem Sie sie in dem Medium präsentieren, für das sie entwickelt wurden.

Es ist jedoch erwähnenswert, dass Proto.io 6 die Einführung von Single-Click-Sharing erheblich vereinfacht hat. Das bedeutet im Wesentlichen, dass Sie Ihren Prototyp mit einem einzigen Klick an Teammitglieder verteilen können. Wie cool ist das?

Interaktionswerkzeuge

Alles in allem macht das gesamte Interaktionsdesign Ihrer App den Unterschied, wenn es um die Benutzerfreundlichkeit geht. Das ist wohl der Grund, warum wir überhaupt Prototypen herstellen.

Glücklicherweise ist Proto.io bei Interaktionswerkzeugen nicht gemein. Es bietet eine Vielzahl von Funktionen, die Sie nutzen können, um eine unvergessliche Benutzererfahrung zu schaffen.

Neben den bildlauffähigen Inhaltsbildschirmen gehören zu den beliebtesten Optionen hier Einblendmenüs und Onboarding-Bildschirme, um nur einige zu nennen. Und für diese persönliche Note ermöglicht Proto.io den Benutzern, alle Interaktionswerkzeuge dynamisch anzupassen.

Interaktionswerkzeuge von Proto.io

Ok, aber wie genau fügst du sie hinzu?

Nun, erinnern Sie sich, als wir erwähnt haben, dass Proto.io stark eine Drag-and-Drop-Oberfläche verwendet? Rate mal? Das Erreichen eines Interaktionsergebnisses ist so einfach wie das Ziehen und Ablegen der Elemente von einem Symbol in die Komponenten der Benutzeroberfläche. Sie brauchen nicht einmal eine einzige Codezeile.

Unterstützte Geräte

Es ist immer ratsam, Ihren Prototyp auf einem Desktop-PC zu entwickeln. Es bietet genau die richtige immersive Erfahrung, um einen soliden Prototyp zu entwickeln.

Die Vorschau des Prototyps ist jetzt ein anderes Ballspiel. Glücklicherweise zwingt Proto.io die Leute nicht dazu, dies in der nativen Umgebung zu tun, auf der die Prototypen aufgebaut wurden.

Das bedeutet im Wesentlichen, dass Sie Ihre Kreation für alle Arten von Benutzern zeigen können, unabhängig von den gewünschten Gadgets. Sie erhalten Zugang zu PCs und mobilen Browsern.

Tatsächlich hat Proto.io sogar Versionen für iOS und Android entwickelt. Sie optimieren grundlegend die gesamte Erfahrung der Überprüfung von Prototypen, die für mobile Geräte entwickelt wurden.

Nachdem Sie Ihr Projekt freigegeben haben, können Sie sich auf die nachfolgenden Benutzerkommentare verlassen, um Ihren Prototyp zu bewerten. Aber hier das Interessante. Als ob das nicht genug wäre, hat Proto.io mit Lookback.io zusammengearbeitet, um die Möglichkeit zu haben, Benutzerbildschirme und Gesichtsausdrücke von Personen aufzunehmen, die einen Prototyp verwenden.

Also ja. Sie können darauf wetten, dass Sie ein fundiertes Urteil über die Leistung Ihres Prototyps treffen können, je nachdem, wie seine Benutzer lächeln oder die Stirn runzeln. Beeindruckend, richtig?

Lernkurve

Ich kenne. Ich war dort. In diesem Moment gehen Sie davon aus, dass eine Plattform für Prototypen kompliziert genug sein muss, um die umfangreiche UI-Entwicklung abzuwickeln.

Glücklicherweise ist es Proto.io gelungen, die Codierung zu eliminieren, ohne den Prototyp-Entwicklungsprozess zu beeinträchtigen. Sie können sowohl Low-Fidelity-Wireframes als auch ausgereifte High-Fidelity-Prototypen mit allen für gründliche Tests erforderlichen Funktionen einrichten.

Proto.io-Funktionen

Das heißt, Sie müssen zugeben, dass es nicht viel braucht, um eine typische Drag & Drop-Oberfläche zu beherrschen. Falls Sie jedoch auf Schwierigkeiten stoßen, bietet Proto.io eine ausführliche Dokumentation, die im Wesentlichen alles über die Plattform enthält.

Proto.io Review: Preise

Zunächst einmal war ich erfreut, dass Proto.io eine dauerhaft kostenlose Option bietet. Leider ist es ziemlich begrenzt, da es nur Folgendes bietet:

  • io App-Vorschau
  • 10MB Speicher
  • Keine zusätzlichen Gutachter
  • 5-Prototyp-Bildschirme
  • 1 aktives Projekt
  • 1 Nutzer

Die einzige Möglichkeit, weitere Funktionen zu sichern, besteht darin, einen der vier Pläne von Proto.io zu abonnieren. Sie alle bieten:

  • E-Mail-Unterstützung
  • 256-Bit-Verschlüsselung
  • Skizzieren / Photoshop importieren
  • Dropbox-Synchronisierung
  • Branding
  • Export nach PDF / PNG / HTML
  • Benutzerfeedback in Video-Form mit Lookback
  • Kommentare
  • Teilen
  • io App-Vorschau
  • Vorschau im Player

Proto.io-Preisgestaltung

Da sie nun alle mit dem gesamten Feature-Ökosystem ausgestattet sind, unterscheiden sich die Pakete hauptsächlich durch die Anzahl der unterstützten Benutzer und Projekte. Die Pläne sind scheinbar so strukturiert, dass sie unterschiedliche Benutzer- und Organisationsstufen bedienen.

Und hier sind die Details:

Freiberufler- Kostet bei monatlicher Abrechnung $ 29 pro Monat oder bei jährlicher Abrechnung $ 24 pro Monat

  • Unterstützt 1-Benutzer
  • Stellt aktive 5-Projekte bereit

Anlaufen- Kostet bei monatlicher Abrechnung $ 49 pro Monat oder bei jährlicher Abrechnung $ 40 pro Monat

  • Unterstützt 2-Benutzer
  • Stellt aktive 10-Projekte bereit

Agentur- Kostet bei monatlicher Abrechnung $ 99 pro Monat oder bei jährlicher Abrechnung $ 80 pro Monat

  • Unterstützt 5-Benutzer
  • Stellt aktive 15-Projekte bereit

Unternehmens- Kostet bei monatlicher Abrechnung $ 199 pro Monat oder bei jährlicher Abrechnung $ 160 pro Monat

  • Unterstützt 10-Benutzer
  • Stellt aktive 30-Projekte bereit

Nach diesen Nutzungsskalen würde ich sagen, dass diese Pläne für Einzelpersonen und kleine Unternehmen geeignet sind. Große Unternehmen haben die Möglichkeit, mit Proto.io über kundenspezifische Pakete zu verhandeln, die vorrangigen Support, Analysen, Sicherheit auf Unternehmensebene, unbegrenzte Projekte, zusätzliche Benutzer und vieles mehr bieten.

Studenten und gemeinnützige Organisationen können sich dagegen für einen Rabatt von 50% qualifizieren. Alles hängt vom Screening-Verfahren von Proto.io ab.

Das ist jetzt nicht schlimm. Gar nicht so schlecht. Ich frage mich jedoch, ob der Rabatt auf dem monatlichen Modell, der jährlichen Abrechnung oder beiden basiert.

Wenn Sie sich nicht qualifizieren, können Sie zumindest Ihre Kosten um etwa 20% senken, wenn Sie von der monatlichen zur jährlichen Rechnungsstellung wechseln. Außerdem erhalten Sie eine kostenlose 15-Testphase, um alles bei der Anmeldung zu testen.

Wer sollte über Proto.io nachdenken?

So weit, ist es gut. Aber vielleicht nicht überraschend, Proto.io hat ziemlich viele Nachteile.

Betrachten Sie beispielsweise die Offline-Bearbeitung. Es ist zwar empfehlenswert, dass die Plattform Benutzern das Exportieren von Prototypen in PDF und HTML ermöglicht, aber es scheint so, als hätten Sie keine Internetverbindung. Das einzige, was Sie tun können, ist die Vorschau eines Prototyps.

Das Erstellen und Optimieren eines Prototyps erfordert eine stabile Verbindung zum Internet. Das macht es praktisch unmöglich, bequem unterwegs zu arbeiten.

Apropos Prototypen: Wir hoffen, dass das Entwicklungsteam von Proto.io ernsthaft die Einführung von 3D-Animationen und Live-Vorschauen in Betracht ziehen wird. Immerhin ist es 2019, um laut zu weinen.

Abgesehen davon können wir festhalten, dass Proto.io eine anständige Plattform ist, die auf Produktivität und Skalierbarkeit ausgerichtet ist. Es ist flexibel genug, um sowohl einfache Projekte für Anfänger als auch komplexe mehrschichtige Designs von Unternehmensteams zu unterstützen.

Alles in allem, was sollten wir Ihrer Meinung nach in naher Zukunft von seinen Entwicklern erwarten?

Bogdan Rancea

Bogdan ist Gründungsmitglied von Inspired Mag und hat in diesem Zeitraum fast 6-Jahre Erfahrung gesammelt. In seiner Freizeit studiert er gern klassische Musik und erforscht die bildende Kunst. Er ist auch ziemlich besessen von Fixies. Er besitzt bereits 5.