Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Discovering User Interactions

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Cameron Daigle Cameron Daigle
April 24, 2014
Design
1
110

Discovering User Interactions

Slides from RailsConf 2014.

Avatar for Cameron Daigle

Cameron Daigle

April 24, 2014
Tweet

Other Decks in Design

See All in Design
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.4k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
250
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
130
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
650
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
130
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
280
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
7k

Featured

See All Featured
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
53
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750

Transcript

  1. @camerondaigle Discovering User Interactions

  2. Discover the interactions around you.

  3. image: panamacityflorida.blogspot.com

  4. None

  5. image: kissimmeefl.blogspot.com

  6. None

  7. The world is full of forms. image: slate.com

  8. image: nolandalla.com

  9. $1.86 (10%) $2.79 (15%) $3.72 (20%) Other ... Your fare

    is $18.76. Choose a tip:
  10. None

  11. image: lasvegasweekly.com

  12. None
  13. None
  14. None
  15. None
  16. None
  17. None

  18. We judge truly good design not by its beauty or

    its innovation or its efficiency, but rather by how well it responds to its original problem. ! KHOI VINH

  19. Respect for Intuition Common Language Sense of Place

  20. Does It Do What I Think It Will Do

  21. None
  22. None
  23. None
  24. None
  25. None
  26. None

  27. flickr.com/photos/twm_news

  28. Programmers: good at building machines with 17 meta-knobs that turn

    the 90 underlying knobs; bad at asking "why are there so many knobs?" ! GARY BERNHARDT
  29. None
  30. None
  31. None
  32. None

  33. Respect for Intuition Common Language Sense of Place

  34. Push: Power Turn: Volume Push: Nope Turn: Tune Push: Next

    Menu Item Turn: Change Value
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None

  44. Innovate as a last resort. ! CHARLES EAMES

  45. Respect for Intuition Common Language Sense of Place

  46. Navigation isn’t just a feature of the website; it is

    the website, in the same way that the building, shelves, and the cash registers are Sears. ! STEVE KRUG

  47. Navigation between pages Navigation between modes Navigation between states

  48. None
  49. None
  50. None
  51. None
  52. None
  53. None

  54. A (secret) sequence of actions

  55. COOK TIME POWER 3 0 5 START

  56. - Force completion - Destroy/save progress AFTER ENTERING A MODE:

  57. None
  58. None
  59. None
  60. None
  61. None

  62. OMG

  63. None

  64. $35 $200 Thermal Carafe Visual Quantity Indicator™ One-Button Self Destruct

    One-Tab Coffee Saver

  65. Design is decision-making in the presence of constraint. ! MICHAEL

    FEATHERS

  66. What we’re not talking about

  67. https://medium.com/design-ux/77eb4f9a439d

  68. None

  69. 2014 Button™

  70. !decoration

  71. None
  72. None
  73. None
  74. None
  75. None

  76. Good design solves the right problem. ! PAUL GRAHAM

  77. None

  78. The process defines the product.

  79. +10s -10s +1m -1m 5 POWER + – 00:00 START/STOP

  80. We can show people that we value their experience(s), top-to-bottom,

    and that we’re constantly thinking of how to solve problems, ease friction, remove barriers, and serve them in World Class Ways. We have a huge opportunity to change someone’s expectations. ! JOSHUA BLANKENSHIP

  81. Discover the interactions around you.

  82. Respect your users’ intuition, language, and sense of place.

  83. Interactions are for everyone.

  84. Discovering User Interactions @camerondaigle