it-swarm.com.de

Welche Tools (idealerweise erschwingliche) würden die Leute zum Erstellen eines Website-Drahtmodells empfehlen?

Welche Tools (idealerweise erschwingliche) würden die Leute zum Erstellen eines Website-Drahtmodells empfehlen? Welche Werkzeuge haben Sie verwendet und fanden Sie sie besser als Stift und Papier?

33
James Page

Wir verwenden heutzutage religiös Balsamiq Mockups . Es ist ein so schnelles Werkzeug, um schnell grobe Umrisse und sogar einfache interaktive exemplarische Vorgehensweisen zu erstellen. Es ist sehr billig und hat eine kostenlose Testversion, gibt aber auch kostenlose Lizenzen für Community-Projekte aus. Probieren Sie die Desktop-Version aus. Wir verwenden sie seit einigen Monaten und haben sie zu einem Teil unseres Spezifikations- und Prototyping-Prozesses gemacht.

27
DannyT

Papier ist heutzutage relativ billig.

Außerdem bevorzuge ich Stifte wegen ihres Gummi-Rückgängig-Knopfes.

27
KevBurnsJr

Ich benutze einfachen Stift und Papier, um schnell einige Drahtgitter zu skizzieren und dann zum HTML/CSS-Prototyp überzugehen. Da ich ein guter Integrator bin, ist das frühe Prototyping meistens einfacher als die Verwendung komplexer Software für das Wireframe.

Sonst würde ich Omnigraffle empfehlen, nicht zu teuer und mit den richtigen Schablonen macht es großartige Arbeit. Linky . Es ist sowohl für Wireframing als auch für Sitemapping nützlich.

Ich muss einigen anderen Postern hier zustimmen. Papier und Bleistift (oder Stift oder Marker) sind der beste und kostengünstigste Weg, um mit dem Prototyping zu beginnen. Es gibt keinen Grund, etwas wie Photoshop zu verwenden, da Sie kein vollständiges Design erstellen. Die verschiedenen Softwarepakete speziell für Modelle und Prototypen sind alle nett, können aber sehr teuer werden und fügen nicht viel mehr hinzu, als Papier für Sie tun kann. Ich würde sagen, dass sie zeitlich selten noch effizienter sind.

Wenn Sie sich für eine Prototyping-Anwendung entscheiden möchten, ist Axure meiner Meinung nach die beste Option. Sie sind nicht übermäßig teuer und verfügen über zahlreiche Funktionen. Und Sie können die Software 30 Tage lang kostenlos testen (und ich denke, das ist auch in dieser Zeit voll funktionsfähig).

Ich würde empfehlen, HTML/CSS für Ihre Prototypen nicht zu verwenden, es sei denn, Sie wissen, dass die Personen, für die Sie die Prototypen erstellen, den Unterschied zwischen einem HTML-Prototyp und einer tatsächlich funktionierenden Site vollständig verstehen. Normalerweise passiert eines von zwei Dingen:

  1. Sie konzentrieren sich auf die Ästhetik anstatt auf die Funktionalität, weil "es bereits eine Website ist, also sollte es gut aussehen".
  2. Sie verstehen nicht, warum Sie es nicht einfach ein paar Tage nach dem Zeigen des Prototyps fertigstellen können, weil "die Website bereits funktioniert, wir müssen sie nur hübscher aussehen lassen". Es erfordert eine Menge Arbeit , um nicht-technische Mitarbeiter dazu zu bringen, den Unterschied zwischen einem HTML-Prototyp und einer tatsächlich funktionierenden Site zu verstehen.

Was PowerPoint betrifft - meiner Meinung nach ist dies eine der am häufigsten verwendeten und missbrauchten Anwendungen. Ich kann nicht zählen, wie oft ich eine PowerPoint-Präsentation als Anhang erhalten habe, als einziges Mittel, um etwas von einer HR-Person anzukündigen. Die Verwendung für das Prototyping erfolgt in die gleiche Richtung. Es wurde nicht dafür entwickelt und verfügt nicht über die Tools, um es für das Prototyping effektiv zu machen.

12
Charles Boyung

Ich benutze meistens ein Notizbuch, um super grobe Ideen zu skizzieren, dann benutze ich Omnigraffle mit den Konigi.com-Schablonen, um die eigentlichen Modelle zu erstellen.

Wenn ich WoZ-Tests durchführe, mache ich alles in Papierform mit ausgedruckten Browserelementen.

9
BJ Clark

Auf der UPA-Konferenz vor einem halben Jahr war ich in einer Sitzung, in der Leute über Tools diskutierten: HTML gegen Axure gegen Balsamiq gegen FlairBuilder für das Prototyping.

Axure und Balsamiq haben einige Stimmen bekommen. FlairBuilder bekommt meine Stimme.

Ich habe live getwittert und jemand außerhalb der Sitzung schlug vor, die FlairBuilder-Demo herunterzuladen und auszuprobieren. Wir haben dies im laufenden Betrieb getan und konnten es sofort ohne vorherige Erfahrung verwenden. FlairBuilder hat den gleichen Preis wie Balsamiq und beide hatten einige Funktionen, die der andere nicht hatte. Zum Beispiel hat FlairBuilder Live-Multimedia, einschließlich von YouTube, was für einige Teilnehmer wichtig war und für andere nicht.

Während der Diskussion sagte ein Teilnehmer: „Visio ist ein Albtraum“, und obwohl ich denke, dass dies eine starke Aussage ist, muss ich sie bei der Arbeit verwenden, und ich finde mich dabei, Visio zu „bekämpfen“ (d. H. Meine Zeit zu verschwenden).

