Sketching User Experience—Video Sketching

19
Sketching User Experience Justin Lee

description

用低科技探索設計空間

Transcript of Sketching User Experience—Video Sketching

Page 1: Sketching User Experience—Video Sketching

Sketching User ExperienceJustin Lee

Page 3: Sketching User Experience—Video Sketching

My career

graphic designer

web designer

flash deseloper=designer+developer

design researcher

user experience designer

innovation researcher

user experience design director

Page 4: Sketching User Experience—Video Sketching
Page 5: Sketching User Experience—Video Sketching

Bill BuxtonPrincipal ResearcherMicrosoft Research

Page 6: Sketching User Experience—Video Sketching

The Dynamics of the Design FunnelSketch用來思考與探討idea,Prototype用來驗證Usability

Reference: Sketching User Experiences (Bill Buxton, 2007)

Page 7: Sketching User Experience—Video Sketching

The Sketch to Prototype Continuum

Reference: Sketching User Experiences (Bill Buxton, 2007)

Page 8: Sketching User Experience—Video Sketching

From Sketching to Prototyping

Prototyping as Iterative Incremental Refinement

Design as Branching Exploration and Comparison

Sketching Prototyping

Reference: Sketching User Experiences (Bill Buxton, 2007)

設計 修正

Page 9: Sketching User Experience—Video Sketching

Don’t forget state transition

Reference: Street Fighter movie storyboard (2008)

Page 10: Sketching User Experience—Video Sketching

Finite State MachineState與Transition同等重要,

使用有限狀態機(Finite State Machine)能幫助我們釐清所有的互動。

Page 11: Sketching User Experience—Video Sketching

Combine wireframes, states and transitions

Reference: Sketching User Experiences (Bill Buxton, 2007)

將wireframe與state、transition一併思考,才能清楚的描述互動。

Page 12: Sketching User Experience—Video Sketching

Sketch Tips: Create Video Sketch with Low-tech

利用低科技來說明互動概念

Page 13: Sketching User Experience—Video Sketching

Create the Shot video and remove unwanted transition

Page 14: Sketching User Experience—Video Sketching

Reference: Sketching User Experiences (Bill Buxton, 2007)

Design should be an Iterative Process速度快才有機會發展更多的idea,

有了大量的idea,才有機會找到好的idea。

Page 15: Sketching User Experience—Video Sketching

不一定得全部自己做

Page 16: Sketching User Experience—Video Sketching

演技也很重要

Page 17: Sketching User Experience—Video Sketching

The Benefit of Video Sketching

1. Easy to Communication.2. No programming or video edition skill needed.3. High-speed production.

Page 18: Sketching User Experience—Video Sketching

ReferenceSketching User Experiences: Getting the Design Right and the Right Design

Bill Buxton (2007)

Page 19: Sketching User Experience—Video Sketching

Thank You!