![Page 1: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/1.jpg)
SketchFlowSketchFlow
Janete PerezJanete PerezProgram ManagerProgram ManagerExpression BlendExpression Blend
![Page 2: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/2.jpg)
Blend 3 Overview Recap
Silverlight 3 supportSilverlight 3 support
Improve visual design tasksImprove visual design tasks
Make it easier to work with dataMake it easier to work with data
Make interactivity accessibleMake interactivity accessible
Enable prototypingEnable prototyping
![Page 3: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/3.jpg)
Why SketchFlow?
• Great design has great impact on product successGreat design has great impact on product success• Modern, highly dynamic UX is difficult to explore Modern, highly dynamic UX is difficult to explore
and designand design• Most traditional creative tools focus on productionMost traditional creative tools focus on production• Conceptual design is not well supported by toolsConceptual design is not well supported by tools• SketchFlow provides a set of features in Blend 3 SketchFlow provides a set of features in Blend 3
designed to make prototyping faster, easier and designed to make prototyping faster, easier and richerricher
3
How does SketchFlow fit in How does SketchFlow fit in
to the Expression Blend Mission?to the Expression Blend Mission?
![Page 4: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/4.jpg)
SketchFlow Overview
• Informal and quickInformal and quick• Sketch ideas in a cost effective mannerSketch ideas in a cost effective manner• Evolve sketches into interactive prototypesEvolve sketches into interactive prototypes• Collect feedback and evolve ideaCollect feedback and evolve idea
4
![Page 5: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/5.jpg)
Prototyping Pain Points
EnvisioningEnvisioning
Easier experimentation, exploration of ideasEasier experimentation, exploration of ideas
CommunicatingCommunicating
A pathway to communicate ideasA pathway to communicate ideas
ReviewingReviewing
Collect user feedback, incorporate into designsCollect user feedback, incorporate into designs5
![Page 6: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/6.jpg)
DemoDemoDeep Zoom Composer
“The Prototype”
![Page 7: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/7.jpg)
What is Deep Zoom Composer?
A free power tool for composing and A free power tool for composing and
exporting Deep Zoom content for exporting Deep Zoom content for
Silverlight.Silverlight.
More info: More info:
http://blogs.msdn.com/expressionhttp://blogs.msdn.com/expression
““Deep Zoom Composer” tagDeep Zoom Composer” tag7
![Page 8: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/8.jpg)
What is Deep Zoom?
Part of the Silverlight feature setPart of the Silverlight feature set
MultiScaleImage controlMultiScaleImage control
Provides the ability to interactively view Provides the ability to interactively view
high-resolution images without affecting high-resolution images without affecting
perf perf
8
![Page 9: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/9.jpg)
Purpose of Demo
Build a prototype of a real world Build a prototype of a real world
scenarioscenario
Demonstrate the SketchFlow feature Demonstrate the SketchFlow feature
setset
Blend 3: Bring it all togetherBlend 3: Bring it all together9
![Page 10: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/10.jpg)
SketchFlow Features
EnvisionEnvision
SketchFlow MapSketchFlow Map
SketchFlow PlayerSketchFlow Player
SketchStylesSketchStyles
ComponentsComponents
CommunicateCommunicate
NavigationNavigation
SketchFlow SketchFlow
AnimationsAnimations10
ReviewReview
FeedbackFeedback
AnnotationsAnnotations
Import to Import to
PowerPointPowerPoint
Export to WordExport to Word
![Page 11: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/11.jpg)
Blend 3 Features used
Silverlight 3 supportSilverlight 3 support
Import Adobe Photoshop fileImport Adobe Photoshop file
Design-time dataDesign-time data
BEHAVIORS!!!BEHAVIORS!!!
New asset libraryNew asset library
![Page 12: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/12.jpg)
Thank you!Thank you!
Janete PerezJanete PerezTwitter: @ janetepTwitter: @ janetepBlog: sunnypixels.comBlog: sunnypixels.com
Expression Site: Expression Site: www.microsoft.com/expressionwww.microsoft.com/expressionCommunity site: Community site: http://expression.microsoft.comhttp://expression.microsoft.comBlend Team Blog: Blend Team Blog: http://blogs.msdn.com/expressionhttp://blogs.msdn.com/expression
![Page 13: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez](https://reader036.vdocument.in/reader036/viewer/2022062513/5554bd9db4c90503388b4c8c/html5/thumbnails/13.jpg)