prof. james a. landay university of washington autumn 2008 design sketching * slides marked buxton...
TRANSCRIPT
![Page 1: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/1.jpg)
Prof. James A. LandayUniversity of Washington
Autumn 2008
Design Sketching
* slides marked Buxton are courtesy of Bill Buxton, from his talk “Why I Love the iPod, iPhone, Wii and Google”, remix uk, 18-19 Sept. 2008, Brighton
October 9, 2008
![Page 2: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/2.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 2
Interface Hall of Shame or Fame?
• From IBM’s RealCD– prompt– button
![Page 3: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/3.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 3
Interface Hall of Shame!
• From IBM’s RealCD– prompt– button
• Black on black???– cool!– but you can’t see it– “click here” shouldn’t be
necessary • like a door that has a sign
telling you to push
![Page 4: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/4.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 4
Misused MetaphorsMisused Metaphors
• Direct translations
– software telephony solution that requires the user to dial a number by clicking on a simulated keypad
– software CD player that requires turning volume knob with the mouse
– airline web site that simulates a ticket counter!
![Page 5: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/5.jpg)
Prof. James A. LandayUniversity of Washington
Autumn 2008
Design Sketching
* slides marked Buxton are courtesy of Bill Buxton, from his talk “Why I Love the iPod, iPhone, Wii and Google”, remix uk, 18-19 Sept. 2008, Brighton
October 9, 2008
![Page 6: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/6.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 6
Outline
• Review task analysis
• Teams vs. Groups
• Sketching user experiences
• Informal UI prototyping tools
![Page 7: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/7.jpg)
Task Analysis Review• Task Analysis questions ?
– Who is going to use the system?– What tasks do they now perform?– What tasks are desired?– How are the tasks learned?– Where are the tasks performed?– What’s the relationship between customer & data?– What other tools does the customer have?– How do users communicate with each other?– How often are the tasks performed? – What are the time constraints on the tasks?– What happens when things go wrong?
• Selecting tasks ?
– real tasks with reasonable functionality coverage– complete, specific tasks of what customer wants to do
User Interface Design, Prototyping, and EvaluationCSE440 - Autumn 2008 7
![Page 8: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/8.jpg)
CSE440 - Autumn 2008
Teams vs. Groups
• Groups– strong leader– individual accountability– organizational purpose– individual work products– efficient meetings– measures performance
by influence on others– delegates work
• Teams– shared leadership– individual & mutual
accountability– specific team purpose– collective work products– open-ended meetings– measures performance
from work products– does real work together
• Teams & good performance are inseparable– a team is more than the sum of its parts
User Interface Design, Prototyping, and Evaluation 8
![Page 9: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/9.jpg)
CSE440 - Autumn 2008
Keys to Team Success
• Common commitment– requires a purpose in which team members believe
• “prove that all children can learn”, “revolutionizing X…”
• Specific performance goals– comes directly from the common purpose
• “increasing the scores of graduates form 40% to 95%”
– helps maintain focus – start w/ something achievable
• A right mix of skills– technical/functional expertise (programming/design/writing)– problem-solving & decision-making skills– interpersonal skills
• Agreement– who will do particular jobs, when to meet & work, schedules
User Interface Design, Prototyping, and Evaluation 9
![Page 10: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/10.jpg)
CSE440 - Autumn 2008
Team Action Items
• Keep meeting & get used to each other• Figure out strengths of team members• Assign each person a role
– responsible for seeing work is organized & done– not responsible for doing it themselves
• Names/roles listed on next assign. turned in• Roles
– design (visual/interaction)
– user testing
– group manager (coordinate - big picture)
– documentation (writing)
User Interface Design, Prototyping, and Evaluation 10
![Page 11: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/11.jpg)
A Quintessential Activity of Design Courtesy
Bill BuxtonCSE440 - Autumn 2008 11User Interface Design, Prototyping, and Evaluation
![Page 12: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/12.jpg)
The Problem with the SW Industry
CourtesyBill BuxtonCSE440 - Autumn 2008 12User Interface Design, Prototyping, and Evaluation
![Page 13: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/13.jpg)
CourtesyBill Buxton
Adding Design…
CSE440 - Autumn 2008 13User Interface Design, Prototyping, and Evaluation
![Page 14: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/14.jpg)
Planning = Design?Concept - Blueprint
CourtesyBill Buxton
![Page 15: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/15.jpg)
OMA - Seattle Public Library
CallNov1998
AwardMay1999
ConstructionMar 2002
ModelDec1999
OpenJul 2004
DesignDesignConstructionConstruction
Planning
CourtesyBill BuxtonCSE440 - Autumn 2008 15User Interface Design, Prototyping, and Evaluation
![Page 16: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/16.jpg)
The Anatomy of Sketching
• Quick / Timely
• Inexpensive / Disposable
• Plentiful
• Clear vocabulary. You know that it is a sketch (lines extend through endpoints, …)
• No higher resolution than required to communicate the intended purpose/concept
• Resolution of the rendering does not suggest a degree of refinement of the concept that exceeds its actual state
• Ambiguous CourtesyBill BuxtonCSE440 - Autumn 2008 16User Interface Design, Prototyping, and Evaluation
![Page 17: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/17.jpg)
If you want to get the most out of a sketch, you need to leave big enough holes.
There has to be enough room for the imagination.
CourtesyBill Buxton
![Page 18: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/18.jpg)
Sketching in Interaction Design
• Analogous to traditional sketching
• Shares all of the same key attributes
• More feel than look
• Must accommodate time & dynamics
• Phrasing
CourtesyBill BuxtonCSE440 - Autumn 2008 18User Interface Design, Prototyping, and Evaluation
![Page 19: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/19.jpg)
CourtesyBill Buxton
![Page 20: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/20.jpg)
From Sketch to Prototype
CourtesyBill BuxtonCSE440 - Autumn 2008 20User Interface Design, Prototyping, and Evaluation
![Page 21: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/21.jpg)
Tactics
• Design as choice
• Two openings for creativity1. Palette of choices
2. Heuristics used to choose
CourtesyBill BuxtonCSE440 - Autumn 2008 21User Interface Design, Prototyping, and Evaluation
![Page 22: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/22.jpg)
Elaboration Reduction
Laseau (1980)
Design as Choice
CourtesyBill BuxtonCSE440 - Autumn 2008 22User Interface Design, Prototyping, and Evaluation
![Page 23: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/23.jpg)
The Converging Path
CourtesyBill BuxtonCSE440 - Autumn 2008 23User Interface Design, Prototyping, and Evaluation
![Page 24: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/24.jpg)
Exploration of Alternatives
… a designer that pitched three ideas would probably be fired. I'd say 5 is an entry point for an early formal review (distilled from 100's). … if you are pushing one you will be found out, and also fired. … it is about open mindedness, humility, discovery, and learning. If you aren't authentically
dedicated to that approach you are just doing it wrong! Alistair Hamilton
VP DesignSymbol Technologies
CourtesyBill BuxtonCSE440 - Autumn 2008 24User Interface Design, Prototyping, and Evaluation
![Page 25: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/25.jpg)
Courtesy Bill Buxton
![Page 26: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/26.jpg)
CourtesyBill Buxton
Experience Design
• Draw my phone• Draw my phone’s interface• Draw the experience of using
my phone
• Which is the true object of design?
CSE440 - Autumn 2008 26User Interface Design, Prototyping, and Evaluation
![Page 27: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/27.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 27
Sketches & Storyboards
![Page 28: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/28.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 28
Sketches & Storyboards
• Where do storyboards come from?– film & animation
• Give you a “script” of important events– leave out the details – concentrate on the important interactions
![Page 29: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/29.jpg)
CSE440 - Autumn 2008 29User Interface Design, Prototyping, and Evaluation
![Page 30: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/30.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation
Ink Chat
30
![Page 31: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/31.jpg)
Picturing Time
Ron BirdCSE440 - Autumn 2008 31User Interface Design, Prototyping, and Evaluation
![Page 32: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/32.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 32
LucidMug Sketch
![Page 33: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/33.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 33
Informal UI Prototyping Tools
DenimOutpost Suede
SketchWizardTopiary
![Page 34: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/34.jpg)
34
How Would a Teacher Create This?
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation
![Page 35: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/35.jpg)
35
How Would a Teacher Create This?
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation
![Page 36: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/36.jpg)
36
K-Sketch: Rough Animation for Novices
• Create an animation in 1-2 minutes
• properties of paper– Fast: Express ideas
quickly– Simple: Learn fast,
focus on high-level task
– Powerful: Handle most rough jobs
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation
![Page 37: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/37.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 37
Informal UI Prototyping Tools
• Support advantages of low-fi paper prototypes– brainstorming
• consider different ideas rapidly• do not require specification of details
– incomplete designs• need not cover all cases, just illustrate important
examples
• Add advantages of electronic tools– evolve easily– support for “design memory”– transition to other electronic tools– allow end-user interaction
![Page 38: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/38.jpg)
SILK: Sketching Interfaces Like Krazy
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 38
![Page 39: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/39.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 39
Designers’ Outpost:A Tangible Interface for Designing Information Architectures
• Combines physical & virtual– physical post-its, virtual
feedback
• Supports existing practice– affordances of paper– collaboration– large, persistent
representation
• Adds advantages of e-media– editing, reuse, distribution– hand-off later to other tools
![Page 40: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/40.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 40
![Page 41: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/41.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 41
DENIM: Designing Web Sites by Sketching
• Early-phase navigation & interaction design• Integrates multiple views
– site map – storyboard – page sketch
![Page 42: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/42.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 42
Video
![Page 43: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/43.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 43
Travelshare
Low-fi Prototyping & Testing
![Page 44: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/44.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 44
SUEDE:Informal Prototyping for Speech-based UIs
• Support design practice– example scripts– Wizard of Oz (WoZ)– built-in iterative design
• design – test – analysis
• Fast & fluid design– no speech recognition or
synthesis– need not be programmer
Read my important
![Page 45: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/45.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 45
![Page 46: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/46.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 46
TOPIARY:Informal Prototyping for Location-enhanced UIs
• Create location-based scenarios– place people, places, & things
on map
• Use scenarios as conditions on storyboard transitions
• Iterative design– Wizard of Oz (WoZ)– Place Lab Wi-fi location sensor
• Fast & fluid design– no GPS or other special
hardware required– need not be programmer
![Page 47: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/47.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 47
Video
![Page 48: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/48.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 48
SketchWizard:Informal Prototyping for Pen-based UIs
• Create pen-based UIs without needing recognizers in place
• Iterative design– Wizard of Oz (WoZ)
• Fast & fluid design– tools to support quick
replacement of objects/reco results
![Page 49: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/49.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 49
![Page 50: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/50.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 50
Summary
• Sketching allows exploration of many concepts in the very early stages of design
• As investment goes up, need to use more and more formal criteria for evaluation
• Informal prototyping tools bridge the gap between paper & high-fi tools
![Page 51: 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](https://reader036.vdocuments.us/reader036/viewer/2022062500/56649e995503460f94b9c09e/html5/thumbnails/51.jpg)
CSE440 - Autumn 2008 User Interface Design, Prototyping, and Evaluation 51
Next Time
• Video Prototyping
• Reading– Beaudouin-Lafon & MacKay, pp. 1-22