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

4. 4

5. Modes

6. None

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
11. None
12. None
13. None
14. None
15. None
16. None

17. Modeless

18. None
19. None
20. None
21. None
22. None
23. None
24. None

25. vi

26. None

27. emacs

28. None
29. None

30. SEARCH

31. None
32. None
33. None
34. None
35. None

36. Quasimode

37. None

38. REALITY

39. CARS

40. None
41. None
42. None
43. None
44. None
45. None
46. None

47. GUNS

48. None
49. None
50. None

51. modes in web 1.0

52. None

53. Edit

54. None

55. Save

56. None

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
62. None
63. None
64. None
65. None
66. None
67. None

68. Mode Error

69. Modes are a significant source of errors, confusion, unnecessary restrictions,

    and complexity in interfaces. - Jef Raskin
70. None
71. None

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)

74. None
75. None
76. None

77. MODES SUCK

78. None

79. Modals for Good : (

80. None
81. None

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
88. None
89. None
90. None

91. 1.)Edit/POST

92. None
93. None
94. None

95. 2.) Modals

96. None

97. Define Task APIs

98. None

99. 3.) Popover

100. None

101. 4.) Bring Features out of a Mode

102. None
103. None
104. None

105. 4.) Quasimode (Drag & Drop)

106. sortable

107. None
108. None

109. 5.) Undo

110. None
111. None
112. None

113. 6.) Edit in Place

114. None
115. None
116. None

117. <span contenteditable="true">Description</span>

118. 7.) UI Quasimode (Panel)

119. None
120. None

121. alistapart.com

122. None
123. None