Microsoft war auf dieser Konferenz und demonstrierte ein neues Design-/Skizzier-Tool, das Low-Fidelity-Prototypen herstellt, aber einen höheren Preis hat. Ich habe den Produktnamen [edit: It's SketchFlow ] vergessen, aber die Demo war beeindruckend, "wie man es von einer Hands-Off-Demo erwarten würde", fügte er zynisch hinzu. Dieses Produkt wurde in der oben beschriebenen Diskussionsrunde nicht besprochen [Bearbeiten: weil es noch nicht veröffentlicht wurde].

Ich empfehle, FlairBuilder zu versuchen, da es einfach zu verwenden und zu erlernen ist, insbesondere wenn Sie zunächst das Beispielprojekt ändern. Sie müssen das häufige "Kaufen Sie mich jetzt!" Nachricht in der kostenlosen Testversion.

Ich bin mit keinem der oben genannten Produkte verbunden oder werde von ihnen bezahlt.

8
JeromeR

Ich habe Vorträge gehalten mit:

FlairBuilder Balsmiq Axure SketchFlow PowerPoint-Feuerwerk

Persönlich beginne ich auf einer weißen Tafel. Ich denke, FlairBuilder & Balsmiq sind beide extrem einfach zu bedienen - vielleicht am einfachsten.

Ich denke, Axure ist wirklich mächtig, aber nicht so freundlich.

Ich denke, PowerPoint funktioniert, wenn Sie versuchen, auf einem zufälligen PC etwas sehr schnelles zu tun.

Mein persönlicher Favorit ist SketchFlow, weil sie Seiten miteinander verknüpfen und Verhaltensweisen erzeugen und sich in einen vollwertigen Prototyp (wirklich hohe Vertraulichkeit) verwandeln können, der als Anfangscode einer Silverlight-Anwendung oder eines großartigen Dokuments für eine Entwicklungsteam für eine andere Technologie.

Ich mag auch die Erfassung und Gestaltung von Animationen sowie das Erstellen von Verhalten und Steuerelementen im Vergleich zu anderen Programmen, die nur vorgefertigte oder benutzerdefinierte Steuerelemente mit geringer Genauigkeit verwenden.

8
Chris Kluis

Fireworks ist ein erstaunliches Werkzeug, das oft übersehen wird - es ist wirklich ausgereift, besonders für viele Dokumentationen und Zustände.

Der größte Vorteil von Fireworks gegenüber anderen Lösungen besteht darin, dass es nicht nur für Webseiten, sondern auch für Webapps verwendet werden kann. Es gibt einen großen Unterschied in der Komplexität, die zwischen den beiden verkabelt werden muss. Dies wird in den meisten Wireframing-Tools häufig nicht berücksichtigt.

7
Mike Cuesta

Ich habe: Visio, Illustrator, Axure RP Pro, OmniGraffle und Balsamiq Mockups ernsthaft verwendet und alle webbasierten Apps ausprobiert. Ich habe auch HTML-Prototyping und Papier-Prototyping durchgeführt.

Was ich immer noch am effizientesten finde, ist das Skizzieren auf Papier, das Verfeinern in OmniGraffle oder das direkte Aufrufen von Mockups in HTML. Was ich liefern möchte, hängt davon ab, für wen das Designdokument bestimmt ist und wozu es dient. Meistens wähle ich OmniGraffle aus Gründen der Geschwindigkeit oder liefere Skizzen und HTML. Haftungsausschluss ist, dass ich in einem internen UI-Designer bin.

7
jibbajabba

Ich neige dazu, einen Stabilo Poit 88-Stift zu nehmen, je nachdem, welche Farbe ich mag, und Ideen auf einem Drahtgitter-Skizzenblock meines eigenen Designs (6 x höher in der A4-Landschaft) zu finden.

Ich habe auch festgestellt, dass wenn Sie einen Block quadratischer Post-It-Notizen schneiden und auf eine Breite von 2/3 zuschneiden, dies gut funktioniert - es zwingt Sie, nicht in Details zu stecken, sondern sich auf die Gesamtseite zu konzentrieren.

Dann gehe ich bestimmte Bereiche mit einer anderen Farbe durch, um einen Punkt von Interesse/Aktion zu erstellen. Dann skizziere ich mehr Details in größerem Maßstab (2 x oben in der A4-Landschaft).

Sobald ich mit der Richtung und den Konzepten zufrieden bin, gehe ich mit einer persönlichen Vorlage und verschiedenen Schablonen zu OmniGraffle (versuchen Sie es mit Konigi.com & graffletopia.com). Wenn mich zu diesem Zeitpunkt irgendetwas stolpert, geht es zurück zu Stift und Papier.

Schließlich speichere ich mein Omni-Dokument als PDF mit klickbaren Links.

7
DereckJohnson

Sie können das neue Tool Blend SketchFlow von Microsoft ausprobieren. Es ist unglaublich kraftvoll, kann aber etwas schwer zu erreichen sein (seitwärts und mit einer Zitronenscheibe versuchen).

Es kann Prototypen generieren, die im Web (mit Silverlight) oder in einer Windows-Desktop-App mit WPF mit einem vollständigen Navigationssystem angezeigt werden können, und ich glaube, es kann Benutzer verfolgen. Es kann auch Benutzerkommentare aufzeichnen, während sie es durchlaufen ...

6
Kieron

Persönlich verwende ich Stift und Papier (ich mag besonders Konigis Drahtgitter-Millimeterpapier ), das dann in Visio gerendert wird, mit den Lombardi-Drahtgitter-Vorlagen und Nick Finks Drahtgitter-Schablonen (beide sind kostenlos). Abgesehen von den Kosten für MS Visio passt es mir also gut.

In der Vergangenheit habe ich auch verwendet:

  • PowerPoint zum Erstellen von "klickbaren" Drahtgittern, aber niemals im Zorn.
  • Axure , um schnelle Prototypen zu erzeugen, aber die von mir verwendete Version hat das dynamische Panel nicht reduziert, wenn die Zustände unterschiedlich hoch waren (möglicherweise besser) jetzt)

Matt

5
Matt Goddard

Ich benutze nur Bleistift und Papier (eigentlich ein Filzstift und Papier). Ich bekomme einen allgemeinen Überblick über die Dinge, nachdem ich entschieden habe, welche Elemente am wichtigsten sind, und dann direkt in HTML.

Ich habe schon früher Photoshop, Balsamiq und Omnigraffle verwendet, aber ich hatte immer das Gefühl, meine Zeit zu verschwenden, denn egal wie hübsch sie aussahen, ich musste von vorne anfangen, wenn ich zum Markup kam.

Ich fühlte mich viel besser darin, ein Stück Papier, an dem ich 10 Minuten lang gearbeitet hatte, zu zerknittern, als eine Omnigraffle-Datei zu löschen, an der ich einige Stunden lang gearbeitet hatte.

5
kevinholesh

Ich bin seit einiger Zeit ein Benutzer von PowerPoint , habe aber die eingeschränkten Funktionen und die Tatsache, dass sie nicht interaktiv sind, satt.

