Online-Mockup-/Drahtmodell-Tool

Ich suche nach einer webbasierten App, mit der ich schnell Mockups/Drahtmodelle einer Webseite erstellen und diese mit einem Kunden teilen kann.

Hauptanforderungen sind:

  • Kostenlos (oder billig, weniger als 5 $ pro Monat)
  • Online basiert
  • Kann den Link des Modells teilen, ohne den Benutzer zu fragen, wer ihn sehen muss, um sich zu registrieren

Optional

  • Verwendbar auf Tablets oder mit Android-App
  • Kann Design als PNG oder JPG exportieren
Für andere Besucher: Balsamiq beginnt bei 12 $ / m, also scheint es hier keine gültige Antwort zu sein, sonst hätte ich es wahrscheinlich vorgeschlagen.
Und Pencil ist nicht als Web-App verfügbar. Verdammt, heute kann man sich keinen Ruf verdienen ;-)
@Thomas Sagen Sie dem OP, dass es nur Cameyos Play-Funktion mit Pencil verwenden soll :)

Antworten (2)

Die zweite heißt Mockplus. Es bietet auch eine kostenlose und eine Premium-Version an, die kostenlose Version enthält einige Funktionen:

  • Unterstützt alle Plattformen (iOS/Android/PC/Web)
  • Skizzen- und Wireframe-Stil
  • 200 Komponenten
  • 8 Markup-Komponenten
  • Visualisiertes Interaktionsdesign
  • 8 vorgefertigte Interaktionskomponenten
  • Verschiedene Ereignisse und Befehle
  • Führen Sie die Interaktion nacheinander und gleichzeitig aus
  • Interaktionszustand
  • Meister
  • Meine Favoriten
  • Schnelle Überprüfung
  • Scannen Sie den QR-Code, um eine Vorschau des App-Prototyps auf Mobilgeräten anzuzeigen
  • Automatische Sicherung
  • Batch-Änderung
  • Seiten-Tag
  • Komponentenbemerkungen
  • Komponentenfragment importieren und exportieren
  • Projektfragment importieren und exportieren
  • Lineal und Richtlinien
  • Teilen Sie Prototypen
  • Abkürzungen

Dies beinhaltet im Grunde alle Ihre Anforderungen, aber wenn Sie nach PNG/JPG exportieren möchten, müssen Sie die Pro-Version kaufen.

Mockplus (Freemium)

Wenn Sie nach einem Tool suchen, mit dem Sie einfacher und schneller designen können, kommen Sie an Mockplus nicht vorbei.

  1. Schnelle Interaktion - Interaktives Design ist einfacher als je zuvor - Das interaktive Design in Mockplus ist vollständig visualisiert, das ist WYSIWYG. Mit einem einfachen Drag-and-Drop können Sie mühelos interaktive Prototypen erstellen. Eine Reihe vorgefertigter Komponenten, darunter Popup-Panel, Stapelpanel, Bildlauffeld, verschiebbare Schublade und Bildkarussell, lassen Sie vollständige Interaktionen schneller und einfacher erstellen.

  2. Schnelles Design – Prototyp wie ein Profi mit umfangreichen vorgefertigten Komponenten Mockplus wird mit mehr als 400 Symbolen und fast 200 Komponenten geliefert. Ziehen Sie diese Komponenten einfach in den Arbeitsbereich, um innerhalb weniger Minuten einen Prototyp Ihrer App-Ideen zu erstellen. Konzentrieren Sie sich auf das Design selbst und es wird kein Aufwand mehr für die Herstellung einer Komponente aufgewendet.

  3. Schnelle Vorschau - Testen Sie sofort auf dem tatsächlichen Gerät Scannen Sie den generierten QR-Code, um sofort eine Vorschau der Prototypen auf dem tatsächlichen Gerät anzuzeigen, kein USB-Kabel oder Remote-Veröffentlichung erforderlich. Tragen und teilen Sie Ihre Prototypen offline mit Teamkollegen oder Kunden, um Feedback zu sammeln. Die Cloud-Synchronisierung macht es schneller und einfacher, Prototypen auf Mobilgeräten in der Vorschau anzuzeigen.

  4. Schnelles Lernen – Codefrei und sofort loslegen Konzentrieren Sie sich einfach auf das Design selbst und nicht auf das Tool. Sie können einfach loslegen, ohne Gefahr zu laufen, in den Sklaven des Tools zu fallen, indem Sie viel Zeit und Geld in Lernen und Training investieren. Mit Mockplus müssen Sie sich keine Sorgen mehr um Programmierkenntnisse machen, geschweige denn um Codierung.

Bildschirmfoto

Da fallen mir zwei ein: Erstens gibt es Wireframe.cc. Es gibt eine kostenlose und eine Premium-Version. Die kostenlose Version scheint Ihre Anforderungen zu erfüllen,

  • Frei sein, ja!
  • Online-basiert, es ist eine Web-App – keine Software erforderlich
  • Kann öffentliche Links teilen
  • Scheint ohne Probleme auf Tablets verwendet werden zu können

Die Premium-Version enthält nur private Konten und Wireframes, mehrseitige Wireframes, anklickbare Elemente, eine Exportfunktion nach PDF und PNG und ermöglicht Überarbeitungen. Dies sollte für das funktionieren, was Sie versuchen zu tun.

Wireframe|cc (Freemium)

Wireframe.cc bietet eine aufgeräumte Umgebung anstelle von unzähligen Symbolleisten und Symbolen, die wir alle von anderen Tools und Apps kennen. Sie können sich jetzt auf Ihre Ideen konzentrieren und sie einfach skizzieren, bevor sie verblassen.

Bildschirmfoto

Update Nov 2021: wireframe.cc sind nicht mehr "Freemium". Sie bieten Ihnen jetzt eine kostenlose 7-Tage-Testversion der Vollversion an; und dann müssen Sie zu einem Abonnement wechseln (zu diesem Zeitpunkt mindestens 16 $ / Monat).