Was ist die beste Art und Weise interaktive Anwendung Prototypen zu erstellen?

Question

Die Frage sollte von einem allgemeinen Standpunkt aus und nicht gezielt ausschließlich auf Web-Anwendungen oder Desktop-Anwendungen interpretiert werden.

Ich habe herum schauen, um eine einfache und bequeme Möglichkeit der Erstellung von interaktiven Prototypen für Web-Anwendungen zu finden. Ich mag eine Technik verwenden, die einfache Benutzeroberfläche Erstellung ermöglicht und vor allem UI Erholung und Modifikation in weiteren Iterationen. die Benutzeroberfläche mit Mockup Daten Füllung sollte sehr einfach sein. Die Technik kann eine einfache Form der Programmierung erfordern, z.B. Drag festlegen und das Verhalten von UI-Elemente A zu UI-Elemente B fallen.

Ein Tool i verwenden derzeit ist der Adobe Flex Builder. Der im Lieferumfang enthaltene GUI-Designer ist sehr gut und ich habe einige Fähigkeiten mit AS3 bisher erreicht. Das Problem ist das Hinzufügen von Daten zu der Benutzeroberfläche. Es ergibt sich immer in mir Code Programmierung für die Überprüfung und das Parsen von XML-Bäume Strukturen und vor allem Debuggen diesen Abschnitt des Prototyps. Zu umständlich!

Ein weiteres Tool verwenden viele Menschen ist Powerpoint, die eine GUI zu schaffen, indem sie jeden Teil einer Interaktion in einem separaten Schlitten Ziehen einer wirklich umständlich Weise beinhaltet. Auf keinen Fall! Ich würde viel schneller mit Papier-Prototypen sein. Andere (besser!) Freie Form Zeichenwerkzeuge sind ebenfalls Bestandteil dieser Kategorie (ich bin ein glücklichen schweres Gewicht inkscape Benutzer), sondern Prototyping und Mockup ist offensichtlich nicht ihr Hauptzweck. Die UI-Schablone Palette für Viso macht es ein bisschen besser als die Malwettbewerb.

Die wichtigsten Wettbewerber im Rapid Prototyping bis ich weiß, sind:

• irise
• Axure
• Serena und andere?
• Viso
• Powerpoint, Illustrator, Inkscape oder anderes Zeichenwerkzeug freie Form
• Paper Prototyping
• IDE mit gutem GUI Builder (wie Flex Builder Designern und Netbeans Matisse)

Meine Meinung ist, dass echter GUI-Builder ein guter Startpunkt ist. Was sind Ihre aktuellen Ansätze? Bitte skizzieren Sie Ihren Prozess und die Vor- und Nachteile als Antwort hier.

Answer 1

Echt GUI-Builder sind:

• Viel langsamer
• Nur Programmierer können sie benutzen (versuchen, Analyst zu erklären, wie eine Tabelle in VB aufzufüllen)
• Sie lassen Sie nicht Ihre Mockups on the fly
mit Anmerkungen versehen
• Sie haben noch keine Haut (z black & white) Bildschirme zu erstellen, die nicht verwechselt werden können für „fast fertig“ application

Während spezialisierte Mockup Werkzeuge sind in der Regel:

• Kommunikation orientiert
• Kann Ihr Mockups (zusammen mit Ihren Notizen) zu PDF / HTML / Word-etc
drucken oder exportieren
• bessere haben eine Variante von „Master-Bildschirmen“, so dass Sie Hunderte von Mockups von nur eine Handvoll Hauptanwendungsbildschirme ableiten können (Sie schnell viele Mockups zu recht erhalten, wenn Sie versuchen, reale Szenarien mit Ihrem Kunden zu diskutieren)
• Schnell genug, so dass Sie in Echtzeit in einer Sitzung Prototyp kann

Fast vor zehn Jahren wurde ich von allen oben genannten frustriert und mein eigenen Werkzeug: MockupScreens . Es wurde ziemlich populär schnell: -)

Und hier ist die vollständigste Liste solcher spezialisierten Werkzeuge, die ich kenne. Viele von denen sind frei: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

Schnell und schmutzig Papier Prototyping: Powerpoint (siehe: Powepoint Prototyping Toolkit )

-Great für leicht die Zusammen Prototypen, die präsentiert werden können. Der Schieber Natur kann auch als Ersatz für Mock Interaktion dienen. Nachteil ist der Mangel an Standardisierung. Nicht für disziplinierte Projekte.

Diszipliniert Paper Prototyping: Visio

-einheitliche und voll funktionsfähige, aber umständliche

Interactive Prototyping: Visual Studio

-Sehr schnelle Interaktion des Aufbau mit Drag-n-Drop und Veranstaltungen. Angetrieben werden Daten. Sie können sogar einen Prototyp ‚Basis‘ als Starter-Kit bauen. Einziger Nachteil ist die Versuchung, es tatsächlich die Produktion Anwendung zu machen. ;)

Answer 3

Es gibt auch Balsamiq . Ich mag Art, aber in der Regel wachsen müde diese Dinge recht schnell. Ich am Ende mit entweder Stift und Papier oder OS X Interface Builder, die nicht schwieriger ist, alle diese Prototyping-Tools zu verwenden als.

Answer 4

Wenn Sie sprechen über Mock-ups / Wireframes (das heißt statische Bilder) Visio ein Werkzeug der Wahl ist.

Die meisten Softwares, die Sie erwähnt sind entweder über dem Niveau des normalen Business-Anwender (dh Sie einen Spezialisten benötigen, um die Mock-ups zu tun in Bezug auf den Business-Anwender im Gegensatz Ihnen helfen) oder sind nicht für die Zwecke der Mock- erstellt ups.

Wenn Sie einen dynamischen Prototyp brauchen es dann eine Vielzahl von Optionen und alles hängt von der Art der Fähigkeiten, die Sie in dem Team zur Verfügung haben. Zum Beispiel habe ich einen Mann, der in HTML sehr stark ist. Es wäre viel einfacher für ihn, eine HTML-Seite von Grund auf in Notepad zu erstellen, die die gleiche Sache mit Flash-in einem WYSIWYG-Tool zu tun versuchen. Einige andere Leute haben gute Flash-Fähigkeiten und konnte sie etc beschäftigen.

Answer 5

Expression Blend ( http://www.microsoft.com/ Ausdruck / products / overview.aspx? key = Mischung ) verwendet werden, schnell Mockups in XAML zu erstellen. Sie können Daten speichern, für die Attrappe als Inline-XML in der XAML, oder Sie können es schnell konvertieren zu WPF / Silverlight-Anwendung und bauen grundlegende Business-Logik "hinter dem Mockup Visual C # Express ( http://www.microsoft.com/express/vcsharp/ ) oder Visual Studio 2008.