SlideShare a Scribd company logo
Sketching User Experiences Bill Buxton Part 2: Stories of Methods and Madness
From Thinking On to Acting On
The work, the working methods of good designers The important functions of his approach; -To   illuminate what he perceives as best practices - To help those who work with the design team to understand these practices and outputs To foster a shared literacy  To show exemplary student work side by side with that of those who pioneered the field  -To give a sense of some of the basic competencies that he would expect in  an interaction/experience design team, and in the educational programs that train them.
 
The Wonderful Wizard of Oz
 
“ Wizard of Oz Technique”  -----------  Fake it before you build it.   The aim is to experience interactive systems, before they are real, even before we have  arrived  at their final design . With the example of the Wizard, we see that we can conjure up systems that will let users  have real and valid experiences, before the system exists in any normal sense  of the word. The  Wizard of Oz Technique  involves making a working system, where the person using  it is unaware that some or all of the system’s functions are actually being performed by  a human operator, hidden somewhere “behind the screen.” ’ Generally the last thing that you should do when beginning to design an  interactive system is write code’
Examples, following the Wizard A self-service  Airline Ticket Kiosk  concept;  field-tested at Chicagos O’Hare Airport
The Listening Typewriter Figure 81: The Wizard’s Listening Typewriter A perfectly functional listening typewriter is implemented simply by having a fast typist, hidden behind the screen, who would enter the text captured from the microphone.
Chameleon: From Wizardy to Smoke-and-Mirrors
“ Smoke-and-Mirrors”  technology The question he was asking first; What if the contents on the screen of a handheld device could be determined by what the  device was near, what is was pointed at, or how it was moved up-down, left-right, or in-out?
A Small LCD TV as  a Position-Sensitive PDA Chameleon; a type of position and motion sensing display
Faking a Position-Sensitive PDA
It illustrates panning across a display. Unlike a desktop computer, where you use the scroll bars and scroll arrows to move the document on a stationary display, here you move the display over the surface of a stationary virtual document in a manner analogous to our camcorder example.
It illustrates how the behaviour of the  Chameleon  can be driven by its position over an object in the physical world, rather than some virtual document. In this case, the object is a map. But when coupled with the  Chameleon , the paper map becomes a guide for browsing for more detail about its surface. So, for example, if you move the display over Winnipeg, Manitoba (where George is holding it), it might give you details about the city’s important role in the fur trade, or why it is the mosquito capital of Canada.
 
Le Bricolage: Cobbling Things Together
The Video Whiteboard;  done by John Tang and Scott Minneman at Xerox PARC
If you had this idea yourself;
 
Gesture-Controlled MP3 Player;  the example of a design team who has no specialized skills of an electrical engineer or computer scientist

More Related Content

PDF
The Future of Human Machine Interfaces (HMI)
PPT
Adopting technology
PDF
Ottobock - Futuring Human Mobility - Ergosign Insights - Part2
PDF
Designing the future of Augmented Reality
PDF
Design in motion. The new frontier of interaction design
PDF
Show and Tell (with notes)
PDF
UX: Enhancing Experiences with Animation
PPTX
Construction Technology Trends - MCAA Tech Conference 2015
The Future of Human Machine Interfaces (HMI)
Adopting technology
Ottobock - Futuring Human Mobility - Ergosign Insights - Part2
Designing the future of Augmented Reality
Design in motion. The new frontier of interaction design
Show and Tell (with notes)
UX: Enhancing Experiences with Animation
Construction Technology Trends - MCAA Tech Conference 2015

What's hot (20)

