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

No Modes – The Future of all Web Applications

No Modes – The Future of all Web Applications

Be9645e99392d37fd0e8018f22122fc3?s=128

Andrew Cassell

May 22, 2014
Tweet

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