Sketching User ExperienceJustin Lee
Asus ID Team Innovation Lab        UI Gathering    www.lis186.com www.plurk.com/lis186  lis186@gmail.com
My career graphic designer web designer flash deseloper=designer+developer design researcher user experience designer innov...
Bill BuxtonPrincipal ResearcherMicrosoft Research
The Dynamics of the Design Funnel   Sketch                             idea Prototype        UsabilityReference: Sketching...
The Sketch to Prototype ContinuumReference: Sketching User Experiences (Bill Buxton, 2007)
From Sketching to Prototyping           Sketching                                           Prototyping     Design as Bran...
Don’t forget state transitionReference: Street Fighter movie storyboard (2008)
Finite State Machine  State   Transition              (Finite State Machine)
Combine wireframes, states and transitions     wireframe state                  transitionReference: Sketching User Experi...
Sketch Tips:Create Video Sketch with Low-tech
Create the Shot video andremove unwanted transition
Design should be an Iterative Process                                                            idea                     ...
The Benefit of Video Sketching1. Easy to Communication.2. No programming or video edition skill needed.3. High-speed produc...
Reference Sketching User Experiences: Getting the Design Right and the Right Design Bill Buxton (2007)
Thank You!
Sketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
Upcoming SlideShare
Loading in …5
×

Sketching User Experience—Video Sketching

6,118 views

Published on

用低科技探索設計空間

Published in: Technology, Business, Design
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,118
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
64
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Sketching User Experience—Video Sketching

  1. 1. Sketching User ExperienceJustin Lee
  2. 2. Asus ID Team Innovation Lab UI Gathering www.lis186.com www.plurk.com/lis186 lis186@gmail.com
  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!

×