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.

Sketching User Experience—Video Sketching


Published on


Published in: Technology, Business, Design
  • Be the first to comment

Sketching User Experience—Video Sketching

  1. 1. Sketching User ExperienceJustin Lee
  2. 2. Asus ID Team Innovation Lab UI Gathering
  3. 3. My career graphic designer web designer flash deseloper=designer+developer design researcher user experience designer innovation researcher user experience design director
  4. 4. Bill BuxtonPrincipal ResearcherMicrosoft Research
  5. 5. The Dynamics of the Design Funnel Sketch idea Prototype UsabilityReference: Sketching User Experiences (Bill Buxton, 2007)
  6. 6. The Sketch to Prototype ContinuumReference: Sketching User Experiences (Bill Buxton, 2007)
  7. 7. From Sketching to Prototyping Sketching Prototyping Design as Branching Prototyping as Iterative Exploration and Comparison Incremental RefinementReference: Sketching User Experiences (Bill Buxton, 2007)
  8. 8. Don’t forget state transitionReference: Street Fighter movie storyboard (2008)
  9. 9. Finite State Machine State Transition (Finite State Machine)
  10. 10. Combine wireframes, states and transitions wireframe state transitionReference: Sketching User Experiences (Bill Buxton, 2007)
  11. 11. Sketch Tips:Create Video Sketch with Low-tech
  12. 12. Create the Shot video andremove unwanted transition
  13. 13. Design should be an Iterative Process idea idea ideaReference: Sketching User Experiences (Bill Buxton, 2007)
  14. 14. The Benefit of Video Sketching1. Easy to Communication.2. No programming or video edition skill needed.3. High-speed production.
  15. 15. Reference Sketching User Experiences: Getting the Design Right and the Right Design Bill Buxton (2007)
  16. 16. Thank You!