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.

Transcript

1. UX The Good Parts @ php[cruise] July 2016
2. UX: The Good Parts Andrew Cassell - @alc277 php[cruise] 2016
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
13. Source: http://jonclaytonbiz.com/
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
19. Is UX Important
22. Don Norman
23. Don Norman
32. Mood Boards
37. Mood Boards
40. Andrew Parker - thegongshow.tumbler.com
53. Who is responsible
57. What is good UX
59. #GOODPARTS
60. #GOODPARTS
61. Grateful #GOODPARTS
62. #GOODPARTS Orderly
65. #GOODPARTS Obvious
67. #GOODPARTS Desirable
68. Problem Solving #GOODPARTS
69. Accessible #GOODPARTS
71. Responsive #GOODPARTS
72. Technologically Relevant #GOODPARTS
73. Servitude #GOODPARTS
74. How do make a great UX
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.
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.
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
96. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews
97. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews
99. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews
100. Ethnographic interviews Non Directed Interviews Surveys Directed Interviews
102. Domain- Driven Design
104. Ubiquitous Language
105. Ubiquitous Language Developers Domain Experts
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
119. People don't want to buy a quarter-inch drill, they want a quarter-inch hole. Theodore Levitt
120. #JBTD (http://jobstobedone.org/)
122. YYYYY
123. Why? Why? Why? Why? Why?
124. Search Notifcation List Automatic Process / Cron
127. Source: Jeff Patton
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
146. https://blog.intercom.io/using-job-stories-design-features-ui-ux/
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
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
159. vi
161. emacs
165. Edit
167. Save
169. Modal
170. Modal
171. Modal
176. Mode Error
177. Modes are a significant source of errors, confusion, unnecessary restrictions, and complexity in interfaces. - Jef Raskin
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 : (
184. Take Bathroom Selfie?
185. Modal Alternative?
186. Popovers
189. Edit in Place
193. User Interface Design
196. Pen/Marker Wireframe HTML
199. Task Based User Interface
203. Analytics Ethnographic interviews Non Directed Interviews Surveys Directed Interviews Usability Tests
205. UX
206. If you think your design sucks. That just means you are becoming a better designer.
207. Taste
212. Anne Brassier - Fast Company Dieter Rams
219. https://joind.in/talk/26ffc
220. https://joind.in/talk/26ffc Rate this talk: