Silverlight TV 49: Creating Rich Interactive Prototypes with Sketchflow - Part 2
- Posted: Oct 14, 2010 at 8:00 AM
- 65,758 Views
- 18 Comments
Download
How do I download the videos?
- To download, right click the file type you would like and pick “Save target as…” or “Save link as…”
Why should I download videos from Channel9?
- It's an easy way to save the videos you like locally.
- You can save the videos in order to watch them offline.
- If all you want is to hear the audio, you can download the MP3!
Which version should I choose?
- If you want to view the video on your PC, Xbox or Media Center, download the High Quality WMV file (this is the highest quality version we have available).
- If you'd like a lower bitrate version, to reduce the download time or cost, then choose the Medium Quality WMV file.
- If you have a Zune, WP7, iPhone, iPad, or iPod device, choose the low or medium MP4 file.
- If you just want to hear the audio of the video, choose the MP3 file.
Right click “Save as…”
- High Quality WMV (PC, Xbox, MCE)
- MP3 (Audio only)
- MP4 (iPod, Zune HD)
- Mid Quality WMV (Lo-band, Mobile)
Janete Perez rejoins Silverlight TV to complete her 2 part series on Sketchflow (you can watch Janete in Part 1 of her Sketchflow series here). up. This time Janete walks through the creation of a prototype that includes a workflow, navigation through the screens, interactive behaviors, and much more to create a social media application to share and communicate with her friends.
She covers several topics including these:
- Creating a Sketchflow project for Windows Phone 7
- Using behaviors
- Creating navigation between screens
- Creating a workflow
- Creating and using sample data
- Enabling user to provide feedback
- Previewing transitions
- Including visual states
- Creating revisions of the prototype
- Generating documentation
Relevant links:
- John's blog and on Twitter (@john_papa)
- Janete's blog and on Twitter (@janetep)
- Expression product site
- Expression Community site
- Blend Team blog
- Toolbox site
Follow us on Twitter @SilverlightTV or on the web at http://silverlight.tv
Comments Closed
Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation,
please create a new thread in our Forums,
or
Contact Us and let us know.

Follow the Discussion
Do you have a link where we can download the Mockups that Janete used in the demonstartions?
Thanks!
p.s. Can you please get get Janete to use her mouse with her left hand? The camera never really got a good shot of it!
Where can we get the image for the phone chrome? Also, I heard there was going to be an out-of-band release for SketchFlow WP7 project templates ( e.g. Pano, Pivot, etc. ). Add my vote to hurry this release up. Is there a date for when these will be released? Hopefully PDC2010???
@codputer. I'm not sure the name of DLLs, but if you open the Mockup project in the Welcome Screen > Samples tab... you can find the DLLs in the References and then add those to your own SketchFlow project. After that, they should show up in the Assets tab.
Thanks again and good video.
Hi,
Once again Janete is on mark. Great content! (He cried more, more more!).
Thanks!
@Codputer: Here's a link that cover how to add the Mockup controls to your Expression Blend 4 project: http://blogs.msdn.com/b/expression/archive/2010/05/13/how-to-add-mockup-controls-to-your-expression-blend-library.aspx
@shaggygi: Currently we don't have a set date for an out-of-band release for SketchFlow WP7 project template. Thanks for the feedback though! Here's a link to my blog where I provide the project solution and the chrome image: http://blog.sunnypixels.com/?p=344
Cheers :)Janete
@codputer:i need help
Hi,
I have a very poor video quality and I see nothing either in windowed or full screenI have a very very huge high end system with a very very big bandwitdh but still don't see what the girl is showing clear enough
@Marc Roussel:Download the High Quality WMV Video.
Marc - The video we stream is the middle quality video. We also provide a high res version that you can download offline. Go to the upper right of the page and save the high quality WMV version and you should be good
Great content. The images you used for mocking people are great. How can one get a hold of that list of peeps for use in mock ups?
@Matt Weyland:
You can get the project solution zip file from her link here.
http://blog.sunnypixels.com/?p=344
Once unzipped, you can find the images in the following folder.
WP7FacebookApp_Prototype\FacebookApp\FacebookAppScreens\SampleData\Friends\Friends_Files
Strange question maybe but where can we buy the shirt Janete is wearing?
Great post though. Like it!
The images you used for mocking people are great.
http://www.canlalem.com/index.php
@flemishgael: The Microsoft company store sells the Sounders jerseys. You can also get them at local soccer shops or online.
Okay, local stores in Belfast don't have them but I will look for it online.
Wow, quite a few comments here from creepy guys. Never seen a woman in a professional context before? Why aren't the mods deleting them?
Great tutorial. Thanks John and Janete. I look forward to future Expression Blend/Sketchflow tutorials.
Hi John and Janete,
Great! demonstration,
Thank you so much for nice tutorial.
Here is a link on how to add those mockup controls from the sample in this video:
http://blogs.msdn.com/b/expression/archive/2010/05/13/how-to-add-mockup-controls-to-your-expression-blend-library.aspx?wa=wsignin1.0
Remove this comment
Remove this thread
close