No Modes – The Future of all Web Applications

Transcript

1. ! The Future of Web Applications No Modes Andrew Cassell @alc277
2. Interaction UI UX
3. “Since humans are more pliable than computers, it can be easier to make a human fit the computer’s limitations than to design the computer to fit the human’s needs. When that happens, the human becomes a prisoner trapped by the computer rather than liberated by it.” - Karla Jennings 3
5. Modes
7. “It is no accident that swearing is denoted by #&%!#$&. It’s what a typewriter used to do when you typed numbers when the Caps Lock was engaged.” - Dr. James Winter
8. O I
9. Those who cannot learn from history are doomed to repeat it. - George Santayana
10. What experience and history teach is this — that nations and governments have never learned anything from history… - Hegel
17. Modeless
25. vi
27. emacs
30. SEARCH
36. Quasimode
38. REALITY
39. CARS
47. GUNS
51. modes in web 1.0
53. Edit
55. Save
57. Context
58. Modal
59. Modal
60. Modal
61. Interfaces must be designed to accommodate our ability to pay conscious attention to only one object or situation, called our locus of attention, at a time. - Jef Raskin
68. Mode Error
69. Modes are a significant source of errors, confusion, unnecessary restrictions, and complexity in interfaces. - Jef Raskin
72. ! Imagine if every Thursday your shoes exploded if you tied them the usual way. This happens to us all the time with computers, and nobody thinks of complaining. - Jef Raskin
73. REALITY (another dose)
77. MODES SUCK
79. Modals for Good : (
82. No Take Backsies
83. Take Bathroom Selfie?
84. Modal Alternative?
85. Popovers
86. Example
87. We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction. - Malcolm Gladwell
91. 1.)Edit/POST
95. 2.) Modals
97. Define Task APIs
99. 3.) Popover
101. 4.) Bring Features out of a Mode
105. 4.) Quasimode (Drag & Drop)
106. sortable
109. 5.) Undo
113. 6.) Edit in Place
117. <span contenteditable="true">Description</span>
118. 7.) UI Quasimode (Panel)
121. alistapart.com