Erstellen von Prototypen mit SketchFlow

Jedem guten Produkt geht ein guter Entwurf voraus. SketchFlow ist eine Gruppe neuer Funktionen in Microsoft Expression Blend für die Erstellung von Prototypen vom Konzeptentwurf bis hin zur Produktion der fertigen Anwendung.

SketchFlow erleichtert Folgendes:

  • Unkompliziertes Experimentieren mit dynamischen Benutzerszenarien

  • Präsentation des Designs bei Projektbeteiligten

  • Sammlung, Bewertung und Implementierung des Feedbacks von Projektbeteiligten

Eine Übersicht über die Instrumente zur Prototyperstellung finden Sie unter SketchFlow (Übersicht).

Erstellen eines Anwendungsflusses

Mit SketchFlow kann ein Designer schnell und unkompliziert eine interaktive Skizze erstellen, die den Fluss einer Anwendung repräsentiert. Die Skizze (ein Prototypprojekt) besteht aus einer beliebigen Anzahl von Bildschirmen, d. h. virtuelle Weißwandtafeln, auf denen zur Erstellung einer Benutzeroberfläche Notizen gemacht werden können sowie gezeichnet und geschrieben werden kann, und in die sämtliche in Expression Blend vorhandenen Funktionen zur Erstellung einer Benutzeroberfläche eingefügt werden können. Bildschirme können auch zur Erstellung wiederverwendbarer Elemente – Logos, Hintergründe, Benutzeroberflächen-Vorlagen etc. – verwendet und dann in andere Bildschirme eingefügt werden.

Sie können ein Prototypprojekt jederzeit erstellen, ausführen und dann durch den Prototyp navigieren, selbst wenn Sie nur einen groben Entwurf für den Prototyp besitzen.

Weitere Informationen finden Sie unter Erstellen eines Anwendungsflusses.

Erstellung von Inhalten

Im Gegensatz zu anderen Lösungen, bei denen Prototypen mithilfe von Bildern von Benutzeroberflächenelementen entstehen, können Sie in SketchFlow Ihren Prototyp mit echten Benutzeroberflächen-Steuerelementen und dynamischen Layoutcontainern erstellen. Sie können echte Interaktivität, einschließlich Navigation und Zustandsänderungen, ohne Codeeingabe erstellen und reichhaltige Expression Blend-Funktionen wie Datenbindung, Beispieldaten und Verhalten einsetzen. Sie können Ihren Prototyp so wirklichkeitsgetreu wie nötig gestalten, um Ihre Ideen zu präsentieren.

Weitere Informationen finden Sie unter Erstellen von Inhalt auf der Zeichenfläche.

Hinzufügen von Interaktivität

Durch Hinzufügen von Interaktivität können Sie Ihren Prototyp weiter verfeinern und so Ihren Entwurf den Projektbeteiligten besser vermitteln. Es stehen folgende Möglichkeiten zur Auswahl:

  • Simulation von Benutzerinteraktion über Animationen

  • Einsatz visueller Zustände zur Darstellung der verschiedenen Zustände einzelner Elemente

  • Simulation von Ereignissen und Aktionen über Verhalten, indem Benutzeroberflächen-Elemente des Prototyps die Funktionalität der fertigen Anwendung imitieren

  • Bindung zu Beispieldaten zur Erstellung und Demonstration datengesteuerter Benutzeroberflächen

Weitere Informationen finden Sie unter Hinzufügen von Interaktivität.

Sammeln von Feedback

Prototypprojekte können jederzeit erstellt, ausgeführt und dann im SketchFlow-Player angezeigt werden. Wenn Sie Ihr Projekt vorstellen möchten, können Sie ein Paket aus Projekt und SketchFlow-Player erstellen und an die Projektbeteiligten, auf deren Computer Expression Blend nicht installiert ist, zur Überprüfung verteilen. Diese können ihr Feedback im SketchFlow-Player direkt in den Prototyp eingeben und die Feedbackdateien an den Designer zurückgeben. Dadurch wird diesem die Anzeige und Implementierung des Feedbacks bei der Arbeit in Expression Blend erleichtert.

Weitere Informationen finden Sie unter Hinterlassen von Feedback für einen Prototyp.

Konvertieren von Prototypen in ein Produktionsprojekt

SketchFlow-Prototypen sind nicht einfach nur Zeichnungen sondern vom ersten Bildschirm an voll funktionsfähig. Ein Prototyp ist eine echte WPF- bzw. Silverlight-Anwendung. Durch wenige geringfügige Modifikationen können Sie einen Prototyp in ein Produktionsprojekt konvertieren und zur endgültigen Anwendung weiterentwickeln.

Weitere Informationen finden Sie unter Konvertieren eines Prototyps.