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

UX: The Good Parts

UX: The Good Parts

A good user experience will make or break most software projects. Building software that people will want to use, want to keep using, and love the developers for is a challenge made easier when you understand the basics of UX design. Even if you never touch a single line of HTML or JavaScript you are still creating a user experience for other developers when you have an API or public methods on a class. The field of user experience design is full of good and bad parts. There is an abundance of really fantastic ideas like mental models, task based user interfaces, and eliminating modes. Unfortunately, these good ideas are mixed in with bad and downright horrible ideas, like personas and mood boards. You will leave this presentation thinking differently about what makes great software, what design techniques will lead to great user interactions, and what to avoid so people are not annoyed using your products.

F4bb45b2a18ee44c4a28b1664de150bd?s=128

Andrew Cassell

July 23, 2016
Tweet

Transcript

  1. UX The Good Parts @ php[cruise] July 2016

  2. UX: The Good Parts Andrew Cassell - @alc277 php[cruise] 2016

  3. None
  4. None
  5. None
  6. None
  7. None
  8. UI UX http://shittyuiuxanalogies.tumblr.com/

  9. “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 9
  10. Penn State Pattee Library

  11. book user book_inventory book_inventory_user_link ROLE_USER ROLE_ADMIN

  12. None
  13. Source: http://jonclaytonbiz.com/

  14. None
  15. None
  16. None
  17. cassell:~ cassell$: man fsck
 FSCK(8) BSD System Manager's Manual NAME

    fsck -- filesystem consistency check and interactive repai SYNOPSIS fsck -p [-f] fsck [-l maxparallel] [-q] [-y] [-n] [-d] DESCRIPTION The first form of fsck preens a standard set of filesystem matic reboot. Here fsck reads the filesystem descriptor t have ``rw,'' ``rq'' or ``ro'' as options, and that have no filesystem) are checked one at a time. When pass 1 comple drive containing each filesystem is inferred from the shor are assumed to be the partition designator. In preening m
  18. None
  19. Is UX Important

  20. None
  21. None
  22. Don Norman

  23. Don Norman

  24. 24

  25. 25

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. Mood Boards

  33. None
  34. None
  35. None
  36. None
  37. Mood Boards

  38. None
  39. None
  40. Andrew Parker - thegongshow.tumbler.com

  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. Who is responsible

  54. None
  55. None
  56. None
  57. What is good UX

  58. None
  59. #GOODPARTS

  60. #GOODPARTS

  61. Grateful #GOODPARTS

  62. #GOODPARTS Orderly

  63. None
  64. None
  65. #GOODPARTS Obvious

  66. None
  67. #GOODPARTS Desirable

  68. Problem Solving #GOODPARTS

  69. Accessible #GOODPARTS

  70. None
  71. Responsive #GOODPARTS

  72. Technologically Relevant #GOODPARTS

  73. Servitude #GOODPARTS

  74. How do make a great UX

  75. None
  76. Personas

  77. adaptivepath.com

  78. Photos: Terry Brown and Gordon Stettinius Alice Shane P.J. Sam

    George Male Age 32 Librarian for 3 Years Got into library work after the record store he worked at closed. Is very tech savy and carries an Android. Male Age 40 Librarian for 10 Years Just Promoted to Director Dedicated civil servant who believes software can make the library run more efficiently. Female Age 27 New Hire Library science graduate who was just hired away from the local university. iPhone user. Male Age 52 Librarian for 30 years Has been a librarian as long as he can remember. Loves books but is not a fan of technology. Male Age 46 Librarian for 20 Years Loves poetry and writing. Librarian is just a job to pay the bills.
  79. None
  80. None
  81. None
  82. None
  83. None
  84. https://blog.intercom.io/using-job-stories-design-features-ui-ux/

  85. Photos: Terry Brown and Gordon Stettinius Alice Shane P.J. Sam

    George Male Age 40 Librarian for 10 Years Just Promoted to Director Dedicated civil servant who believes software can make the library run more efficiently. Female Age 27 New Hire Library science graduate who was just hired away from the local university. iPhone user. Male Age 52 Librarian for 30 years Has been a librarian as long as he can remember. Loves books but is not a fan of technology. Male Age 46 Librarian for 20 Years Loves poetry and writing. Librarian is just a job to pay the bills. Male Age 32 Librarian for 3 Years Got into library work after the record store he worked at closed. Is very tech savy and carries an Android.
  86. None
  87. User Research

  88. Analytics Ethnographic interviews Non Directed Interviews Surveys Directed Interviews Usability

    Tests
  89. Analytics Ethnographic interviews Non Directed Interviews Surveys Directed Interviews Usability

    Tests
  90. Analytics Ethnographic interviews Non Directed Interviews Surveys Directed Interviews Usability

    Tests
  91. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  92. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  93. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  94. None
  95. None
  96. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  97. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  98. None
  99. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  100. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews

  101. None
  102. Domain- Driven Design

  103. None
  104. Ubiquitous Language

  105. Ubiquitous Language Developers Domain Experts

  106. None
  107. Customer Borrower Member Account

  108. 1. Naming Things 2. Cache Invalidation 3. Off By One

    Errors Top 10 Reasons Programming is Hard
  109. DDD CRUD/MUD Members Users LibraryCatalog BookRepository ISBN String DeweyDecimal Float(7,3)

  110. 7 Dirty Words When Meeting With a Domain Expert 1.Session

    2.Repository 3.Abstract 4.Interface 5.Class 6.Database 7.UUID
  111. User Research

  112. User Research Photo: Mathias Verraes

  113. business origami

  114. Jess McMullin Business Origami

  115. Jess McMullin Business Origami

  116. Jess McMullin Business Origami

  117. Sean Jalleh

  118. None
  119. People don't want to buy a quarter-inch drill, they want

    a quarter-inch hole. Theodore Levitt
  120. #JBTD (http://jobstobedone.org/)

  121. None
  122. YYYYY

  123. Why? Why? Why? Why? Why?

  124. Search Notifcation List Automatic Process / Cron

  125. None
  126. None
  127. Source: Jeff Patton

  128. None
  129. None
  130. None
  131. None
  132. None
  133. None
  134. None
  135. None
  136. None
  137. None
  138. None
  139. None
  140. None
  141. None
  142. User Stories

  143. You get old and you realize there are no answers,

    just stories.
  144. You get old and you realize there are no answers,

    just stories. user
  145. None
  146. https://blog.intercom.io/using-job-stories-design-features-ui-ux/

  147. None
  148. https://blog.intercom.io/using-job-stories-design-features-ui-ux/

  149. As a librarian I need to find a user account

    and edit their borrowed books so that I can update the due dates.
  150. When a borrower calls I want to renew their books

    so I can tell them when they have to come back to the library.
  151. Modes

  152. MODES SUCK

  153. None
  154. None
  155. None
  156. “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
  157. None
  158. None
  159. vi

  160. None
  161. emacs

  162. None
  163. None
  164. None
  165. Edit

  166. None
  167. Save

  168. None
  169. Modal

  170. Modal

  171. Modal

  172. None
  173. None
  174. None
  175. None
  176. Mode Error

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

    and complexity in interfaces. - Jef Raskin
  178. None
  179. None
  180. 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
  181. Modals for Good : (

  182. None
  183. None
  184. Take Bathroom Selfie?

  185. Modal Alternative?

  186. Popovers

  187. None
  188. None
  189. Edit in Place

  190. None
  191. None
  192. None
  193. User Interface Design

  194. None
  195. None
  196. Pen/Marker Wireframe HTML

  197. None
  198. None
  199. Task Based User Interface

  200. None
  201. None
  202. None
  203. Analytics Ethnographic interviews Non Directed Interviews Surveys Directed Interviews Usability

    Tests
  204. None
  205. UX

  206. If you think your design sucks. That just means you

    are becoming a better designer.
  207. Taste

  208. None
  209. None
  210. None
  211. None
  212. Anne Brassier - Fast Company Dieter Rams

  213. None
  214. None
  215. None
  216. None
  217. None
  218. None
  219. https://joind.in/talk/26ffc

  220. https://joind.in/talk/26ffc Rate this talk:

  221. None