Welches Format eignet sich am besten für den ersten Prototyp, der nicht auf Papier ist? [geschlossen]

12

Konsolen-App (mein Favorit), Quick & Sloppy-Form, MS Paint (für GUI); Was funktioniert in der Regel am besten für Ihre Standardanwendung? Warum?

Morgan Herlocker
quelle

Antworten:

17

Ob Sie es glauben oder nicht, PowerPoint .

Ich weiß, dass Sie vielleicht lachen, und das habe ich definitiv zuerst getan, aber es gibt eine Menge großartiger Dinge an PowerPoint, die es zu einem guten Prototyp-Tool machen.

  • Einfaches Deploy-Able - Jeder hat beinahe PowerPoint, sodass Sie sich nicht um unnötige Einstellungen kümmern müssen, um jemanden zur Verwendung eines Prototyps zu bewegen.
  • Einfache Modelle - Jeder weiß, wie man sich in PowerPoint zurechtfindet. Daher ist das Erstellen der Benutzeroberfläche in etwa so einfach wie das Zeichnen.
  • Interaktivität - Hier wird es gut. In PowerPoint können Sie Verknüpfungen zu Folien erstellen, die Sie durch Klicken auf einen Bereich zu einer anderen angegebenen Folie führen. Wenn Sie diese Metapher für Schaltflächen und andere Links für Ihre vorgeschlagene Benutzeroberfläche verwenden, können Sie einen Benutzer vor eine maximierte PowerPoint-Präsentation setzen und ihn beim Anschauen und Notieren mit einem Mausklick loslassen.

Sie können Add-On-Tools wie dieses erhalten , damit es besser aussieht.

Ryan Hayes
quelle
Das ist eine großartige Idee!
Morgan Herlocker
Was Sie beschreiben, klingt ähnlich wie Hypercard. Ich wusste nicht, dass PowerPoint so verwendet werden kann. Mann, ich vermisse Hypercard, das wäre ein großartiges Werkzeug für das Prototyping gewesen.
jhocking
@ jhocking - Das ist ziemlich süß. Es ist also ein Modell-Tool, das sich in eine tatsächliche App verwandeln kann? Ist es etwas wie Microsofts Sketchflow ?: microsoft.com/expression/products/sketchflow_overview.aspx
Ryan Hayes
Hypercard? Oh, das ist ein wirklich altes Mac-Programm, wie in Pre-OSX: de.wikipedia.org/wiki/HyperCard Es ist schade, dass die Software nicht mehr funktioniert hat, weil sie für so viele Zwecke nützlich war. Ich muss mir die Optionen ansehen, die Sie haben hervorheben.
jhocking
19

Für mich ist es zweifellos Balsamiq. Ich liebe es aus einer Reihe von Gründen.

  • Einfach zu bedienen - Die Benutzeroberfläche von Balsamiq ist unglaublich einfach und lässt sich schnell zusammenfügen.
  • Sieht aus wie ein Mockup - Wenn es Kunden / Kunden / Lieferanten gezeigt wird, sieht es aus wie ein Mockup. Es gibt also keine Verwirrung darüber, dass "Ich bin fast fertig" oder so ähnlich ist.
  • Sieht professionell aus - Zusätzlich zum vorherigen Punkt sieht es zwar "von Hand gezeichnet" aus, sieht aber immer noch professionell aus.
  • Allgemeine Benutzeroberflächen-Steuerelemente - Sind alle verfügbar, um schnell Modelle zu erstellen, die echten Apps ähneln.
Mitchel Sellers
quelle
+1 Oh, Schnapp! Mitchel, das ist eine lächerlich tolle Entdeckung! Vielen Dank für die Veröffentlichung!
Ryan Hayes
1
@ Ryan - Ja, als ich das vor ungefähr einem Jahr gefunden habe, konnte ich NICHTS anderes verwenden, es ist einfach so gut
Mitchel Sellers
Oh ihr GÖTTER! Das ist das beste.
MVCylon
Kann Balsamiq Schaltflächen erstellen, die reagieren, wenn Sie darauf klicken? Wie in können Benutzer die Benutzeroberfläche testen, indem sie auf eine Schaltfläche klicken und diese an eine andere Folie senden.
jhocking
1
@jhocking - Ja, das ist möglich, alles mit einem schönen Export in PDF-Funktionalität
Mitchel Sellers
1

SketchFlow in Blend ist eine nette Idee:

  • Die Stile bestärken die Idee, dass es sich bei den Stakeholdern um einen Prototyp handelt, um die Erwartungen zu managen
  • Wenn Sie Blend kennen, kennen Sie SketchFlow - es gibt nur eine extra dünne Schicht darüber, mit der Sie "Bildschirme" erstellen und leicht navigieren können.
  • Da alles in echtem XAML enthalten ist, können Sie Interaktivität aktivieren und Zeit damit verbringen, echte Funktionen zu entwickeln, die für das Erscheinungsbild oder die Funktionalität der App von entscheidender Bedeutung sind, z. B. wichtige animierte Übergänge oder DataTemplate-Prototypen. . Es verfügt über ein eingebautes Verhalten, das sich in die Ebene "Screen-Map" von Blend einfügt. Das Navigieren einer Schaltfläche oder eines Links zu einem anderen Bildschirm ist so einfach wie Ziehen und Ablegen und Auswählen eines Werts aus einem Dropdown-Menü.
  • Es ist sehr schwierig, einen SketchFlow-Prototypen wiederzuverwenden und ihn in eine echte App zu verwandeln. Normalerweise können Sie einige visuelle Layouts recyceln, jedoch nur auf einer grundlegenden Ebene. Ich halte das für eine gute Sache, da das Prototyping Sie nicht in die richtige Stimmung versetzt, um eine echte App zu erstellen.
  • Sie können den Prototyp in eine eigenständige "Player" -App exportieren, für deren Ausführung nur Silverlight erforderlich ist. Mit dem Player können Sie die gesamte Interaktivität aktivieren und durch die Bildschirme der App navigieren, auch wenn Sie die Interaktivität nicht verkabelt haben. Die Beteiligten können Feedback über Notizen oder Tintenmarkierungen direkt auf dem Prototyp geben.

Das Hauptproblem dabei ist, dass es sich nicht um rein visuelles Drag-and-Drop wie Balsamiq, PowerPoint-Prototyp-Tools oder andere visuelle Tools handelt, sodass Sie zumindest die Grundlagen von Blend / XAML kennen müssen.

Nlawalker
quelle
1

Ich bin ein großer Fan von MS Paint. Ich mag, dass die schlechte Qualität des Gekritzels es einfach macht, es wegzuwerfen und von vorne zu beginnen. Nachdem ich ausgefeiltere Diagramm- und Visualisierungstools verwendet hatte, verbrachte ich zu viel Zeit damit, herauszufinden, wie eine komplexe Idee dargestellt werden kann, wenn die Idee selbst einfach genug zum Skizzieren gewesen sein sollte.

Ich denke, es ist die gleiche Dynamik wie eine Serviette - nur eine grobe Glyphe der Idee reicht aus, um die Dinge in Bewegung zu setzen. Ich möchte kein Diagrammwerkzeug anfassen, bis die Diagramme bereits gut durchdacht sind.

Aber vielleicht bin nur ich und meine seltsamen Wege.

Kevin Hsu
quelle
0

Kommt wahrscheinlich darauf an, mit welcher Plattform Sie die App erstellen (Eine Web-App? Desktop? C ++? Java?), Aber ich gehe normalerweise direkt vom Papier zur eigentlichen Plattform. Vorteile: Sieht aus wie das Original, weil es ist, und nachdem Sie herausgefunden haben, wie die GUI zu gestalten ist, fügen Sie einfach die erforderlichen Funktionen hinzu, und Ihre App ist fertig.

Das nennt man Rapid Application Development .

Joonas Pulakka
quelle