PDF
UX in IOT
PPSX
Summit7 Ltd, Introduction
PPT
History of Interaction Design
PPTX
what is Mixed reality and how it works by holo lens
PDF
PROSPECTS OF AR & VR IN GLOBAL MARKET
PDF
The UX of Tomorrow: Designing for the Unknown by Jeff Feddersen
PDF
Interusability: designing a coherent system UX
PDF
Glimpses into the future of mobile devices, the internet, and more - updated ...
PPTX
Virtual reality VS Augmented Reality
PDF
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
PPTX
AR&VR Implementation
PDF
Augmented reality applications in manufacturing and maintenance
PDF
MIT Enterprise Forum: Billion Dollar UX
PDF
Motion & Gesture Interactions in the digital age
PDF
five futures
PPTX
Knowledge-based economy presentation
PPTX
Augmented Reality
PDF
Over the Air 15: Experience design for the IoT: system UX & interusability 15...
PDF
The New Era of (Non-) Discoverability
PPTX
Rise of augmented reality : current and future applications
UX in IOT
Summit7 Ltd, Introduction
History of Interaction Design
what is Mixed reality and how it works by holo lens
PROSPECTS OF AR & VR IN GLOBAL MARKET
The UX of Tomorrow: Designing for the Unknown by Jeff Feddersen
Interusability: designing a coherent system UX
Glimpses into the future of mobile devices, the internet, and more - updated ...
Virtual reality VS Augmented Reality
UX Scotland 2018: Systems, discontinuities and thinking beyond UI: Key quest...
AR&VR Implementation
Augmented reality applications in manufacturing and maintenance
MIT Enterprise Forum: Billion Dollar UX
Motion & Gesture Interactions in the digital age
five futures
Knowledge-based economy presentation
Augmented Reality
Over the Air 15: Experience design for the IoT: system UX & interusability 15...
The New Era of (Non-) Discoverability
Rise of augmented reality : current and future applications
Ad

Viewers also liked (20)

PPT
Simmel fragments f everyday life
PPT
Lefebvres dialectics of everyday life
PDF
Critical Everyday Life Sociologies - Problematizing The Everyday by Michael E...
 
PPTX
People and prototypes
PPT
The everyday life reader dm sc
PPTX
Figuring the Everyday maydin
PPTX
Product experience
PPT
French sociologies of the quotidian
PPT
Lefebvres dialectics of everyday life
PPTX
Psychopatology
PPTX
Multisensory and multimedia
PPTX
Symbolic interactionism
PPTX
"approches to what" is the 18th chapter of the everyday life reader book by G...
PPTX
Sketching user experiences
PPTX
Familiar Things Ben Highmore
PDF
theEDLproject - Sponsorship File
PPTX
Guy debord perspectives for conscious
PPTX
Paul willis symbolic creativity
PDF
theEDLproject_finaljury
PPTX
Social semiotics
Simmel fragments f everyday life
Lefebvres dialectics of everyday life
Critical Everyday Life Sociologies - Problematizing The Everyday by Michael E...
 
People and prototypes
The everyday life reader dm sc
Figuring the Everyday maydin
Product experience
French sociologies of the quotidian
Lefebvres dialectics of everyday life
Psychopatology
Multisensory and multimedia
Symbolic interactionism
"approches to what" is the 18th chapter of the everyday life reader book by G...
Sketching user experiences
Familiar Things Ben Highmore
theEDLproject - Sponsorship File
Guy debord perspectives for conscious
Paul willis symbolic creativity
theEDLproject_finaljury
Social semiotics
Ad

Similar to Sketching user experiences (20)

PPTX
Sketching user experiences: Getting the design right and the right design
PDF
Hci intro + task
PPTX
Multisensory and multimedia
PDF
Sketching interactions (GUADEC 2012)
PDF
Develop
PPT
Lecture 11.pptHuman Computer Interaction
PDF
WRITING ROLLERCOASTERS: Stories, Spectacle & Games in Physical Places (JUN 2012)
PDF
Future Of Play - Keynote MIT 2010 - Sandbox Summit
PDF
Future Of Play (Keynote:MIT:2010:Sandbox Summit)
PPTX
Morris prototyping - oredev - share
PDF
Iterative Prototyping
PPT
Ux For 3rd Graders
PDF
Exhibit Portfolio
PDF
Modeling the Mobile User Experience
PDF
Introduction to Prototyping: What, Why, How
PDF
Library Bus Project - Thesis Work in progress
PDF
Designing Innovative Experiences - IAAPA 2020 Leadership Summit
PDF
Open Wonderland For Education
PDF
STORYTELLING: PLUGGING INTO THE REAL WORLD
ODP
Alice workshop v1_presentation_slides_v1.1
Sketching user experiences: Getting the design right and the right design
Hci intro + task
Multisensory and multimedia
Sketching interactions (GUADEC 2012)
Develop
Lecture 11.pptHuman Computer Interaction
WRITING ROLLERCOASTERS: Stories, Spectacle & Games in Physical Places (JUN 2012)
Future Of Play - Keynote MIT 2010 - Sandbox Summit
Future Of Play (Keynote:MIT:2010:Sandbox Summit)
Morris prototyping - oredev - share
Iterative Prototyping
Ux For 3rd Graders
Exhibit Portfolio
Modeling the Mobile User Experience
Introduction to Prototyping: What, Why, How
Library Bus Project - Thesis Work in progress
Designing Innovative Experiences - IAAPA 2020 Leadership Summit
Open Wonderland For Education
STORYTELLING: PLUGGING INTO THE REAL WORLD
Alice workshop v1_presentation_slides_v1.1

