TechBubbles Microsoft Technology BLOG

Creating prototype projects with SketchFlow for Visual Studio 2012

SketchFlow is a tool which you can use to create prototypes for interactive applications. Prototype can be used to workflow of your application or it can be a complex graph. SketchFlow is available in Blend Studio and it can be downloaded from here for Visual Studio 2012. This post discusses the SketchFlow features and then creating a prototype project for Visual Studio 2012. image

You can do the below using SketchFlow

  • Creating animations and interactions for your prototype
  • Without writing code you can build prototypes with visual elements
  • You can use Standard UI elements and Custom Controls
  • Without using live-data, you can easily build data-driven UI

After installing the SketchFlow, you can open it from start programs

image

Create a new project

image

Select the project type either Silverlight or WPF in new project dialogue box and say ok

image

Once the project has been created then you can create the prototype in one of two ways:

Create the prototype in SketchFlow Map Panel

Creating content on the dashboard

SketchFlow Map panel basically can use to create structure of your application. Artboard can be used to focus on content of the screens.

Every screen in SketchFlow Map panel represented as node, you can connect one screen to another by using navigation a navigation connection as shown below

image

Connection between nodes simulates the navigation between screens. You can run the application and navigation of the screens can be seen in browser as shown below

image

Share this post :          

About the author

Kalyan Bandarupalli

My name is kalyan, I am a software architect and builds the applications using Microsoft .NET technologies. Here I am trying to share what I feel and what I think with whoever comes along wandering to Internet home of mine.I hope that this page and its contents will speak for me and that is the reason I am not going to say anything specially about my self here.

Add Comment

TechBubbles Microsoft Technology BLOG

Follow me

Archives

Tag Cloud