Sketchflow Part 2 – Fast and Easy Interactivity

May 18, 2009

in design,prototype

Navigation wire up in Sketchflow. Note: I trimmed the right click options for clarities sake.

Navigation wire up in Sketchflow. Note: I trimmed the right click options for clarities sake.

Us designers may find ourselves designing a touch or gesture based interface on the fly or being asked to provide interaction in an early prototype for clients. The struggle comes in as we start to tackle expressing and selling a movement or navigation without building the entire experience and spending hours working with the developer to flush out what is actually feasible.

Here I have built a simple site project and created several pages to be explored by a client. First I linked my button to its destination page by right clicking and selecting: Navigate to, then selecting ‘Gallery’ (once you have created some pages in Sketchflow, it will show you those page options as places to navigate to in your prototype project).

Showing 2 ways to navigate thru the prototype with the Sketchflow Player.

Showing 2 ways to navigate thru the prototype with the Sketchflow Player.

Next I launched the feedback player by pressing F5, or Project>Run Project. Here you can navigate thru the project pages you have created with the navigation provided by the Sketchflow Player or in the more traditional manner by clicking on the buttons directly.

Creating these assets and wiring them took me about 5 minutes. This simple project is ready to share and collect feedback from team members and clients. And the code created is real, continuously editable, can be enhanced and richened as the project progresses.

For more Blend 3 details, visit here.

Comments on this entry are closed.

Previous post:

Next post: