SketchWizard: Wizard of Oz Prototyping of Pen-Based User Interface

Richard C. Davis 1

T. Scott Saponas 3

Michael Shilman 4

James A. Landay 2, 3

1 CS Division, UC Berkeley2 DUB Group3 Inter Research, Seattle4 ChatterPop, Inc

UIST 2007

Outline

• Introduction• SketchWizard Design• SketchWizard Laboratory Evaluation• Related Work• Conclusion and future Work

Introduction

Design

Prototype Evaluate

Introduction

http://wireframes-usability.com/2009/11/23/the-beauty-of-web-based-paper-prototyping-part-1/

Sketch Prototye/ Pen UI

Woz Test

Introduction

• SketchWizard– Create and test Woz

• Fast response, simulation

– Pen-based UI– Capturing user action– Analysis

SketchWizard Design

• SketchWizard Architecture

WizardModel

End UserCopy of Model

Updates

Events

Player

Saved Sessions

http://dub.washington.edu:2007/projects/sketchwizard/2007-UIST-SketchWizard-Presentation.zip

SketchWizard Design

• SketchWizard Workspaces

http://dub.washington.edu:2007/projects/sketchwizard/2007-UIST-SketchWizard-Presentation.zip

SketchWizard Design

• DEMO

SketchWizard Laboratory Evaluation

• 7 designers– 5 designers have No experience of Woz

• All designers have no experience of design a pen-based UI

• Two taskso Wizard

* 6th Floor

o User* UW CSE Bldg.* 2nd Floor

http://dub.washington.edu:2007/projects/sketchwizard/2007-UIST-SketchWizard-Presentation.zip

SketchWizard Laboratory Evaluation

Introduce Woz, pen-based UI, and SketchWizard

Task 1: •Simulates Windows Journal•Cost 75 min (avg)

Procedure:

Results and feedbacks:• Delay Time: 5-15 sec• All designers enjoy the experience of being the wizard• Want to download the tool

SketchWizard Laboratory Evaluation

Task 2:•Build and simulate was the DENIM web site design tool •Cost 75 min (avg)

Procedure:

Results and feedbacks:

7 days later (after the task1)

• Need a message channel between designers and test administrator

• Straightforward improvements:• keyboard shortcuts• a rectangle selector• grid snapping

Related Work• Paper Prototyping

– Handwriting recognition application– Collaborative digital whiteboard application

• Woz Prototyping Tools– NEIMO:

• Later-stage prototyping of multimodal interface

– SUEDE: • Speech-based UI, early-stage prototyping

– CrossWeaver: • Storyboards, early-stage prototyping, analysis tool

– Ozlab: • Simulate some continuous interactions

– Topiary, DART, and BrickRoad• Woz tool for location-enhanced applications

Related Work

Design ProcessMore Code

LessCode

•NEIMO (Baobo 1993)

•SUEDE (Klemmer 2000)

•Topiary (Li 2004)

•DART(MacIntyre 2004)

•SketchWizard

http://dub.washington.edu:2007/projects/sketchwizard/2007-UIST-SketchWizard-Presentation.zip

Conclusion and Future Work

• SketchWizard– Enables designers to test early prototypes of pen-

based UIs– early-stage Pen UI WOZ works– Fast responses to end-user actions

• Future work– Extend SketchWizard with better selection tools

and keyboard shourtcuts