it-swarm-eu.dev

Was sind einige großartige webbasierte Prototyping-Tools?

Ich suche nach einer Liste webbasierter Prototyping-Tools und möchte hier eine mithilfe des demokratischen Abstimmungssystems von StackExchange erstellen.

Es gibt bereits einige Listen im Internet, insbesondere diese:

Ich habe beide aus der Google-Suche "Liste der Prototyping-Tools" gefunden.

Die Benutzeroberfläche von StackExchange sollte langfristig das beste Format für die Verwaltung einer solchen Liste sein. Gehen wir zur Relevanz, nicht unbedingt zur Vollständigkeit. Die Vollständigkeit würde das Hinzufügen von Tonnen von Antworten beinhalten, einschließlich wenig bekannter oder veralteter Tools. Stattdessen möchte ich eine Liste von aktuellen webbasierten Prototyping-Apps sehen, und die Stimmen für jedes Produkt würden sich im Laufe der Zeit idealerweise weiterentwickeln (z. B. Balsamiq wird wahrscheinlich heute oben anfangen, aber in 5 Jahren könnte sich noch etwas anderes zeigen).

Ich mache dies zu einem Community-Wiki, da es mehr Dokumentation als objektiv zu beantworten ist.

53
Rahul

HTML + CSS + JS

Dies ist so ziemlich die einzige Option, wenn Sie sich mit High-Fidelity-Prototyping befassen.

Ich bin ein Befürworter von Hi-Fi (Code it) oder Stick sehr Lo-Fi (skizzenhafte Apps wie Balsamiq).

Wenn Sie keine relativ zahmen Interaktionen testen, finde ich Lösungen wie Axure und dergleichen etwas gefährlich. Dies impliziert Hi-Fidelity, aber Sie können die Interaktionen in solchen Apps nicht so weit verfeinern, dass sie die tatsächliche Benutzererfahrung widerspiegeln.

37
DA01

Balsamiq-Modelle

Also, da du es erwähnt hast, werde ich Balsamiq hinzufügen, um die Liste zu beginnen :)

Die Webversion ist noch nicht vollständig veröffentlicht, aber die Desktop-App ist ziemlich geschickt.

Wenn es live geht, wird das Produkt hier existieren: Balsamiq Web App Projektseite

Ansonsten gibt es immer die Desktop-App (klicken Sie unter derselben URL einfach auf den Link "Desktop-App").

45
Matt

Spottdrossel

Ich fand, dass Mockingbird eine der am einfachsten zu verwendenden browserbasierten Apps ist - http://gomockingbird.com

8
chrisofspades

Handwerk

Balsamiq ist definitiv meine erste Wahl, um Ideen in Brainstorming- und Kick-off-Sitzungen mit Kunden zu skizzieren. Aber wenn es um voll funktionsfähige Prototypen geht, ist meine bevorzugte Droge immer Handcraft . Es ist perfekt für das HTML-Prototyping geeignet und bietet einige großartige funktionale Extras, um Interaktionsabläufe zu erstellen, die normalerweise Back-End-Codierungsfähigkeiten erfordern oder Dinge in Javascript zusammenfügen.

6
Huijkman

Bleistift

Pencil ist ziemlich gut, an die ich mich gewöhnt habe. Nicht ausschließlich webbasiert, aber es ist ein Firefox-Plugin.

5
LiamGu

Mockflow

Die interaktive Agentur meiner Frau hatte Erfolg mit:

http://www.mockflow.com/

Schneller Einstieg und eine angemessene Anzahl integrierter Steuerelemente und Bildschirme für Drahtgitter.

3
noluckmurphy

Blaues Drahtmodell in Google Text & Tabellen.

Aus diesem Blog-Beitrag von Morten Just hat er ein öffentliches Google Drawing erstellt, das Sie verwenden können. Ich bin mir nicht sicher warum, aber die leere Vorlage ist jetzt verschwunden, also habe ich die Vorlage geteilt, die ich vor einiger Zeit kopiert habe . Verkleinern Sie die Ansicht, wenn Sie die Drahtgitterobjekte links nicht sehen.

Es enthält eine Reihe von Drahtgitterobjekten, die Sie kopieren, einfügen und anschließend in den Modellbereich rechts ändern.

Dann gibt es eine Galerie von Google Docs von Personen, die mit dieser Vorlage Modelle erstellt haben

enter image description here

2
icc97

Hotgloo

Hotgloo bietet grundlegendes Prototyping, Hotlinks zu Regionen zwischen Seiten und einige High-Fidelity-Funktionen - auf dem Niveau von Balsamiq. anspruchsvoller als Spottdrossel, aber nicht so leistungsfähig wie eine Desktop-App wie axure oder justinmind.

http://www.hotgloo.com/

2
512x512

my.origramy

Danke für das Teilen! Ich würde my.origramy Service zur Liste hinzufügen. Es ist ein kostenloser Onlinedienst, den ich immer dann benutze, wenn ich einen Website-Prototyp, eine Mind Map, ein Diagramm oder ein Schema erstellen muss.

2
SHM

Stiftung

Wenn Sie sich für eine HTML/CSS/JavaScript-Lösung interessieren, würde ich empfehlen, einen Blick auf http://foundation.zurb.com/ zu werfen

1
Dragan Studios

FluidUI

Ich möchte FluidUI zu dieser Liste hinzufügen. Wir haben dieses Tool erst letzten Monat gestartet. Es ist webbasiert und ermöglicht es Ihnen, schnell sowohl Low- als auch High-Fidelity-UI-Prototypen zu erstellen. Unterstützt mehrere Plattformen, aber Sie können die Seitenabmessungen nach Bedarf einstellen.

Der Link dazu ist fluidui.com, aber wenn Sie Lust haben, direkt hineinzuspringen und es auszuprobieren, ohne Formulare auszufüllen, und was auch immer, können Sie dies unter http://www.fluidui.com/editor tun

1
john larkin

Gliffy

Wie wäre es mit gliffy ? Wir haben gerade angefangen, es in meiner Firma zu verwenden. Es ist viel billiger als Balsamiq oder Spottdrossel und auch vielseitiger

Es gibt http://cacoo.com . Die Benutzeroberfläche ist etwas esoterisch, aber die kostenlose Version ist etwas weniger restriktiv als einige der anderen (25 Seiten, 15 Benutzer).

0
Steve Bennett