Obwohl es nicht die billigste Option ist, muss ich sagen, dass pidoco eine der besten Drahtgitter-Werkzeuglösungen für zu sein scheint Meine Anforderungen, da sie browserbasiert sind und ich in verschiedene Formate exportieren und meine Arbeit schnell überprüfen lassen kann. Ja, die Testfunktionen sind in der Tat ziemlich cool.

Sicher gibt es einige gute Mockup-Tools, aber meistens fehlt ihnen die Portabilität. Also ja, Pidoco ist die Lösung für mich bis jetzt!

5
Valentino

Wir verwenden Adobe InDesign. Es mag ein bisschen seltsam aussehen, aber es gibt Funktionen, die mir gefallen:

  • es verfügt über eine Oberfläche im Adobe-Stil. Wenn Sie mit Photoshop oder anderen Adobe-Produkten gearbeitet haben, können Sie leicht lernen, wie Sie InDesign verwenden
  • es kann Ihre Drahtmodelle als anklickbare PDFs exportieren
  • es verfügt über leistungsstarke Funktionen zum Arbeiten mit Typografie, Tabellen, Stilen, Rastern usw.
  • es ist einfach, nicht nur ein einfaches Drahtmodell zu erstellen, sondern bei Bedarf auch ein komplexes visuelles Design
5
Kostya

Pencil for FireFox ist ein kostenloses Tool und kann auch als eigenständiges Tool ausgeführt werden.

Das nächste ist so etwas wie Open Office Draw (auch kostenlos).

Stift und Papier sind auch gut.

Sie können auch FlairBuilder ausprobieren, eine AIR-App.

4
Jason Grant

Mit Photoshop bearbeite ich die .psd-Datei im 960-Raster ( http://960.gs/ ), um Drahtmodelle zu erstellen.

4
Nitish

Ich bin ziemlich zufrieden damit, mit Bleistiftskizzen zu beginnen und dann zu OmniGraffle zu wechseln.

Wir haben auch FlairBuilder verwendet. Es ist anständig für Drahtgitter und sehr einfache Prototypen, aber wir sind auf eine Reihe von Einschränkungen gestoßen. Als wir den Prototyp weiter aktualisierten, stellten wir fest, dass er schmerzhaft langsam wurde. Wir ziehen jetzt Axure für das Prototyping in Betracht.

4
Jeff Van Campen

Ich verwende Post-its für Struktur und Gesamtlayout, gehe dann zu Balsamiq Mockups oder OmniGraffle über, und für High-Fidelity-Prototypen ist nichts besser als Apple Keynote. :)

4
Martin

Ich kann nicht genug gute Dinge über http://hello.hotgloo.com/ sagen. Ich habe es für kollaboratives Wire-Framing verwendet und es ist großartig .

Oh und es ist kostenlos, während sie in der Beta sind.

3
MatthewFord

Ich liebe iPlotz. Einige der Funktionen, die mich verkauft haben:

  • Erschwinglich!
  • Aufgabenmanagement
  • Klickbare Prototypen
  • In Bild oder PDF exportieren
  • Funktionen zum Teilen und Kommentieren
  • Einfache Benutzeroberfläche mit zahlreichen verfügbaren Widgets
  • Skins für Skizze, Windows und Mac

Vor iPlotz habe ich Photoshop verwendet.

  • Candace
3
Candace

Ich benutze Balsamiq Mockups für Wireframes. Wenn das Design interaktiv ist, verwende ich PowerPoint. Für High-Fidelity-Modelle ist PowerPoint König.

3
Sushant Anand

Bei den High-Fidelity-Prototyping-Tools gibt es solche, mit denen Sie nahezu endgültige Designs und Effekte simulieren können, z. B. iRise und Justinmind Prototyper . Mit diesen können Sie nicht nur das Drahtmodell skizzieren, sondern auch Videos einbetten, umfangreiche Interaktionen (wie das Ausfüllen von Formularen und die Verwendung von Daten) erstellen und Spezifikationen und Benutzertests erstellen.

Sie sind einen Schritt weiter von einfachen Zeichenwerkzeugen wie Visio, OG oder Balsamiq entfernt.

3
Alex

Wir haben verschiedene Wireframing-Tools ausprobiert, uns aber für pidoco.com entschieden, da einige nützliche Usability-Tests integriert sind und alle online sind.

3
Chris Michael

