Building Great Products With Empathy

Slide 1

Slide 1 text

#expdev @jasonvanlue Building Great Products With Empathy —2014 Experience: Dev —

Slide 2

Slide 2 text

@jasonvanlue Jason VanLue

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

65º

Slide 5

Slide 5 text

Slide 6

Slide 6 text

envylabs.com

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

#expdev @jasonvanlue Sir Henry Cole 1847

Slide 9

Slide 9 text

#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

Slide 10

Slide 10 text

#expdev @jasonvanlue Form & Function

Slide 11

Slide 11 text

#expdev @jasonvanlue The 1930s

Slide 12

Slide 12 text

#expdev @jasonvanlue “Manufactured goods served the purpose for which they were intended, but they came off production lines with a stagnant sameness.” —Henry Dreyfuss

Slide 13

Slide 13 text

#expdev @jasonvanlue The Industrial Designer Make things prettier.

Slide 14

Slide 14 text

#expdev @jasonvanlue Good industrial design is a silent salesman. Increased efficiency. A better look & feel Assurance Confidence

Slide 15

Slide 15 text

#expdev @jasonvanlue The Industrial Designer Decorator → Designer

Slide 16

Slide 16 text

#expdev @jasonvanlue The Industrial Designer Polish → Purpose

Slide 17

Slide 17 text

#expdev @jasonvanlue Products which valued and included design from the beginning drastically outsold those which did not.

Slide 18

Slide 18 text

#expdev @jasonvanlue Design not only contributed to the physical worth of the product, but also to the financial worth of the product.

Slide 19

Slide 19 text

#expdev @jasonvanlue The Golden Age of Industrial Design

Slide 20

Slide 20 text

#expdev @jasonvanlue Sound Familiar?

Slide 21

Slide 21 text

#expdev @jasonvanlue Industrial Design ‑ Digital Design

Slide 22

Slide 22 text

#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.

Slide 23

Slide 23 text

#expdev @jasonvanlue Just like the mid-20th century was a renaissance for industrial design, I believe we're entering a renaissance for digital design.

Slide 24

Slide 24 text

#expdev @jasonvanlue What’s the Common Denominator?

Slide 25

Slide 25 text

#expdev @jasonvanlue

Slide 26

Slide 26 text

#expdev @jasonvanlue We Build for People

Slide 27

Slide 27 text

#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.

Slide 28

Slide 28 text

#expdev @jasonvanlue The result tends to be products that may perform a job well, but aren't that enjoyable to use.

Slide 29

Slide 29 text

#expdev @jasonvanlue

Slide 30

Slide 30 text

#expdev @jasonvanlue

Slide 31

Slide 31 text

#expdev @jasonvanlue

Slide 32

Slide 32 text

#expdev @jasonvanlue

Slide 33

Slide 33 text

#expdev @jasonvanlue It's not just about what a product is used for. We must also consider who uses it.

Slide 34

Slide 34 text

#expdev @jasonvanlue We Must Design with Empathy

Slide 35

Slide 35 text

#expdev @jasonvanlue "the ability to understand and share the feelings of another." —Oxford Dictionary

Slide 36

Slide 36 text

#expdev @jasonvanlue "You cannot understand good design if you do not understand people; design is made for people." —Dieter Rams

Slide 37

Slide 37 text

#expdev @jasonvanlue "the most efficient machine is the one that is built around a person" —Henry Dreyfuss

Slide 38

Slide 38 text

#expdev @jasonvanlue We Must Design for The Other Side of The Screen

Slide 39

Slide 39 text

#expdev @jasonvanlue

Slide 40

Slide 40 text

#expdev @jasonvanlue

Slide 41

Slide 41 text

#expdev @jasonvanlue

Slide 42

Slide 42 text

#expdev @jasonvanlue

Slide 43

Slide 43 text

#expdev @jasonvanlue

Slide 44

Slide 44 text

#expdev @jasonvanlue Guidance

Slide 45

Slide 45 text

#expdev @jasonvanlue

Slide 46

Slide 46 text

#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

Slide 47

Slide 47 text

#expdev @jasonvanlue

Slide 48

Slide 48 text

#expdev @jasonvanlue

Slide 49

Slide 49 text

#expdev @jasonvanlue

Slide 50

Slide 50 text

#expdev @jasonvanlue

Slide 51

Slide 51 text

#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

Slide 52

Slide 52 text

#expdev @jasonvanlue Who are your Joe and Josephine?

Slide 53

Slide 53 text

#expdev @jasonvanlue

Slide 54

Slide 54 text

#expdev @jasonvanlue Reach Out

Slide 55

Slide 55 text

#expdev @jasonvanlue

Slide 56

Slide 56 text

#expdev @jasonvanlue Make it Easy to Cancel

Slide 57

Slide 57 text

#expdev @jasonvanlue PROCESS discover research frame style construct test ship

Slide 58

Slide 58 text

#expdev @jasonvanlue PROCESS discover research frame style construct test ship ship research discover construct

Slide 59

Slide 59 text

#expdev @jasonvanlue Designers and Developers.

Slide 60

Slide 60 text

#expdev @jasonvanlue “if we want design to be seen as more than decoration, we must treat development as more than plumbing.” —Cameron Koczon

Slide 61

Slide 61 text

#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

Slide 62

Slide 62 text

#expdev @jasonvanlue The goal is to get to a place where you can test, then iterate. Then repeat.

Slide 63

Slide 63 text

#expdev @jasonvanlue "You cannot understand good design if you do not understand people; design is made for people." —Dieter Rams

Slide 64

Slide 64 text

#expdev @jasonvanlue "the most efficient machine is the one that is built around a person" —Henry Dreyfuss