Building Great Products With Empathy

A practical how-to on designing with empathy, given at the 2013 All Things Open conference and the 2014 Experience: Dev conference.

Transcript

1. #expdev @jasonvanlue Building Great Products With Empathy —2014 Experience: Dev —
2. @jasonvanlue Jason VanLue
4. 65º
5. © Dan Hatfield 95º 100%
6. envylabs.com
8. #expdev @jasonvanlue Sir Henry Cole 1847
9. #expdev @jasonvanlue "Of high art in this country there is abundance, of mechanical industry and invention an unparalleled profusion. The thing still remaining to be done is to effect the combination of the two, to wed high art with mechanical skill". —Sir Henry Cole
10. #expdev @jasonvanlue Form & Function
11. #expdev @jasonvanlue The 1930s
12. #expdev @jasonvanlue “Manufactured goods served the purpose for which they were intended, but they came off production lines with a stagnant sameness.” —Henry Dreyfuss
13. #expdev @jasonvanlue The Industrial Designer Make things prettier.
14. #expdev @jasonvanlue Good industrial design is a silent salesman. Increased efficiency. A better look & feel Assurance Confidence
15. #expdev @jasonvanlue The Industrial Designer Decorator → Designer
16. #expdev @jasonvanlue The Industrial Designer Polish → Purpose
17. #expdev @jasonvanlue Products which valued and included design from the beginning drastically outsold those which did not.
18. #expdev @jasonvanlue Design not only contributed to the physical worth of the product, but also to the financial worth of the product.
19. #expdev @jasonvanlue The Golden Age of Industrial Design
20. #expdev @jasonvanlue Sound Familiar?
21. #expdev @jasonvanlue Industrial Design ‑ Digital Design
22. #expdev @jasonvanlue We're realizing (again) that design is much more than decoration. ! That it isn't all about how something looks, but it's how something works.
23. #expdev @jasonvanlue Just like the mid-20th century was a renaissance for industrial design, I believe we're entering a renaissance for digital design.
24. #expdev @jasonvanlue What’s the Common Denominator?
25. #expdev @jasonvanlue
26. #expdev @jasonvanlue We Build for People
27. #expdev @jasonvanlue When we focus only on the utility of a product, and neglect the user of the product, we tend to focus on what the product IS, instead of who it's FOR.
28. #expdev @jasonvanlue The result tends to be products that may perform a job well, but aren't that enjoyable to use.
29. #expdev @jasonvanlue
30. #expdev @jasonvanlue
31. #expdev @jasonvanlue
32. #expdev @jasonvanlue
33. #expdev @jasonvanlue It's not just about what a product is used for. We must also consider who uses it.
34. #expdev @jasonvanlue We Must Design with Empathy
35. #expdev @jasonvanlue "the ability to understand and share the feelings of another." —Oxford Dictionary
36. #expdev @jasonvanlue "You cannot understand good design if you do not understand people; design is made for people." —Dieter Rams
37. #expdev @jasonvanlue "the most efficient machine is the one that is built around a person" —Henry Dreyfuss
38. #expdev @jasonvanlue We Must Design for The Other Side of The Screen
39. #expdev @jasonvanlue
40. #expdev @jasonvanlue
41. #expdev @jasonvanlue
42. #expdev @jasonvanlue
43. #expdev @jasonvanlue
44. #expdev @jasonvanlue Guidance
45. #expdev @jasonvanlue
46. #expdev @jasonvanlue 1.What is the purpose of this page? 2.What should I do on this page? 3.Can I do this easily? 4.Do I want to do this? USER 1.What is the purpose of this page? 2.What is the primary user action? 3.Is the action clearly understood? 4.Is the design compelling? YOU
47. #expdev @jasonvanlue
48. #expdev @jasonvanlue
49. #expdev @jasonvanlue
50. #expdev @jasonvanlue
51. #expdev @jasonvanlue Create User Profiles THIS IS: Aimee SHE IS AN: Intermediate Developer INTERESTED IN: Advanced Rails, JavaScript, Front-End SHE IS: Married, works in the industry, community advocate TIME: Likely takes courses at night / on weekends / 30m-1hr at a time
52. #expdev @jasonvanlue Who are your Joe and Josephine?
53. #expdev @jasonvanlue
54. #expdev @jasonvanlue Reach Out
55. #expdev @jasonvanlue
56. #expdev @jasonvanlue Make it Easy to Cancel
57. #expdev @jasonvanlue PROCESS discover research frame style construct test ship
58. #expdev @jasonvanlue PROCESS discover research frame style construct test ship ship research discover construct
59. #expdev @jasonvanlue Designers and Developers.
60. #expdev @jasonvanlue “if we want design to be seen as more than decoration, we must treat development as more than plumbing.” —Cameron Koczon
61. #expdev @jasonvanlue “We enter into close co-operation with the engineers. Perspective drawings are fine up to a point, but they can be misleading. So, as soon as possible, we get a form into clay and actually do our designing in this pliable material.” —Henry Dreyfuss
62. #expdev @jasonvanlue The goal is to get to a place where you can test, then iterate. Then repeat.
63. #expdev @jasonvanlue "You cannot understand good design if you do not understand people; design is made for people." —Dieter Rams
64. #expdev @jasonvanlue "the most efficient machine is the one that is built around a person" —Henry Dreyfuss
65. #expdev @jasonvanlue We Must Design for The Other Side of The Screen
66. #expdev @jasonvanlue Design with empathy.
67. @jasonvanlue Thank You!