Feuerwerk, zweifellos ist eines der besten Werkzeuge da draußen; Nicht nur für das Wireframing, sondern auch für den Übergang vom Wireframe zum Modell und den Export interaktiver HTML-Prototypen.

Es bietet eine schöne Komponentenbibliothek. Die Werkzeuge sind leicht herauszufinden. Es unterstützt Seiten und Zustände.

Es ist vielleicht nicht die billigste Wahl, aber ehrlich gesagt ist es eines der besten Werkzeuge da draußen.

3

Ich habe Balsamiq-Modelle verwendet (und war sehr beeindruckt von ihnen), aber wie Nathanel sagt, gibt es einige Einschränkungen.

Ich bin mir nicht sicher, ob du es gesehen hast oder nicht, aber Sitepoint hat dies gepostet vor ein paar Monaten, aber es ist wahrscheinlich immer noch relevant. Könnte ein paar Dinge sein, die eine detailliertere Untersuchung wert sind.

2
Sam K

Wie die meisten Leute hier scheint es, dass ich Balsamiq verwende, um grobe Modelle im laufenden Betrieb zu erstellen, aber die Einschränkungen der Benutzeroberfläche (und die gelegentliche Tendenz zum Absturz) erfordern, dass ich für solidere Drahtgitterarbeiten Omnigraffle verwende, normalerweise mit den Konigi-Schablonen, aber zunehmend auch mit meinen eigenen. Ich finde, dass Omnigraffle die perfekte Kombination aus leistungsstarker, funktionsreicher Anwendung und schneller/einfacher Produktion ist, sobald Sie die Zeit investiert haben, um sich an das Erstellen von Vorlagen und Schablonen sowie an das Beherrschen gemeinsamer Ebenen und Variablen zu gewöhnen. Der einzige Nachteil ist natürlich, dass Sie es nicht einfach mit Visio-Leuten teilen können. Sie sagen, dass Sie die XML-basierten Dateiexporte verwenden können, die beide Pakete unterstützen, aber es funktioniert nie wirklich einwandfrei und Sie finden sich dabei, alle Störungen manuell zu beseitigen.

2
theothermatt

