SlideShare a Scribd company logo
The care and feeding of buttons
Daniel Stillman
@dastillman
It’s difficult to have an epiphany if all
you want revealed is what you
already know.
Things I’ll talk about:
Buttons cost money

Share your toys


Mix up your fidelity

Suspension of disbelief

Lather, rinse, repeat
A bit about me
One thing I do
My origin story.
My graduate thesis: it’s not easy to
get a bike on a train.
Bikes take up too much room on the
subway.
Scooters are awesome but uncool.
Prototype one: size and shape.
Prototype two: deeper function.
Yeah.
Finally, mixed fidelity.
The users behind the process.
Where this work happened.
Buttons cost money
So do LEDs
$0.02 extra adds up fast




    A: SLIDER   B: ONE BUTTON   C: TWO ZONE BAR   D: BUTTON BAR
$0.02 = how much awesome?
Share your toys
Touch screen e-ink tablet
Touch screen e-ink tablet
What can we leverage or cram into
the existing space we have?
We made some toys…
And had a party…
And most of it sucked.

                 Overall favorite




                 Button favorite
And most of it sucked.
                         Maximum score is 35
                         5 tasks X max. score of 7 per task
And most of it sucked.
Why did they like what they liked?
too segmented




                                                             Sweet Spot:
                                                             Balanced Layering
  well segmented




                                                             and Segmentation
  not segmented enough




                         not layered enough   well layered           too layered
Can we do better?
too segmented




                                                                            Surface     ErgoTouch    ClickTouch
  well segmented
  not segmented enough




                                                                           ThreeWheel   TouchWheel    PearlTouch




                         not layered enough   well layered   too layered
Thankfully, the touch screen option
worked out.
Mix up your fidelity.
The pieces of the puzzle.
Step one – explore.
Flesh it out.
A lot of fast and cheap is good.
Suspension of disbelief
Mix up your fidelity.
If you change everything…
Try a few things.
Prioritizing the requirements
Creating the primary workflows




 In order to provide better usability and comply with FDA HE75 Human Factors
 standards, we developed and tested distinct architectures.
Then gut-checking them
The pieces of the puzzle.
Washing Machine Interfaces.
Mapping user pathways
Mapping possible interfaces.
   Pure Physical Focus                                    Hybrid                                         Pure Touch Screen




Ordinal: traditional UI   Screen with physical buttons                       Screen with touch buttons         grid

                                                         Screen with knob


                                                                                                               carousel




                                                                     Screen with knob
                                                                                                               Cover flow




                                                                                                               bulls eye




                                                                                                               breadcrumbs
Can we make it simpler?
     1      2     3   4   5
Then we play with it, in place.
The pieces of the puzzle.
Get some pieces into place
Then put them in context.
The pieces of the puzzle.
Things I talked about:
Buttons cost money

Share your toys


Mix up your fidelity.

Suspension of disbelief

Lather, rinse, repeat.
Thanks!




Daniel Stillman
@dastillman
Buttons cost money

Share your toys


Mix up your fidelity.

Suspension of disbelief

Lather, rinse, repeat.

More Related Content

Similar to The care and feeding of Buttons: User research fridays

The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) Discoverability
Dan Saffer
 
Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101Refresh Events
 
Discount Usability Testing for Agile Teams
Discount Usability Testing for Agile TeamsDiscount Usability Testing for Agile Teams
Discount Usability Testing for Agile Teams
Ben Carey
 
push pull click 072011
 push pull click 072011 push pull click 072011
push pull click 072011
Darren Watson
 
Language of Interaction IDEA08
Language of Interaction IDEA08Language of Interaction IDEA08
Language of Interaction IDEA08
Bill DeRouchey
 
MajorStudioFall2012_Observe
MajorStudioFall2012_ObserveMajorStudioFall2012_Observe
MajorStudioFall2012_ObserveApon Palanuwech
 
Fcv hum mach_grauman
Fcv hum mach_graumanFcv hum mach_grauman
Fcv hum mach_graumanzukun
 
MajorStudioFall2012_Observe
MajorStudioFall2012_ObserveMajorStudioFall2012_Observe
MajorStudioFall2012_ObserveApon Palanuwech
 
Day1 1100 wong_incorporating the moments-based ad model.opt
Day1 1100 wong_incorporating the moments-based ad model.optDay1 1100 wong_incorporating the moments-based ad model.opt
Day1 1100 wong_incorporating the moments-based ad model.optMediabistro
 
Can You Wireframe Delight?
Can You Wireframe Delight?Can You Wireframe Delight?
Can You Wireframe Delight?
Ben Rowe
 
Can you wireframe 'Delightful'?
Can you wireframe 'Delightful'?Can you wireframe 'Delightful'?
Can you wireframe 'Delightful'?
Ben Tollady
 
Features of a presentation to create the Information Point
Features of a presentation to create the Information PointFeatures of a presentation to create the Information Point
Features of a presentation to create the Information Pointjemmsy
 
