5-silverlight3_firestarter_sketchflow-janete perez

13
SketchFlow Janete Perez Janete Perez Program Manager Program Manager Expression Blend Expression Blend

Upload: mithun-dhar

Post on 14-May-2015

4.526 views

Category:

Documents


2 download

DESCRIPTION

5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez

TRANSCRIPT

Page 1: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez

SketchFlowSketchFlow

Janete PerezJanete PerezProgram ManagerProgram ManagerExpression BlendExpression Blend

Page 2: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez

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

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

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

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

DemoDemoDeep Zoom Composer

“The Prototype”

Page 7: 5-Silverlight3_FIRESTARTER_sketchflow-Janete Perez

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

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

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

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

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

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