Webbasiertes Interaktionstool für Mockups

Sie können Bleistift verwenden :

• kostenlos (+ Open-Source)
• Windows/Linux/Mac + kann auch als Firefox-Add-On verwendet werden
• Kann verwendet werden, um einen Scratch für eine Anwendung oder Website zu erstellen:

Sie können moqups verwenden :

• HTML 5-App
• Vektoriell
• Unbegrenzte Teammitglieder für alle Premium-Pläne

_{[ Dieser Inhalt wurde von stackoverflow migriert. Der vorhandene Inhalt kann gelöscht werden, also dachten Sie daran, ihn hier zu platzieren ]}

Antwort von Jon Winstanley

Bleistift

Open Source und kostenlos, das Pencil Project ist ein großartiges Tool zum Erstellen von Diagrammen und GUI-Prototyping, das jeder verwenden kann. Es läuft entweder als Firefox-Plugin oder in einem eigenständigen XUL-Runner. Es funktioniert unter Linux, Windows und Mac und hat eine Firefox-Erweiterung

http://pencil.evolus.vn/

HotGloo

Die Online-Wireframe-Anwendung

http://www.hotgloo.com/

Spottdrossel

Ist ein Online-Tool, mit dem Sie ganz einfach Mockups Ihrer Website oder Anwendung erstellen, verknüpfen, in der Vorschau anzeigen und freigeben können.

http://gomockingbird.com/

Balsamiq-Modelle

Die Verwendung von Balsamiq Mockups fühlt sich an, als würden Sie zeichnen, aber es ist digital, sodass Sie die Steuerelemente einfach optimieren und neu anordnen können, und das Endergebnis ist viel sauberer.

http://www.balsamiq.com/products/mockups

Moqups

Moqups ist eine raffinierte HTML5-App, mit der Wireframes, Mockups oder UI-Konzepte erstellt werden, Prototypen, je nachdem, wie Sie sie nennen möchten.

https://moqups.com/

Kakao

Online Zusammenarbeit in Echtzeit

• Cacoo ist ein benutzerfreundliches Online-Zeichentool, mit dem Sie eine Vielzahl von Diagrammen wie Site Maps, Wireframes, UML- und Netzwerkdiagramme erstellen können.
• Cacoo kann kostenlos verwendet werden.

http://cacoo.com/

Modell von Lextech

Mockup ist ein iPhone-App-Prototyping-Tool, das es unglaublich einfach macht:

• Durchdenken Sie Design-/Usability-Konzepte, bevor Sie mit dem Codieren beginnen,
• Brainstorming mit zukünftigen und bestehenden Kunden und
• Teilen Sie Ihre Ideen und arbeiten Sie mit der App-Entwicklungs-Community zusammen.

http://lextech.com/mockup

Spott

Mit Mockery können Sie schnell und einfach großartige UI-Mockups erstellen.

• Entwerfen Sie großartige Schnittstellen für das Web oder den Desktop.
• Überprüfen Sie Ihre Designs mit Windows- und Mac-Designs.
• Kommentieren Sie Ihre Mockups mit detaillierten Informationen.
• Teilen Sie Ihre Modelle mit anderen.

http://getmockery.com/

ForeUI

ForeUI ist ein praktisches UI-Prototyping-Tool. Es kann schnell statische oder interaktive, skinfähige UI-Prototypen Ihrer Website oder Software erstellen. Sie können ForeUI für Folgendes verwenden:

• Erstellen Sie in Ihrem Kopf ein Mockup für die GUI und machen Sie es anderen schnell verständlich.
• Erstellen Sie einen funktionierenden Prototyp einer Website oder Software, um Feedback von potenziellen Benutzern zu sammeln.
• Führen Sie Usability-Tests durch, bevor Sie die Beta-Version veröffentlichen.
• Generieren Sie die Schaltpläne, die in die Konstruktionsdokumente eingefügt werden können.

http://www.foreui.com/

Naview von Volksside

Naview ist ein Navigationsvorschau-Tool für Rapid Information Architecture Prototyping von Volksside.

• Entwerfen und visualisieren Sie eine IA- oder Website-Navigationsstruktur
• Schnell Prototypen bauen und ein Gefühl für die Navigation bekommen
• Testen Sie Ihre IA mit Benutzern und iterieren Sie spontan
• Importieren Sie Ihre IA einfach aus einer Tabelle
• Es ist keine Programmierung erforderlich, um das Verhalten des echten Website-Menüs zu simulieren

