Prototyping

1. Prototyping
Nick Hodge
Professional Geek, Microsoft Australia
nhodge@microsoft.com
@NickHodgeMSFT

6. Prototype:
A scenario based simulation that allows a
person to experience chosen aspects of a
potential product

7. Paper Based Screen Based
Sketch or
wireframe
Clickable
wireframe
Paper prototype Interactive
prototype

8. Prototyping in App Context?
• There is no one true-way
• Paper first
• Screen first
• Mobile Apps are not complex beasts
• Code first
• Data first
• UX first

9. My preference
• Question: “What is the shape of the Data?”
• Interaction-flow from the data-flow
• Draw “flow” and “screens” on paper

10. Data: Tools
• Fiddler
• Visual Studio (obviously)
• Make a Data Model/Service Model [Portable]

11. Storyboarding
• Visual Studio 2012/2013 [RC] adds Storyboarding to PowerPoint
2013

12. 3:00PM
3/14/2011
Start Steve Ballmer
text
text
text
text
logout> crash> restart

13. October, 2010
Su Mo Tu We Th Fr Sa
26 27 28 29 30 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6
search

14. tab2
Edit text
tab3
tab4