用低科技探索設計空間

1. Sketching User Experience
Justin Lee

2. Asus ID Team Innovation Lab
UI Gathering
www.lis186.com
www.plurk.com/lis186
lis186@gmail.com

3. My career
graphic designer
web designer
flash deseloper=designer+developer
design researcher
user experience designer
innovation researcher
user experience design director

5. Bill Buxton
Principal Researcher
Microsoft Research

6. The Dynamics of the Design Funnel
Sketch idea Prototype Usability
Reference: Sketching User Experiences (Bill Buxton, 2007)

7. The Sketch to Prototype Continuum
Reference: Sketching User Experiences (Bill Buxton, 2007)

8. From Sketching to Prototyping
Sketching Prototyping
Design as Branching Prototyping as Iterative
Exploration and Comparison Incremental Refinement
Reference: Sketching User Experiences (Bill Buxton, 2007)

9. Don’t forget state transition
Reference: Street Fighter movie storyboard (2008)

10. Finite State Machine
State Transition
(Finite State Machine)

11. Combine wireframes, states
and transitions
wireframe state transition
Reference: Sketching User Experiences (Bill Buxton, 2007)

12. Sketch Tips:
Create Video Sketch with Low-tech

13. Create the Shot video and
remove unwanted transition

14. Design should be an Iterative Process
idea
idea idea
Reference: Sketching User Experiences (Bill Buxton, 2007)

17. The Benefit of Video Sketching
1. Easy to Communication.
2. No programming or video edition skill needed.
3. High-speed production.

18. Reference
Sketching User Experiences:
Getting the Design Right and the Right Design
Bill Buxton (2007)

19. Thank You!