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

Discovering User Interactions

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
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
0
380
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
920
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
180
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
190
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
120
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
340
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
130
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
220
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.5k
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
600
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
380
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
910

Featured

See All Featured
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
210
HDC tutorial
Avatar for Michiel Stock michielstock
0
280
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
310
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
0
22
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
150

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