Slide 1

Slide 1 text

http://www.dvdbeaver.com/ Demystifying Design fewer secrets, bigger impacts Agile ux nyc 2012 new york, ny

Slide 2

Slide 2 text

Who am I? interaction designer. team leader. author. jeff gothelf currently: principal at proof author @ o’reilly (lean ux, 2012) previously: theladders, publicis modem, webtrends, aol, fidelity, tons o’startups blog: www.jeffgothelf.com twitter: @jboogie email: [email protected] #demystify

Slide 3

Slide 3 text

A brief story…

Slide 4

Slide 4 text

A strange land

Slide 5

Slide 5 text

A strange land

Slide 6

Slide 6 text

A strange land

Slide 7

Slide 7 text

Ultimately, it turned out to be a familiar place

Slide 8

Slide 8 text

#demystify | @jboogie Software development often feels like a circus looks like someone here got the wrong invitation http://3.bp.blogspot.com/-wTiz7SEEdVU/TujhE7vzIUI/AAAAAAAADXw/z-NMHaEumhM/s400/skinny+man+in+body+building+contest+dr+heckle+funny+photo+blog.jpg

Slide 9

Slide 9 text

#demystify | @jboogie What ux design looks like to a non-designer magic!

Slide 10

Slide 10 text

#demystify | @jboogie Mystery = power + control in theory…

Slide 11

Slide 11 text

#demystify | @jboogie Mystery makes designers heroes! #winning http://cdn0.lostateminor.com/wp-content/uploads/2011/04/mike-joos-art-4.jpg

Slide 12

Slide 12 text

#demystify | @jboogie Mystery insulates designers keeps us warm in winter, cool in summer (well, all the time right?) http://cdn.theatlantic.com/static/infocus/glasto062711/g38_17317374.jpg Mystery

Slide 13

Slide 13 text

#demystify | @jboogie Ultimately, though, mystery is detrimental initially to the team, then the product and ultimately the company http://www.good.is/post/this-is-why-youre-fat/

Slide 14

Slide 14 text

#demystify | @jboogie The team separates into artificial silos which quickly degenerates into us vs. them http://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Allegany_Township_silos.jpg/1024px-Allegany_Township_silos.jpg

Slide 15

Slide 15 text

#demystify | @jboogie There is no common language leaving both sides feeling misunderstood http://cdn.dipity.com/uploads/events/818f95254821e64f4fd97a1210fa3789_1M.png

Slide 16

Slide 16 text

#demystify | @jboogie Shuttle diplomacy pushes the project along puts the project manager in the middle http://cdn.dipity.com/uploads/events/818f95254821e64f4fd97a1210fa3789_1M.png

Slide 17

Slide 17 text

#demystify | @jboogie Without transparency there is no trust trust is core to the team’s success http://marpr23.files.wordpress.com/2010/04/2910831531_67dcd2bac5.jpg

Slide 18

Slide 18 text

#demystify | @jboogie This is nothing new the efficacy of collaboration is directly related to team cohesion The Role of Team and Task Characteristics in R & D Team Collaborative Problem Solving and Productivity Robert C. Dailey Management Science Vol. 24, No. 15 (Nov., 1978), pp. 1579-1588 http://www.jstor.org/pss/2630673 “the collaborative problem solving-productivity relationship was …shown [to be] sensitive to high and low levels for each of four predictors …task certainty, task interdependence, team size, and team cohesiveness.”

Slide 19

Slide 19 text

#demystify | @jboogie Designers must demystify the way we work the onus is on us http://2.bp.blogspot.com/-Dqo1MGA_oGE/Thz2w_UNvYI/AAAAAAAABF0/G0RjbeDKFP0/s1600/Dirty-Laundry.gif

Slide 20

Slide 20 text

#demystify | @jboogie We must welcome our colleagues into our world we’ve got nothing to hide http://www.flickr.com/photos/94844594@N00/

Slide 21

Slide 21 text

#demystify | @jboogie Demystification is powerful it reveals the entire design process http://croatia.org/crown/content_images/2009/Croatian_Sausage_640.jpg

Slide 22

Slide 22 text

#demystify | @jboogie Design is hard your colleagues should know that http://www.freakingnews.com/Balancing-Act-Pictures-92664.asp

Slide 23

Slide 23 text

#demystify | @jboogie Break through the silos walk a mile in each other’s shoes

Slide 24

Slide 24 text

#demystify | @jboogie The team’s fingerprints will show up in the work they begin to own the work along with the designer http://www.clockhours.com/wp-content/uploads/2010/04/fingerprint-1.jpg

Slide 25

Slide 25 text

