SlideShare uma empresa Scribd logo
1 de 57
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.

Mais conteúdo relacionado

Semelhante a 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-) DiscoverabilityDan 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 TeamsBen Carey
 
push pull click 072011
 push pull click 072011 push pull click 072011
push pull click 072011Darren Watson
 
Language of Interaction IDEA08
Language of Interaction IDEA08Language of Interaction IDEA08
Language of Interaction IDEA08Bill 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 toTara Hunt
 

Semelhante a 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
 

Mais de Daniel Stillman

9 Conversations Mural Webinar Revised Deck
9 Conversations Mural Webinar Revised Deck9 Conversations Mural Webinar Revised Deck
9 Conversations Mural Webinar Revised DeckDaniel Stillman
 
9 conversations MURAL webinar
9 conversations MURAL webinar9 conversations MURAL webinar
9 conversations MURAL webinarDaniel 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-DesignersDaniel 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 PowerDaniel Stillman
 

Mais de 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
 

Último

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 

Último (20)

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 

The care and feeding of Buttons: User research fridays

Notas do Editor

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