Mit Rapid Prototyping Tools können schnell und einfach Wireframes von Websites oder Apps erstellt werden. Es erleichtert die Entwicklung von Konzepten und macht es möglich Navigation und Klick Pfad durchzuspielen.

Dank der einfachen Tools kann die Handhabung des Produkts komplett ohne Coding im Browser, am Smartphone oder Tablet simuliert werden.

So wird mit wenig Aufwand die Simulation für den Kunden seh- und erfahrbar, was Kommunikation und Feedback erleichtert.

Figma – the collaborative interface design tool

Figma ist ein hauptsächlich webbasierter Vektorgrafik-Editor und ein Prototyping-Tool mit zusätzlichen Offline-Funktionen, die durch Desktop-Anwendungen für macOS und Windows aktiviert werden.

Positiv: Cooperatives Prototyping möglich

Negativ: Man sollte Erfahrung mit Design-Tools haben.

ab $12 pro Nutzer / Monat

https://www.figma.com/

 

Justinmind

Justinmind ist wohl das umfangreichste Tool für Rapid Prototyping. Von Templates für Mobil bis Google Glass (wer es braucht) ist alles zu finden. Hervorzuheben ist hier, dass Responsive Wireframes gebaut werden können und auch auf mobilen Geräten mit Touch Events getestet werden können.

Mit Justinmind sind auch komplexere Wireframes möglich. Das Einfügen von Dateien und Bildern ist problemlos. Mehrere Nutzer können ein Projekt einsehen und bearbeiten und kommentieren.

  • Positiv: Die Website kann vom basic Wireframe bis zum bebilderten real like Dummy simuliert werden. Das einzige Tool das responsive web-Design bietet.
  • Negativ: Das Tool ist, wenn auch übersichtlich, komplex und könnte dazu verleiten sich zu früh Gedanken über die Gestaltung zu machen

ab 29$ im Monat

http://www.justinmind.com

 

Wireframe.CC

Wireframe.cc ist wie der Name vermuten lässt ein Rapid Prototyping Tool, das sich auf die Basics des rapid Prototyping  konzentriert. Reduziert auf das Nötigste können schnell und unkompliziert simple Dummys für Desktop und Mobile Websites erstellt werden. Mit der Premium Version können im Team mehrseitige Wireframes erstellt, geshared oder als PDF und PNG exportiert werden.

  • Positiv: das simpelste Tool für basic Wireframes
  • Negativ: das Einfügen von Bildern oder PDFs ind den Hintergrund ist nicht möglich.

ab 12$ pro Monat

https://wireframe.cc

 

Proto

 

Proto ist ebenfalls ein sehr umfangreiches Rapid Prototyping Tool. Neben vielen Templates können mit Proto Menu Bars und andere Objekte animiert oder geloopt werden. Für Mobile Geräte auch mit Touch Navigation. Die Wireframes können von mehreren Nutzern bearbeitet, getestet und kommentiert werden. Exportiert werden kann in PDF, PNG oder HTML Files.

  • Positiv: die Wireframes können auch komplexe Sites mit Animationen simulieren
  • Negativ: eventuell verbringt man mehr Zeit damit, die eigentlichen Wireframes gestalterisch aufzuarbeiten als es nötig und nützlich wäre

ab 29$pro Monat

http://proto.io

Fazit – Rapid Prototyping

Wenn es darum geht schnell, basic Wireframes mit Platzhaltern zu bauen und die Navigation zwischen den einzelnen Sites zu simulieren ist Wireframe.cc sicherlich die beste Adresse.

Wenn man darüber hinaus komplexe Seiten darstellen, Bilder einfügen oder Responsibilität simulieren will ist man mit Justinmind besser beraten.

 

und hier ein paar Interface Projekte von uns:

Corporate Design fürs Metaverse2023-06-07T13:55:17+02:00
Virtuelle Ausstellung und digitales Gedenken2023-05-17T12:21:33+02:00
Scrollytelling Website für Politiker*innen2023-06-30T17:16:32+02:00
Integrierte Kampagne für ein digitales Bildungsprojekt2022-07-08T11:00:36+02:00
Strategie und Redesign für den Startup-Hub2023-05-22T11:31:03+02:00
Corporate Design und Marketing mit Herz2023-05-31T10:44:22+02:00