ProtoPie laesst den Prototyp echt wirken
Zusammenfassung
Ein Drahtgittermodell ueberzeugt selten. Etwas, das man tippen, wischen und fuehlen kann, schon. Dieses Werkzeug liegt zwischen statischem Entwurf und Codezeile: Ausloeser und Antworten bauen die Logik, Variablen und Bedingungen fuehren die Abzweigungen, und Lagesensor, Mikrofon oder Fingerabdruck lassen sich nachbilden.
Empfehlen- Name
- ProtoPie
- Version
- 20260922
- Preis
- Kostenlos
- Open Source
- Proprietär
- Betriebssystem
- WindowsmacOSiPadAndroidiOS
- Webseite
- https://www.protopie.io/
- Aktualisiert
- 2026-10-06 20:53
Ein Prototyp, der sich wie das Produkt verhaelt
Ein Drahtgittermodell ist ein Argument aus Rechtecken. Es kann ein Layout beschreiben und einen Ablauf andeuten, aber es beantwortet nicht die einzige Frage, die eine Entscheiderin wirklich hat: wie es sich anfuehlt, es zu benutzen. Deshalb enden Abstimmungen so oft mit einem Satz, der mit den Worten anfaengt es waere schoen, wenn, und deshalb findet dieselbe Abstimmung zwei Wochen spaeter wieder statt. Dieses Werkzeug existiert, um diese Schleife zu beenden. Sein Platz in der Kette ist praezise: weiter als ein statischer Entwurf, billiger als echter Code.
Was diesen Platz tragfaehig macht, ist die Bauweise. Interaktionslogik wird aus Bausteinen zusammengesetzt statt getippt. Ein Tippen, ein Wischen, ein Tastendruck oder ein Zeitgeber ist ein Ausloeser. Eine Verschiebung, eine Aenderung der Deckkraft, ein Wechsel eines Datenwerts ist eine Antwort. Stapelt man sie, ergaenzt Variablen und Bedingungen, wird aus einem Ablauf, den frueher ein Entwickler erklaeren musste, etwas, das an einem Nachmittag entsteht: ein Formular, das beim Tippen prueft, eine Karte, die sich aufklappt, waehrend die Kopfzeile schrumpft, eine Kasse in mehreren Schritten, deren Fortschrittsbalken die Wahrheit sagt.

Was das Ergebnis ueber eine clevere Animation hinaushebt, ist die Nachbildung der Hardware. Lagesensor, Mikrofon und Fingerabdruck lassen sich alle nachstellen, sodass ein Prototyp auf Neigung reagiert, auf Lautstaerke hoert oder einen Bildschirm hinter einer biometrischen Pruefung haelt. Genau das sind die Interaktionen, ueber die ein flacher Entwurf nicht sprechen kann, und genau die, ueber die ein Team wochenlang ohne Beleg streitet.
Vorschau auf dem Geraet und gemeinsame Pruefung
Hohe Wiedergabetreue betrifft hier nicht nur die Logik. Ist der Abspieler auf einem Telefon installiert, spiegelt er das, was am Schreibtisch bearbeitet wird, live auf echte Hardware, sodass sich das Gefuehl eines Wischens und der Takt einer Bewegung mit der Hand entscheiden statt in Prosa beschrieben werden. Ablaeufe ueber mehrere Geraete lassen sich im selben Prototyp anlegen, ein Telefon, das ein Tablet steuert, oder zwei Bildschirme, die eine Aufgabe weiterreichen. Das ist die Klasse von Interaktion, die die meisten Entwurfswerkzeuge gar nicht ausdruecken koennen.

Laeuft ein Ablauf, teilt ein Link ihn mit dem Team und mit Testpersonen, und Rueckmeldungen haengen am Prototyp statt an einem Bildschirmfoto in einem Dokument. Allein dieser Wechsel des Mediums veraendert die Qualitaet des Gespraechs. Ein Hinweis, der Uebergang fuehle sich langsam an, ist eine Meinung; ein Hinweis am Uebergang, in einer Fassung, die jeder antippen kann, ist ein Fehler mit einer Adresse.
Diese Art von Prototyp hat ein zweites Publikum, und es ist nicht das Gestaltungsteam. Es ist die Person, die den Aufwand schaetzen muss. Ein Ablauf, den man antippen kann, ist ein Ablauf, dessen unangenehme Zustaende bereits gefunden wurden, und der Unterschied zwischen einer Schaetzung aus einem statischen Bild und einer aus einer lauffaehigen Fassung ist meist der zwischen Ueberraschung und Plan. Einen Prototyp zu uebergeben ist keine Zierde, es nimmt eine ganze Klasse von Fragen aus der Startsitzung.
Erwaehnenswert ist auch, was das Werkzeug bewusst nicht tut. Es ist keine Produktionsumgebung, und niemand sollte versuchen, von hier auszuliefern. Sein Wert liegt in den Fragen, die es frueh erzwingt: was passiert, wenn das Netz mitten im Ablauf ausfaellt, wie ein deaktivierter Zustand aussieht, ob der zweite Tipper mit einer Hand ueberhaupt erreichbar ist. Im Prototyp sind diese Antworten billig, im Sprint teuer.
Es fuellt die Luecke zwischen Gestaltung und Entwicklung, in der die Sprache ausgeht: eine Interaktion ist keine Beschreibung in einer Besprechung mehr, sondern etwas, das man in der Hand haelt. Ein guter Prototyp vertritt seine Sache selbst.
Die kostenlose Stufe deckt ab, was eine Person zum Starten braucht, waehrend Zusammenarbeit im Team und fortgeschrittene Faehigkeiten hinter einem Abonnement liegen. Das ist eine vernuenftige Form fuer ein Werkzeug, das ein Studio nach und nach annimmt. Fuer Gestalter, die von Axure oder von Figma Prototypen kommen, ist die Lernkurve flach, vor allem weil das Denkmodell aus Ausloeser und Antwort dem entspricht, wie sie Interaktion ohnehin denken.
Wohin es gehoert, laesst sich einfach sagen. Interaktionsgestalter, Produktverantwortliche und bewegungsorientierte Gestalter sind die Kernnutzer. Fuer rein visuelle Entwuerfe genuegt Figma, und es geht nichts verloren. Sobald die Frage auf einen komplexen Ablauf oder einen Sensor zulaeuft, ist dies das Werkzeug der Wahl. Es laeuft unter Windows und macOS, und die kostenlose Stufe ist nach der Installation bereit.