Proto.io-Rezension: Alles, was Sie wissen müssen

Das Erstellen eines Prototyps für Ihre App-Idee kann bahnbrechend sein, aber es ist nicht immer einfach, das richtige Tool dafür zu finden. Hier kommt Proto.io ins Spiel – eine webbasierte Prototyping-Plattform, die seit 2011 für Aufsehen sorgt.

Ursprünglich für iOS-Geräte entwickelt, ist es jetzt ein vielseitiges Tool für App-Enthusiasten, Designer und UX-Experten auf mehreren Plattformen.

In dieser Rezension tauchen wir tief in Proto.io ein, um zu sehen, ob es dem Hype gerecht wird. Wir erkunden seine wichtigsten Funktionen, von seiner intuitiven Drag-and-Drop-Oberfläche bis zu seinen Tools für die Zusammenarbeit.

Wir erläutern außerdem die Preisstruktur, wägen die Vor- und Nachteile ab und helfen Ihnen bei der Entscheidung, ob Proto.io für Ihre Prototyping-Anforderungen geeignet ist.

Egal, ob Sie ein Programmiergenie oder ein Design-Neuling sind, bleiben Sie dran, während wir alles auspacken, was Proto.io zu bieten hat. Am Ende dieser Rezension haben Sie ein klares Bild davon, was dieses Tool für Ihren App-Entwicklungsprozess leisten kann – und wo es möglicherweise zu kurz kommt.

Lass uns anfangen!

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

Was ist Proto.io?

Erstellt von den Labors Divivon 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.

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-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.

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.

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?

Um beispielsweise das absolute Minimum zu präsentieren, können Sie mit Proto.io jederzeit einen Schnappschuss Ihres Projekts erstellen und ihn dann mit Teammitgliedern teilen.

Andernfalls können Sie aufs Ganze gehen, indem Sie eine Live-Version des Prototyps freigeben und sogar Videoaufzeichnungen und Kommentare aktivieren. Das sollte ausreichen, um ausreichende Projektinformationen bereitzustellen und folglich detailliertes Feedback auszulösen.

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, über welches Gerät auf die Vorschau zugegriffen wird. Das System passt sich sowohl an mobile als auch an Desktop-Browser an.

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.

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. Dies bietet genau das richtige immersive Erlebnis, um einen soliden Prototyp zu konstruieren.

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.

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-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
• Ihre Nachricht
• Teilen
• io App-Vorschau
• Vorschau im Player

Da sie alle mit dem gesamten Feature-Ökosystem ausgestattet sind, sind die Hauptunterscheidungsmerkmale zwischen den Paketen die Anzahl der unterstützten Benutzer und Projekte. Die Pläne scheinen so strukturiert zu sein, dass sie unterschiedliche Nutzergruppen und Organisationen 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

Startup- 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

Ausgehend von 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 benutzerdefinierte Pakete zu verhandeln, die vorrangigen Support, Analysen, Sicherheit auf Unternehmensniveau, 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, so gut. Aber, vielleicht wenig überraschend, hat Proto.io auch einige 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?