#demystify | @jboogie This won’t come easy – at first inevitably, we’ll get in our own way “The process laid out here — a delusion of happy collaboration between bean counters, stressed out clients and business minded account managers and, presumably, somewhere in the mix, designers — would be an unproductive clusterfuck for any capable designer. Input is one thing — valuable, in its place. But clients want design to solve hard problems, and to solve them beautifully and brilliantly. Pandering to people on the team by earnestly seeking opinions and and then making sure those wayward, uninformed, and wrong opinions are manifest in the product dilutes quality.” -jmaharry, october 15th, 2011 posted as a response to “demystifying design”on a list apart

Slide 26

Slide 26 text

#demystify | @jboogie This won’t come easy – at first inevitably, we’ll get in our own way “The process laid out here — a delusion of happy collaboration between bean counters, stressed out clients and business minded account managers and, presumably, somewhere in the mix, designers — would be an unproductive clusterfuck for any capable designer. Input is one thing — valuable, in its place. But clients want design to solve hard problems, and to solve them beautifully and brilliantly. Pandering to people on the team by earnestly seeking opinions and and then making sure those wayward, uninformed, and wrong opinions are manifest in the product dilutes quality.” -jmaharry, october 15th, 2011 posted as a response to “demystifying design”on a list apart

Slide 27

Slide 27 text

#demystify | @jboogie Does this mean everyone is a designer? does this mean i’m no longer the hero? http://chicagocares.files.wordpress.com/2010/08/mural-painting.jpg

Slide 28

Slide 28 text

#demystify | @jboogie Your gut is showing and you may not like it http://ext.pimg.tw/huachih/4bb707f38d7f6.jpg

Slide 29

Slide 29 text

how have others done it? #demystify | @jboogie

Slide 30

Slide 30 text

#demystify | @jboogie Architecture demystified origins for design ideas came from nature

Slide 31

Slide 31 text

#demystify | @jboogie Architecture demystified origins for design ideas came from nature

Slide 32

Slide 32 text

#demystify | @jboogie Architecture demystified origins for design ideas came from nature

Slide 33

Slide 33 text

#demystify | @jboogie Illustration demystified show how it’s done using the tools

Slide 34

Slide 34 text

#demystify | @jboogie Typography demystified clarify the jargon by visualizing it

Slide 35

Slide 35 text

how can you do it? #demystify | @jboogie

Slide 36

Slide 36 text

#demystify | @jboogie 1. Draw together make ideation inclusive (and fun!)

Slide 37

Slide 37 text

#demystify | @jboogie 1. Draw together share “trade secrets” to encourage participation

Slide 38

Slide 38 text

#demystify | @jboogie 2. Show raw work (frequently) retrain your colleagues

Slide 39

Slide 39 text

#demystify | @jboogie 2. Show raw work (frequently) maintain the perception of malleability of the work http://wireframes.linowski.ca/2009/02/rough-interface-sketching/

Slide 40

Slide 40 text

#demystify | @jboogie 3. Teach the discipline opportunistically explain basic design tactics

Slide 41

Slide 41 text

#demystify | @jboogie 3. Teach the discipline start building that common language http://eloquentscience.com/

Slide 42

Slide 42 text

#demystify | @jboogie kerf

Slide 43

Slide 43 text

#demystify | @jboogie kerf the groove or slit created by cutting a workpiece

Slide 44

Slide 44 text

#demystify | @jboogie Sanguineous crust

Slide 45

Slide 45 text

#demystify | @jboogie Sanguineous crust a scab

Slide 46

Slide 46 text

#demystify | @jboogie Cognitive load

Slide 47

Slide 47 text

#demystify | @jboogie Cognitive load the load related to the executive control of working memory

Slide 48

Slide 48 text

#demystify | @jboogie Fitts’ law

Slide 49

Slide 49 text

#demystify | @jboogie Fitts’ law the time required to rapidly move to a target area is a function of the distance of the target and the size of the target

Slide 50

Slide 50 text

#demystify | @jboogie kerning

Slide 51

Slide 51 text

#demystify | @jboogie kerning the process of adjusting the spacing between characters in a proportional font

Slide 52

Slide 52 text

#demystify | @jboogie 4. Be transparent tell everyone what you’re doing and why

Slide 53

Slide 53 text

#demystify | @jboogie 4. Be transparent use the tools you have to communicate out

Slide 54

Slide 54 text

#demystify | @jboogie No more strangers in strange lands leveling the playing field empowers designers

Slide 55

Slide 55 text

#demystify | @jboogie We are being invited to their parties why? what do we learn by doing this?

Slide 56

Slide 56 text

#demystify | @jboogie We are being invited to their parties why? what do we learn by doing this?

Slide 57

Slide 57 text

#demystify | @jboogie We’re not inviting them to ours we should be Where are the “developers should learn to design” tweets? Never sent

Slide 58

Slide 58 text

Thank you #demystify | @jboogie @jboogie [email protected] amzn.to/leanuxbook www.jeffgothelf.com slideshare.net/jgothelf I’m writing a book! Pre-order here