Ich schlage vor, dass Sie sich EightShapes Unify ansehen ( http://unify.eightshapes.com/ ) ... Ich habe gerade angefangen, es mir anzusehen und habe kein neues Projekt zum Ausprobieren bekommen es sieht aus, aber es sieht wirklich aus wie ein Killer-Framework für Wireframes und andere Design-Ergebnisse.

PS Es ist völlig kostenlos, aber Sie benötigen Adobe InDesign, um es zu verwenden.

2
Michael

Ich habe von Balsamiq + Napkee zu iPlotz gewechselt - ich liebe es absolut, da Sie einen funktionierenden groben Prototyp erstellen können, während Sie Ihre Modelle ohne zusätzliche Arbeit erstellen. Ich habe hier einen Artikel darüber geschrieben: http://www.snipe.net/2010/02/wireframes/

2
snipe

Wie alle Dinge hängt dies davon ab, was Sie erreichen möchten.

Ich habe PowerPoint lange benutzt und das war in Ordnung.

Das umfassendste Wireframing-Tool, auf das ich gestoßen bin, ist Axure (http://www.axure.com/), das sich hervorragend zum Erstellen von navigierbaren High-Fidelity-Wireframes eignet. Außerdem wurde es kürzlich für Mac veröffentlicht.

Ich finde Balsmiq (http://www.balsamiq.com/products/mockups) ein wenig fummelig, obwohl ich den "Sketch" -Ansatz mag, als ob Sie nach Feedback suchen, habe ich festgestellt, dass je ausgefeilter etwas aussieht - desto weniger wahrscheinlich Sie müssen Feedback erhalten, weil Sie befürchten, dass es zu weit entfernt ist.

http://gomockingbird.com/ ist ein großartiges kostenloses Tool, aber ziemlich einfach.

Wenn Sie einen Mac haben, ist Omnigraffle großartig und Sie können eine Reihe kostenloser Schablonen von http://graffletopia.com/ herunterladen

Aber unterschätzen Sie niemals die Kraft von Stift und Papier - dies ist bei weitem das Beste, um Ideen schnell zu verbreiten

2
Mike Clarke

Dieser Blog-Beitrag über die Verwendung von Google-Dokumenten und Google-Zeichnungen klingt faszinierend:

http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/

2
Michael Mistak

Die am besten geeigneten Werkzeuge für Wireframing und Prototyping hängen weitgehend ab, z. über Ihre Teamstruktur (Interoperabilität, Teilbarkeit,…), den Projektstatus (=> erforderliche visuelle und funktionale Genauigkeit) und die Art der Stakeholder, denen Sie Ihr Design mitteilen müssen. Wenn Sie zumindest teilweise remote mit einem verteilten Team arbeiten, sind die Anforderungen ganz anders als wenn alle vor Ort sind. Weitere Influencer umfassen z.B. verteilte Bearbeitung und Versionierung. (IMHO bietet Zaki Warfels Buch über Prototyping einen nützlichen Ausgangspunkt, wenn Sie Alternativen bewerten müssen.)

Mein eigener Workflow dreht sich hauptsächlich um Papier (Freihandskizzen, Skizzieren mit einfachen Rastervorlagen, manchmal Pappschablonen für häufig verwendete Elemente,…) und dann meistens OmniGraffle zu einem späteren Zeitpunkt, manchmal ergänzt durch Indesign, Fireworks (nur bei bestimmten Kunden, Wenn HiFi-Comps erforderlich sind - ansonsten ist die GUI-Leistung eine wichtige PITA) oder Keynote (ideal, wenn Sie alle Arten von Übergängen benötigen). Ich denke derzeit jedoch über eine Migration auf Axure RP nach. Wenn Sie an Papierprototypen und anklickbaren Modellen vorbeikommen, bleibt derzeit im Wesentlichen das native Format, d. H. Am häufigsten HTML/JS (inkl. JQuery). Balsamiq und andere browserbasierte Lösungen oder RIAs haben sich bisher zu langsam und unangenehm für mich angefühlt. Ich kann einfach nicht mit ihnen in Kontakt kommen. (Die Funktionen für die Zusammenarbeit und das Testen von Pidoco können jedoch unter bestimmten Umständen interessant sein.)

2

Ich benutze Gliffy (Online-Tool) für einfache Drahtgitter

1
Maikel

Mockingbird ist ein Online-Tool, mit dem Sie auf einfache Weise Modelle Ihrer Website oder Anwendung erstellen, verknüpfen, in der Vorschau anzeigen und freigeben können.

Es ist noch eine frühe Beta und ich bin mir der Preisgestaltung nicht sicher, aber es lohnt sich, ein Auge darauf zu werfen. Es ist eine in Cappuccino geschriebene Web-App, daher ist Flash nicht erforderlich ...

Prost R.

1
richcb

Ich bin mir sicher, dass viele dieser Tools viel besser sind, aber hier ist eine "Low-Tech" -Lösung (vorausgesetzt, Sie haben PowerPoint) http://www.raizlabs.com/blog/294/wireframing-in -PowerPoint

1
user628

Einfügen einer Ressource in ** zur Unterstützung des Skizzierens als hervorragendes Wireframing-Tool:

50 Skizzierressourcen für User Experience Designer ** einschließlich Skizzieren:

  • artikel
  • werkzeuge
  • vorlagen
  • präsentationen
  • videos
  • bücher
  • beispiele
1
Nathalie C

Das Firefox Pencil Plugin ist ein weiteres Tool zum Auschecken.

http://pencil.evolus.vn/en-US/Home.aspx

Es ist kostenlos, hat einen schönen Grundsatz von Schablonen und einige skizzenhafte Schablonen. Sie können einige grobe Modelle ziemlich schnell erstellen. Nicht so viele Schablonen wie andere Werkzeuge, aber es funktioniert ziemlich gut.

1
George

Ich benutze Axure und bin irgendwie zufrieden damit. Ich werde einige Entwicklungsideen haben, um die Benutzerfreundlichkeit des Programms bequemer und schneller zu machen. Beispielsweise fehlen beim Umgang mit Text Funktionen (Ausrichtungen, Text-Bild-Ausrichtung usw.)

Ich habe noch keine anderen Sachen ausprobiert!

1

WireframeSketcher ist ein Software-Tool, mit dem Sie schnell Wireframes, Modelle und Prototypen für Desktop-, Web- und mobile Anwendungen erstellen können. Es wird sowohl als Plug-In für alle Eclipse-basierten IDEs als auch als eigenständige Version geliefert.

WireframeSketcher Website Mockup

1
Peter Severin

Ich verwende Justinmind, das sich hervorragend zum Drahtmodellieren und Erstellen von Prototypen für dynamische Websites (JS-ähnliche Ereignisse und Integrieren Ihrer eigenen Daten) ohne Codierung eignet (selbst Interaktionen werden per Drag & Drop ausgeführt).

Sie bieten auch einen Service zum Online-Teilen Ihrer Wireframes, damit Benutzer Elemente direkt kommentieren können, und Sie können sogar Benutzertests durchführen, da die meisten Benutzertest-Tools (Clicktale, UserZoom, Google Analytics ...) integriert sind.

http://www.justinmind.com

1
Etienne

Ich habe festgestellt, dass MS Visio ziemlich flexibel ist, wenn Sie die richtigen unterstützenden Dateien haben. Ich benutze...

Visio - die Nagelpistole des Interaktionsdesigners (3. Auflage)
Grundlegende Web-Widgets in Standard- und "skizzenhaften" Versionen

Visio-Tipps und Tricks für Interaktionsdesigner
Makros, die die Arbeit mit Visio erheblich erleichtern. Insbesondere das Kopieren von Seiten und das Kopieren/Einfügen von Elementen "an Ort und Stelle".

1
smallclub

Hier ist ein Online-Tool, das einen kostenlosen Plan sowie einen wirklich günstigen für 50 USD/Jahr bietet: http: //www.mockflow. com /

0
John Sanford

Ich habe es ziemlich satt, dass die Leute sagen, sie benutzen nur Stift und Papier.

Wenn Sie komplexe Frameworks mit Stift und Papier erstellen können, sind Sie entweder nicht effizient oder verwenden Module aus früheren Designs nie wieder oder dies ist Ihr erstes;)

Der springende Punkt bei einem Werkzeug zum Skizzieren muss darin bestehen, eine Musterbibliothek zu erstellen und diese zu verwenden, damit Sie sich auf die Teile des Projekts konzentrieren können, die interessant und innovativ sind, anstatt auf die langweiligen Teile, die Sie so oft zuvor gemacht haben.

Das ganze "Ich benutze nur Stift und Papier" erinnert mich an die Tage, als jeder HTML-Codierer mit Stolz behauptete, er habe nie etwas anderes als einen Notizblock zum Codieren verwendet. Ok, die Werkzeuge waren damals schlecht (erinnerst du dich an Frontpage?) - aber immer noch ...

Komm schon! Natürlich verwenden Sie manchmal Stift und Papier, aber im Ernst, wenn Leute um Rat zu Werkzeugen fragen - verspotten Sie sie nicht, indem Sie Stift und Papier vorschlagen - glauben Sie nicht, dass sie etwas über Stift und Papier wissen, bevor sie die Frage gestellt haben?

Ich benutze Axure. Es ist nicht schön, aber es erledigt den Job.

(Lassen Sie mich nicht mit denen anfangen, die sagen, dass sie direkt zu HTML springen. Sie sind schlechter als Stift und Papier.)

0

Ich verwende ForeUI, ein großartiges Tool zum Erstellen von Prototypen, in dem Sie Verhalten hinzufügen können, um ein ziemlich komplexes Systemverhalten zu simulieren. - Wenn das für Ihren Prototyp erforderlich ist.

Der DHTML-Prototyp kann in jeden Browser exportiert und ausgeführt werden, der Java unterstützt, und kann problemlos an Kollegen und Kunden weitergegeben werden.

Ich entwerfe Software für Windows, aber ForeUI kann für alles verwendet werden - auch für das Web.

Es läuft unter Windows, Mac, Linux und Solaris und kostet 99 US-Dollar. Normalerweise wird alle zwei Wochen eine neue Version veröffentlicht. Weitere Details finden Sie auf www.foreui.com.

0
Ulrich Böttger

Ich möchte einen KOSTENLOSEN, SCHNELLEN, GRUNDLEGENDEN ONLINE-MockUp-Builder hinzufügen: (Silverlight erforderlich) http://www.mockupbuilder.com/App

Ich benutze es, wenn ich etwas Entwurf brauche, schnell, online!

0