Interaktive Website Prototyping

Question

Ich möchte schnell neue Features für eine Website prototypieren. Ich bin auf der Suche nach einem Weg zu:

• bauen um eine bestehende, komplexe Website
• für Interaktivität zulassen
• Lächerlich schnell und einfach zu versuchen, neue Dinge

ich etwas vorstellen, dass erlaubt mir zu sagen "rendere diese Webseite, aber auf Seiten mit URLs wie dieser, markiere das Ding, das ich gerade zeichne, mit Strichmännchen auf die Seite, und wenn jemand darauf klickt, verschiebe sie hierher".

Oder möglicherweise "hier ist ein Screenshot einer Website. Wenn jemand in dieses Feld klickt, zeigen Sie ihnen diesen anderen Screenshot".

Was verwenden Sie Benutzerprototypen Website-UI-Funktionen?

Answer 1

Balsamiq Mockups. Damit. Freaking. Gut.

EDIT: hier ist also ein Thread mit mehr Informationen über Prototyping: https://stackoverflow.com/questions/720191/web-ui-prototyping-tools

Answer 2

ich kein Fan von Balsamiq bin, aber eine Menge Leute mögen es. Wenn Napkee startet, zusammen mit Balsamiq wird es sein, was Sie suchen.

Eine Alternative wäre Fireworks - es kann leicht nach HTML exportieren, aber die Lernkurve ist steiler als Balsamiq.

Answer 3

Wenn Sie es wünschen oben auf einer bestehenden Website interractive und gebaut sein, könnten Sie versuchen, mit Firefox zu verwenden Greasemonkey: https://addons.mozilla.org/fr/firefox/addon/748

Ich bin nicht sicher, wie schnell Sie Prototypen mit diesem machen können, aber Sie kann sie sicher interaktiv machen. Mit Greasemonkey können Sie jede Webseite mit Javascript verändern.

Answer 4

Sie könnten versuchen protoshare.

Nachteile: ein bisschen träge, erfordert Kreditkartendetails für kostenlose Testversion. Upsides: kollaborative Funktionen, billiger als axure.

Answer 5

versuchen Sie clickframes - eine Möglichkeit, Text-Prototypen in XML zu schreiben, die auf Websites rendern, die Sie durchklicken können.

überraschend effektiv - bei einer Demo schrieben sie eine Anwendungsspezifikation (appspec) und erzeugten dann eine Naht-basierte Website.

versuchten sie Balsamiq und es hat nicht für sie funktioniert.

von ihrer Website:

„Für Designer

User Experience Professionals nutzen Clickframes schnell spec und Prototypen die Interaktivität ihrer Entwürfe, und das Design zu Mitarbeitern sowie Projektbeteiligten zu kommunizieren, wenn die. Design wurde verfeinert, Clickframes erleichtert die Kommunikation mit den Entwicklern, die die Anwendung implementieren."

Answer 6

Sie können ForeUI versuchen, hier ist eine erstelltes sample prototype

Answer 7

Ich mag http:. /www.iplotz.com - es schön UX und Design http://www.justproto.com bekommt ist auch Inetersting Werkzeug seines sehr schnell, sein sauberes bekam aussehen und seine super einfach Prototypen zu erstellen mit ihm

chceck aus wireframes.linowski.ca es ein noice Blog ist auf Wireframes

Answer 8

Bleistift ist recht gut und kostenlos! es kann als Standalone-Anwendung oder als Firefox heruntergeladen werden

http://www.evolus.vn/Pencil/

Answer 9

Mockuptiger verwenden, können Sie entweder Ihre Photoshop-Bilder oder Website Screenshots importieren und sie dann miteinander verknüpfen mit anklickbaren Links oder Schaltflächen.

MockupTiger ist eine webbasierte Anwendung, die Sie auf Ihrem eigenen Server hosten können. Es hat Widgets zum Erstellen von Webanwendungen und Dashboard Wireframes.

HINWEIS: funktioniert nur mit den neuesten Browsern. Sie können auch auf Ihrem Desktop herunterladen und verwenden.

PS: Ich bin der Entwickler dieser Software

Answer 10

Check out ProtoShare wieder: viel schneller seit etwa 2010, Schablonen und Widgets Bibliothek und viel flexibler als Balsamiq. Wenn Sie die Kontrolle darüber haben möchten, wie Ihr Prototyp aussehen soll und Interaktivität sowie einfache Zusammenarbeit und Überprüfung wünschen, verwenden Sie ProtoShare anstelle von Balsamiq.

Answer 11

Ich mache meine Prototypen, wenn es um WordPress Themes/Sites mit dem Plugin von colorfully.me geht Es ist der schnellste Weg, ich denke, wie eine Website in der Realität aussehen würde, testen und ein Gefühl bekommen, wie es aussehen wird . Auch irgendwann benutze ich es für die Produktion.

UI for prototype CSS