The 10 Mistakes I've made...so you don't have to
The 10 Mistakes I've made...so you don't have toThe 10 Mistakes I've made...so you don't have to
The 10 Mistakes I've made...so you don't have to
Tara Hunt
 

Similar to The care and feeding of Buttons: User research fridays (13)

The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) Discoverability
 
Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101Elaine Chen: Mobile Touchphone UI Design 101
Elaine Chen: Mobile Touchphone UI Design 101
 
Discount Usability Testing for Agile Teams
Discount Usability Testing for Agile TeamsDiscount Usability Testing for Agile Teams
Discount Usability Testing for Agile Teams
 
push pull click 072011
 push pull click 072011 push pull click 072011
push pull click 072011
 
Language of Interaction IDEA08
Language of Interaction IDEA08Language of Interaction IDEA08
Language of Interaction IDEA08
 
MajorStudioFall2012_Observe
MajorStudioFall2012_ObserveMajorStudioFall2012_Observe
MajorStudioFall2012_Observe
 
Fcv hum mach_grauman
Fcv hum mach_graumanFcv hum mach_grauman
Fcv hum mach_grauman
 
MajorStudioFall2012_Observe
MajorStudioFall2012_ObserveMajorStudioFall2012_Observe
MajorStudioFall2012_Observe
 
Day1 1100 wong_incorporating the moments-based ad model.opt
Day1 1100 wong_incorporating the moments-based ad model.optDay1 1100 wong_incorporating the moments-based ad model.opt
Day1 1100 wong_incorporating the moments-based ad model.opt
 
Can You Wireframe Delight?
Can You Wireframe Delight?Can You Wireframe Delight?
Can You Wireframe Delight?
 
Can you wireframe 'Delightful'?
Can you wireframe 'Delightful'?Can you wireframe 'Delightful'?
Can you wireframe 'Delightful'?
 
Features of a presentation to create the Information Point
Features of a presentation to create the Information PointFeatures of a presentation to create the Information Point
Features of a presentation to create the Information Point
 
The 10 Mistakes I've made...so you don't have to
The 10 Mistakes I've made...so you don't have toThe 10 Mistakes I've made...so you don't have to
The 10 Mistakes I've made...so you don't have to
 

More from Daniel Stillman

9 Conversations Mural Webinar Revised Deck
9 Conversations Mural Webinar Revised Deck9 Conversations Mural Webinar Revised Deck
9 Conversations Mural Webinar Revised Deck
Daniel Stillman
 
9 conversations MURAL webinar
9 conversations MURAL webinar9 conversations MURAL webinar
9 conversations MURAL webinar
Daniel Stillman
 
Total Responsibility: Is Design too important to leave to Designers?
Total Responsibility: Is Design too important to leave to Designers?Total Responsibility: Is Design too important to leave to Designers?
Total Responsibility: Is Design too important to leave to Designers?
Daniel Stillman
 
Design For Non-Designers
Design For Non-DesignersDesign For Non-Designers
Design For Non-Designers
Daniel Stillman
 
Beauty and Physics
Beauty and PhysicsBeauty and Physics
Beauty and Physics
Daniel Stillman
 
Doing design
Doing designDoing design
Doing design
Daniel Stillman
 
Physics in the news: Earthquakes, Tsunamis and Nuclear Power
Physics in the news: Earthquakes, Tsunamis and Nuclear PowerPhysics in the news: Earthquakes, Tsunamis and Nuclear Power
Physics in the news: Earthquakes, Tsunamis and Nuclear Power
Daniel Stillman
 

More from Daniel Stillman (7)

9 Conversations Mural Webinar Revised Deck
9 Conversations Mural Webinar Revised Deck9 Conversations Mural Webinar Revised Deck
9 Conversations Mural Webinar Revised Deck
 
9 conversations MURAL webinar
9 conversations MURAL webinar9 conversations MURAL webinar
9 conversations MURAL webinar
 
Total Responsibility: Is Design too important to leave to Designers?
Total Responsibility: Is Design too important to leave to Designers?Total Responsibility: Is Design too important to leave to Designers?
Total Responsibility: Is Design too important to leave to Designers?
 
Design For Non-Designers
Design For Non-DesignersDesign For Non-Designers
Design For Non-Designers
 
Beauty and Physics
Beauty and PhysicsBeauty and Physics
Beauty and Physics
 
Doing design
Doing designDoing design
Doing design
 
Physics in the news: Earthquakes, Tsunamis and Nuclear Power
Physics in the news: Earthquakes, Tsunamis and Nuclear PowerPhysics in the news: Earthquakes, Tsunamis and Nuclear Power
Physics in the news: Earthquakes, Tsunamis and Nuclear Power
 

Recently uploaded

一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 

Recently uploaded (20)

一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 

The care and feeding of Buttons: User research fridays

Editor's Notes

  1. Daniel
  2. Daniel
  3. Daniel
  4. Daniel
  5. Daniel