this describes how to draw simple sketch flow in Microsoft Expression Blend .

1. Microsoft 4 Expression Blend + SketchFlow By Mahesh Shitole Associate Software Engineer Knowledge Quest Infotech Pvt Ltd

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

3. Creating new project

4. Creating new project

6. Wpf Using silverlight rich cross platform web based application Using wpf you can create prototype for rich desktop applications

7. 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

8. Create a connected screen Connect an extsting screen Create and insert a component screen Change visual tag

9. 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

10. Sketchflow map example

11. Other options

12. Components and design

13. Feedback posting Blend handles the feedback posting very effectively. Lets take one example Suppose there is one screen use wants

14. 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 ?

15. This i s user feedback , to add clear button User comments Brush Colors Brush

16. Exporting feedback

17. 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?

18. Adding feedback given by client Automatically ping changes Showing visual change given by client

19. Documents generations

22. Thanks