SketchFlowSketchFlow
Janete PerezJanete PerezProgram ManagerProgram ManagerExpression BlendExpression Blend
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
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?
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
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
DemoDemoDeep Zoom Composer
“The Prototype”
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
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
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
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
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
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
Top Related