Sketching User Experience—Video Sketching

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 ﬂash deseloper=designer+developer design researcher user experience designer innovation researcher user experience design director

Bill BuxtonPrincipal ResearcherMicrosoft Research

The Dynamics of the Design Funnel Sketch idea Prototype UsabilityReference: Sketching User Experiences (Bill Buxton, 2007)

The Sketch to Prototype ContinuumReference: Sketching User Experiences (Bill Buxton, 2007)

From Sketching to Prototyping Sketching Prototyping Design as Branching Prototyping as Iterative Exploration and Comparison Incremental ReﬁnementReference: Sketching User Experiences (Bill Buxton, 2007)

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 Experiences (Bill Buxton, 2007)

Sketch Tips:Create Video Sketch with Low-tech

Create the Shot video andremove unwanted transition

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

The Beneﬁt of Video Sketching1. Easy to Communication.2. No programming or video edition skill needed.3. High-speed production.

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

Thank You!

Sketching User Experience—Video Sketching

by Justin Lee on Jan 16, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Sketching User Experience—Video Sketching — Presentation Transcript