http://www.volkside.com/go/naview/

C-Inspektor

Ein Tool zum Testen der Informationsarchitektur C–Inspector ist eine webbasierte Anwendung, mit der Sie die Informationsarchitektur Ihrer Website testen können. Durch die Analyse sowohl quantitativer als auch qualitativer Daten, die durch den Ferntest gesammelt wurden, können Sie Einblick in die mentalen Modelle der Benutzer gewinnen und mögliche Probleme mit der Kennzeichnung oder Gruppierung identifizieren

http://www.c-inspector.com/index.php

FlairBuilder

Ein plattformübergreifendes Prototyping-Tool, mit dem Sie interaktive Wireframes und Prototypen schneller, einfacher und mit besseren Ergebnissen erstellen können. Wir legen großen Wert auf Interaktivität, da dies der beste Weg ist, Ihren Kunden etwas näher am echten Produkt zu zeigen.

http://www.flairbuilder.com/

MockApp

Wofür kann ich MockApp verwenden?

• Brainstormen und verfeinern Sie eine neue App-Idee
• Zeigen Sie, was die App tun soll, damit es für einen Entwickler einfach ist, sie genau richtig zu codieren
• Präsentieren Sie Ihre brillanten App-Ideen Ihrem Chef, potenziellen Geschäftspartnern, Investoren usw. (wiederum viel effektivere hellbraune Fingerpuppen!)

http://mockapp.com/

Kreativ

Creately ist eine benutzerfreundliche und kollaborative Diagrammanwendung, die in Ihrem Browser ausgeführt wird. Mit einer leistungsstarken und intuitiven Benutzeroberfläche eignet sich Creately hervorragend für Teams, die gemeinsam an Designs arbeiten müssen

http://creately.com/

MockFlow

Entwerfen und kollaborieren Sie (in Echtzeit) mit Modellen der Benutzeroberfläche für Ihre Software und Websites.

http://www.mockflow.com/

Pidoco

Eine GUI-Design-Software für klickbare Wireframes. Schnell und einfach wie Rapid Paper Prototyping, aber komplett webbasiert und mit vielen weiteren Features.

https://pidoco.com/

JustProto

Das erste Tool zum Erstellen von Prototypen von Netzwerk- und Desktop-Anwendungen!

http://www.justproto.com/en/

JumpChart

Beginnen Sie mit einem starken Fundament. Vereinfachen Sie die Architekturplanung mit Jumpchart. Durch das Erstellen von Seiten und Unterseiten können Sie schnell die Hierarchie Ihrer Website skizzieren.

https://www.jumpchart.com/

iPlotz

Mit iPlotz können Sie schnell anklickbare, navigierbare Mockups und Wireframes für das Prototyping von Websites und Softwareanwendungen erstellen.

http://iplotz.com/

ProtoShare

In der Vergangenheit konnten webbasierte Anwendungen nicht mit der Geschwindigkeit und Komplexität von Desktop-Apps mithalten – bis jetzt.

http://www.protoshare.com/

CogTool

CogTool ist ein Allzweck-UI-Prototyping-Tool mit einem Unterschied - es bewertet Ihr Design automatisch mit einem prädiktiven menschlichen Leistungsmodell (einem "kognitiven Crash-Dummy").

http://cogtool.hcii.cs.cmu.edu/

Antwort von pixeline

Es gibt ein weiteres völlig kostenloses und sehr vielversprechendes Tool, das auf der Gecko-Engine (sprich: Mozilla) basiert: Pencil .

UPDATE 3 Es gibt eine großartige Online-Vergleichstabelle für Prototyping-Apps , die Ihnen hilft, das richtige Tool für Ihren Fall zu finden.

UPDATE 2 Ein neues Tool ist verfügbar, sowohl für Mac als auch für Windows, und ist kostenlos (erfordert jedoch eine Benutzerregistrierung, also erwarten Sie einige zusätzliche Newsletter °-)): indigoStudio

UPDATE 1 Außerdem: Lumzy , das völlig kostenlos ist und eine schöne Liste von Funktionen bietet.