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,

Slides:



Advertisements
Similar presentations
Rapid Prototyping Dimensions and terminology Non-computer methods
Advertisements

End-User Perceptions of Formal and Informal Representations of Web Sites Jason Hong Francis Li James Lin James Landay Group for User Interface Research.
Prof. James A. Landay University of Washington Spring 2012 Introduction & Course Overview CSE 441 – Advanced HCI March 27, 2012.
Prototyping. Introduction Low-fidelity prototyping High-fidelity prototyping Compromises in prototyping From design to implementation.
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
Part 2d: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
DENIM A Brief Tutorial By Philip Luedke. Introduction An Informal Tool For Early Stage Web Site and UI Design Early Stage Web Site and UI Design DENIM.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools 01 November 2005.
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
DENIM (1 of 3) Denim is a rapid prototyping tool for web information architecture and design. Denim It uses a visual editor which is optimized for stylus.
ISP 666 Week 6 Prototyping. Design a Solution From task to system From abstract to concrete Task Models UI Presentation evaluation Conceptual Model System.
Prototyping Professor: Tapan Parikh TA: Eun Kyoung Choe
Stanford hci group / cs376 Design Processes and Tools Sharon Lin Bowen Li.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
Nov Jason Hong and James Landay University of California Berkeley Group for User Interface Research.
1/20/20001 Human-Computer Interaction Research on the Endeavour Expedition James A. Landay Jack Chen, Jason Hong, Scott Klemmer, Francis Li, Mark Newman,
CACM Web Site Marti Hearst (UC Berkeley) James Landay (University of Washington)
DENIM A Sketching Tool for Prototyping Web and Desktop UIs Mark Newman and Jimmy Lin Group for User Interface Research UC Berkeley July 8, 1999.
Spring /6.831 User Interface Design and Implementation1 Lecture 6: User-Centered Design GR1 (project proposal & analysis) released today, due.
Prof. James A. Landay University of Washington Autumn 2012 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Early Stage Prototyping.
1 Damask A Tool for Early-Stage Design and Prototyping of Multi-Device User Interfaces G r o u p f o r User Interface Research University of California.
WebQuilt and Mobile Devices: A Web Usability Testing and Analysis Tool for the Mobile Internet Tara Matthews Seattle University April 5, 2001 Faculty Mentor:
A Visual Language for Sketching Large and Complex Interactive Designs Michael Thomsen University of Aarhus G r o u p f o r User Interface Research University.
User Interface Design Tools for the Future Multimodal UI Research in the HCC James A. Landay Jason Hong, Scott Klemmer, Jimmy Lin, Mark Newman, & Anoop.
Jia Sheng, DGP, Sketching for Interface Design Jia Sheng
In the PLACE approach, field pointers are connected to physical objects. Using a standard QR code reader on a mobile device, users are directed to web.
1. Low Fidelity Prototyping and Wizard of Oz Studies Because they are easy to create and modify, low fidelity prototypes commonly provide designers with.
Topiary: A Tool for Prototyping Location-Enhanced Applications Yang Li, Jason I. Hong, James A. Landay, Presented by Daniel Schulman.
Low-fi Prototyping. CSE490f - Autumn 2006User Interface Design, Prototyping, and Evaluation2 Hall of Fame or Shame? Password dialog in Eudora Pro for.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
HCI 특론 (2010 Spring) Low-fi Prototyping. 2 Interface Hall of Shame or Fame? Amtrak Web Site.
Rapid Prototyping. 2 Hall of Fame or Shame? 3 Hall of Shame.
Prof. James A. Landay University of Washington Autumn 2008 Design Sketching * slides marked Buxton are courtesy of Bill Buxton, from his talk “ Why I Love.
Scott Klemmer Michael Thomsen Ethan Phelps-Goodman Robert Lee James Landay 23 April 2002 ACM SIGCHI Minneapolis, MN Where Do Web Sites Come From? Capturing.
Prof. James A. Landay University of Washington Autumn 2008 Rapid Prototyping November 10, 2008.
Prof. James A. Landay University of Washington Autumn 2008 Low-fi Prototyping November 4, 2008.
Supporting rapid design and evaluation of pervasive application: challenges and solutions Lei Tang 1,2, Zhiwen Yu 1, Xingshe Zhou 1, Hanbo Wang 1, Christian.
Prof. James A. Landay University of Washington Autumn 2008 Video Prototyping October 14, 2008.
Tools for Web Design and for Ubiquitous Computing Jason I. Hong Computer Science Division University of California, Berkeley.
Generating Abstract User Interfaces from an Informal Design Adrien Coyette University of Louvain Information Systems Unit Louvain-la-Neuve BELGIUM.
We interact with documents in two separate worlds: the electronic world of the workstation, and the physical world of the desk. Interaction styles in these.
Stanford hci group / cs376 u Scott Klemmer · 26 October 2006 Design Tools.
Design Tools Discussion Jae min John Chen Wu May 1, 2008.
Prof. James A. Landay University of Washington Autumn 2007 Rapid Prototyping November 13, 2007.
SILKWeb: A Sketching Tool for Informal Web Page Design Mark Newman, James Landay, Francis Li, Kalpana Joshi July 9, 1998 C&C Research Labs, NEC
Prof. James A. Landay Computer Science Department Stanford University Winter 2016 dt+UX 2 : USER EXPERIENCE DESIGN PROJECT Introduction & Course Overview.
Stanford hci group / cs147 u 27 November 2007 Ubiquitous Computing & “Natural” Interaction Scott Klemmer tas: Marcello Bastea-Forte,
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Low-fi Prototyping April 24, 2008.
Wizard of Oz Prototyping 03/08/10 Dr. Steven Dow
A Sketching Tool for Designing Anyuser, Anyplatform, Anywhere User Interfaces A Sketching Tool for Designing Anyuser, Anyplatform, Anywhere User Interfaces.
Low-fidelity Prototyping. Outline Low-fidelity prototyping Wizard of OZ technique Informal user interfaces Sketching user interfaces electronically Informal.
Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools Ron B. Yeh 26 October 2004.
Prof. James A. Landay University of Washington CSE 440 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION February 14, 2013 Early Stage Prototyping.
Prof. James A. Landay University of Washington Autumn 2007 Low-fi Prototyping October 25, 2007.
HCI 특론 (2007 Fall) Low-fi Prototyping. 2 Hall of Fame or Shame? Password dialog in Eudora Pro for Mac.
Low-fi Prototyping. CSE490f - Autumn 2006User Interface Design, Prototyping, and Evaluation2 Hall of Fame or Shame? Password dialog in Eudora Pro for.
Prof. James A. Landay University of Washington Winter 2009 Introduction & Course Overview CSE 441 – Advanced HCI January 6, 2009.
Toolkits and Languages CSE 490JL Section Dec 1 st & 3 rd 2004 Richard C. Davis & Kate Everitt.
Iterative Design and Evaluation of Event Architecture for Pen-and-Paper Interfaces HCI Group Stanford University Ron B. Yeh Andreas Paepcke Scott R. Klemmer.
Papier-Mache: Toolkit Support for Tangible Input HCI Group University of California Scott R. Klemmer Jack Li James Lin DUB Group University of Washington.
Informal PUIs: No Recognition Required James Landay Jason Hong Scott Klemmer James Lin Mark Newman.
1 University of Washington Yang Li DUB Group activity-based ubiquitous computing – structuring ubicomp technologies and representing interaction contexts.
© MIT Students © Microsoft © MIT Students.
Low-fi Prototyping November 2, 2006
Introduction & Course Overview CS490f – Part II
Tablet PC Capstone CSE 490RA
Design Tools Scott Klemmer · 26 October 2006.
Design Tools Jeffrey Heer · 7 May 2009.
Tangible Interaction & Augmented Reality
Presentation transcript:

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 Berkeley 2 DUB Group 3 Inter Research, Seattle 4 ChatterPop, Inc UIST 2007

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

Introduction Design PrototypeEvaluate

Introduction 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 Wizard Model End User Copy of Model Updates Events Player Saved Sessions

SketchWizard Design SketchWizard Workspaces

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 tasks o Wizard *6 th Floor o User *UW CSE Bldg. *2 nd Floor /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 Process More Code Less Code NEIMO (Baobo 1993) SUEDE (Klemmer 2000) Topiary (Li 2004) DART (MacIntyre 2004) SketchWi zard 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