Recently uploaded (20)

PDF
Approach and Philosophy of On baking technology
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Empathic Computing: Creating Shared Understanding
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Encapsulation theory and applications.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
KodekX | Application Modernization Development
PPTX
Cloud computing and distributed systems.
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPT
Teaching material agriculture food technology
PDF
Electronic commerce courselecture one. Pdf
Approach and Philosophy of On baking technology
The AUB Centre for AI in Media Proposal.docx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Encapsulation_ Review paper, used for researhc scholars
Digital-Transformation-Roadmap-for-Companies.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Empathic Computing: Creating Shared Understanding
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Encapsulation theory and applications.pdf
MYSQL Presentation for SQL database connectivity
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
The Rise and Fall of 3GPP – Time for a Sabbatical?
KodekX | Application Modernization Development
Cloud computing and distributed systems.
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Teaching material agriculture food technology
Electronic commerce courselecture one. Pdf

Sketching user experiences

  • 1. Sketching User Experiences Bill Buxton Part 2: Stories of Methods and Madness
  • 2. From Thinking On to Acting On
  • 3. The work, the working methods of good designers The important functions of his approach; -To illuminate what he perceives as best practices - To help those who work with the design team to understand these practices and outputs To foster a shared literacy To show exemplary student work side by side with that of those who pioneered the field -To give a sense of some of the basic competencies that he would expect in an interaction/experience design team, and in the educational programs that train them.
  • 4.  
  • 6.  
  • 7. “ Wizard of Oz Technique” ----------- Fake it before you build it. The aim is to experience interactive systems, before they are real, even before we have arrived at their final design . With the example of the Wizard, we see that we can conjure up systems that will let users have real and valid experiences, before the system exists in any normal sense of the word. The Wizard of Oz Technique involves making a working system, where the person using it is unaware that some or all of the system’s functions are actually being performed by a human operator, hidden somewhere “behind the screen.” ’ Generally the last thing that you should do when beginning to design an interactive system is write code’
  • 8. Examples, following the Wizard A self-service Airline Ticket Kiosk concept; field-tested at Chicagos O’Hare Airport
  • 9. The Listening Typewriter Figure 81: The Wizard’s Listening Typewriter A perfectly functional listening typewriter is implemented simply by having a fast typist, hidden behind the screen, who would enter the text captured from the microphone.
  • 10. Chameleon: From Wizardy to Smoke-and-Mirrors
  • 11. “ Smoke-and-Mirrors” technology The question he was asking first; What if the contents on the screen of a handheld device could be determined by what the device was near, what is was pointed at, or how it was moved up-down, left-right, or in-out?
  • 12. A Small LCD TV as a Position-Sensitive PDA Chameleon; a type of position and motion sensing display
  • 14. It illustrates panning across a display. Unlike a desktop computer, where you use the scroll bars and scroll arrows to move the document on a stationary display, here you move the display over the surface of a stationary virtual document in a manner analogous to our camcorder example.
  • 15. It illustrates how the behaviour of the Chameleon can be driven by its position over an object in the physical world, rather than some virtual document. In this case, the object is a map. But when coupled with the Chameleon , the paper map becomes a guide for browsing for more detail about its surface. So, for example, if you move the display over Winnipeg, Manitoba (where George is holding it), it might give you details about the city’s important role in the fur trade, or why it is the mosquito capital of Canada.
  • 16.  
  • 17. Le Bricolage: Cobbling Things Together
  • 18. The Video Whiteboard; done by John Tang and Scott Minneman at Xerox PARC
  • 19. If you had this idea yourself;
  • 20.  
  • 21. Gesture-Controlled MP3 Player; the example of a design team who has no specialized skills of an electrical engineer or computer scientist