Prototyping With Sketchflow
-
Upload
ukdpe -
Category
Self Improvement
-
view
4.965 -
download
0
Transcript of Prototyping With Sketchflow
![Page 1: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/1.jpg)
Rapid Application Prototyping with SketchFlow
Viral Tarpara – Technical Evangelist - Microsoft
![Page 2: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/2.jpg)
Utopian Workflow
Brief
Rebrief
Concept• Sketch• Prototype
Delivery
![Page 3: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/3.jpg)
Dev-Fat Agencies
Brief
Rebrief
Concept•Sketch•Prototype
Delivery
![Page 4: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/4.jpg)
How Agencies REALLY Work
Brief
Rebrief
Brief
Rebrief
Brief
Rebrief
Concept Delivery
![Page 5: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/5.jpg)
Concept
This Leads to...
#FAIL
![Page 6: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/6.jpg)
Why Concept Phase is a Nightmare
BADFEEDBACK
COMPLEX IDEAS
BIGCHANGES
NO CUSTOMER
FOCUS
![Page 7: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/7.jpg)
Customers who aren’t “design-centric” do
not give you actionable feedback. They
remain focused on the details like color and images, rather than “look ‘n feel” and design
Feedback
![Page 8: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/8.jpg)
You end up wanting to do this…
![Page 9: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/9.jpg)
![Page 10: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/10.jpg)
So Why ?
![Page 11: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/11.jpg)
11/04/2023
Rapidly Model the Look and Feel
![Page 12: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/12.jpg)
11/04/2023
Enterprise-Ready Applications
![Page 13: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/13.jpg)
11/04/2023
Multi-Version/User Feedback
![Page 14: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/14.jpg)
Automatically Generate Documentation
![Page 15: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/15.jpg)
Sketchflow Interface
![Page 16: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/16.jpg)
![Page 17: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/17.jpg)
![Page 18: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/18.jpg)
![Page 19: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/19.jpg)
Feedback Player in Browser
![Page 20: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/20.jpg)
Full Interaction and Commenting
![Page 21: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/21.jpg)
This Paper Sketch Actually Rotates
Try to Explain this on Paper!
![Page 22: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/22.jpg)
11/04/2023Demonstration
![Page 23: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/23.jpg)
Sketchflow Tasks
• Import Adobe files into Full Functioning UIs• Application Navigation System with NO CODE• Add State to the application• Drag and Drop usable Sample Data
![Page 24: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/24.jpg)
11/04/2023
“We Don’t Use Silverlight”
![Page 25: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/25.jpg)
“We Don’t Use Silverlight”
• HTML/Flash Shops Fast Prototyping• Conceptualize in Silverlight/WPF• Finalize Changes before Development• Multi-user / Multi-version Feedback• Firefox, IE, Safari Support on PC/MAC/Linux*
![Page 26: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/26.jpg)
Getting Started with Sketchflow
• Download Silverlight 3• Download Microsoft Expression Blend 3 trial• Checkout Sketchflow Starter Kit
– Videos– Guides– Assets
• Contact Me : [email protected]• Blog: http://blogs.technet.net/tarpara• TwitterID: @TARPARA
![Page 27: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/27.jpg)
11/04/2023
If after all this you remainunconvinced then...
![Page 28: Prototyping With Sketchflow](https://reader035.fdocuments.net/reader035/viewer/2022081516/554a3003b4c90542548b541d/html5/thumbnails/28.jpg)
“I find your lack of faith disturbing”