Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Prototyping

221 views

Published on

Prototyping

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

Prototyping

  1. 1. Prototyping Nick Hodge Professional Geek, Microsoft Australia nhodge@microsoft.com @NickHodgeMSFT
  2. 2. Prototype: A scenario based simulation that allows a person to experience chosen aspects of a potential product
  3. 3. Paper Based Screen Based Sketch or wireframe Clickable wireframe Paper prototype Interactive prototype
  4. 4. 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
  5. 5. My preference • Question: “What is the shape of the Data?” • Interaction-flow from the data-flow • Draw “flow” and “screens” on paper
  6. 6. Data: Tools • Fiddler • Visual Studio (obviously) • Make a Data Model/Service Model [Portable]
  7. 7. Storyboarding • Visual Studio 2012/2013 [RC] adds Storyboarding to PowerPoint 2013
  8. 8. 3:00PM 3/14/2011 Start Steve Ballmer text text text text logout> crash> restart
  9. 9. 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
  10. 10. tab2 Edit text tab3 tab4

×