Microsoft

ExpressionBlend 4+ SketchFlow

By Mahesh ShitoleAssociate Software

Engineer Knowledge Quest Infotech

Pvt Ltd

Contents

Creating new project Basic structure Components and Design Feedback posting Documents generations

Creating new project

Creating new project

Creating new project

As shown above we can create the sketch flow application using two types.

Using Silverlight Wpf

Using silverlight rich cross platform web based application

Using wpf you can create prototype for rich desktop applications

Basic Structure

In blend we have to create working flow of the screens.

Reffer the bellow image There is a screen ‘main’ if we enter

mouse it will give us four options bellow of that ’main’ rectangle

Create a connected

screen

Connect an extsting screen

Create and insert a

component screen

Change visual tag

Creating basic flow The 4 options provided by blends

Create a connected screen For creating the new screen If we just drag the mouse blend

automatically generate the new screen. Create a connected screen

For connecting to existing screen Create and insert component screen

It is just for creating layering the screen on another

(search it more) Change visual tag

For changing the color of the screen

Sketchflow map example

Other options

Components and design

Feedback posting Blend handles the feedback posting

very effectively. Lets take one example Suppose there is one screen use

wants

Feedback posting

Suppose the clients want the change in the login screen, he/she want the ‘clear’ button in the login screen.

Blend provide the functionality to provide feedback.

Lets see how we can provide it ?

This i s user feedback , to add

clear button

User comments

Brush Colors

Brush

Exporting feedback

Feedback posting

This is feedback is then save with .feedback extention

So later on developer can import it see the appropriate changes.

Lest see how?

Adding feedback

given by client

Automatically ping changes

Showing visual change given

by client

Documents generations

Thanks