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

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: jeff@proof-nyc.com #demystify

A brief story…

A strange land

A strange land

A strange land

Ultimately, it turned out to be a familiar place

#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

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

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

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

#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

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

#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

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

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

#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

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

#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

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

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

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

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

#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

#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

#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

#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

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

how have others done it? #demystify | @jboogie

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

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

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

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

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

how can you do it? #demystify | @jboogie

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

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

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

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

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

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

#demystify | @jboogie kerf

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

#demystify | @jboogie Sanguineous crust

#demystify | @jboogie Sanguineous crust a scab

#demystify | @jboogie Cognitive load

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

#demystify | @jboogie Fitts’ law

#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

#demystify | @jboogie kerning

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

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

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

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

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

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

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

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