Sketching User ExperienceJustin Lee

阿修

www.lis186.com

lis186@gmail.com

Asus ID Team Innovation LabUI Gathering

李易修

www.plurk.com/lis186

My career

graphic designer

web designer

flash deseloper=designer+developer

design researcher

user experience designer

innovation researcher

user experience design director

Bill BuxtonPrincipal ResearcherMicrosoft Research

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

Reference: Sketching User Experiences (Bill Buxton, 2007)

The Sketch to Prototype Continuum

Reference: Sketching User Experiences (Bill Buxton, 2007)

From Sketching to Prototyping

Prototyping as Iterative Incremental Refinement

Design as Branching Exploration and Comparison

Sketching Prototyping

Reference: Sketching User Experiences (Bill Buxton, 2007)

設計 修正

Don’t forget state transition

Reference: Street Fighter movie storyboard (2008)

Finite State MachineState與Transition同等重要，

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

Combine wireframes, states and transitions

Reference: Sketching User Experiences (Bill Buxton, 2007)

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

Sketch Tips: Create Video Sketch with Low-tech

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

Create the Shot video and remove unwanted transition

Reference: Sketching User Experiences (Bill Buxton, 2007)

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

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

不一定得全部自己做

演技也很重要

The Benefit of Video Sketching

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

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

Bill Buxton (2007)

Thank You!