How to Sell Design to Developers
โข
220 likesโข16,580 views
Bridging the gap between two different ways of thinking. A short presentation on how to best work with Developers and Designers to create a great product!
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to How to Sell Design to Developers
Similar to How to Sell Design to Developers (20)
Recently uploaded
Recently uploaded (20)
How to Sell Design to Developers
- 1. @_davestadler How to sell design โจ to developers. Bridging the gap between two different ways of thinking. @_davestadler
- 3. @_davestadler Expert on pointing at things.
- 5. @_davestadler we build web & mobile apps.
- 7. @_davestadler why must we sell design?
- 8. @_davestadler some designers just want to create selling
- 9. @_davestadler can no longer be silent design
- 10. @_davestadler Sales is perceived asโฆ ! โข Necessary โข Sleezy โข Unfair โข Unpleasant common misconceptions of sales
- 11. @_davestadler โWhether weโre employees pitching colleagues on a new idea, entrepreneurs enticing funders to invest, or parents and teachers cajoling children to study, we spend our days trying to move others. Like it or not, weโre all in sales now.โ ! ~ Daniel H. Pink
- 12. @_davestadler i.e. convincing a child to brush their teeth is the root of salesโฆ โtell me why?โ
- 15. @_davestadler SalesValue Understanding sales is a confluence
- 20. @_davestadler whatโs the goal for devs? creating a great product!
- 21. @_davestadler ok, tell me moreโฆ
- 22. @_davestadler โข To feel involved in the process โข Access to Designer โข Documentation ! find out what developers need
- 23. @_davestadler โข Concept is there โข Functional code โข Lack of empathy โข Lack of polish ! development without design is bad
- 24. @_davestadler functioning Apps are not always easy to useโฆ
- 25. @_davestadler โข Product becomes more usable โข Making more profit โข Building team relationships โข Educating and learning from each other benefits of buying design
- 26. @_davestadler just make it pretty! watch out for,
- 27. @_davestadler โฆbut โmaking it prettyโ doesnโt make it qualitatively good.
- 28. @_davestadler waitโฆ so good teeth, are bad too?
- 29. @_davestadler design is not just decoration. itโs a craft.
- 30. @_davestadler โ Iโve been amazed at how often those outside the discipline of design assume that what designers do is decoration - likely because so much bad design simply is decoration. - Good design isnโt. ! - Good design is problem solving. Jeffrey Veen โ
- 32. @_davestadler crafted apps are built to solve problemsโฆ
- 33. @_davestadler
- 34. @_davestadler great user interface problem solving + crafted apps:
- 35. @_davestadler how do we get there?
- 36. @_davestadler 1. A say in what is being built. 2. Confidence in the design direction. 3. Annotated Design Files if developers hadโฆ they could ship great software.
- 39. @_davestadler teamwork makes the dream work โข Avoid Waterfalls โข All ideas are equal โข Passing the ball โข Kick-Off meetings are crucial
- 41. @_davestadler
- 42. @_davestadler Team kick-off meeting โข Fostering input from the team โข Building a collaborative vision โข Getting buy-in โข Avoiding pitfalls down the road
- 43. @_davestadler early on, try to avoid saying no!
- 44. @_davestadler collaborative approach โข Discover and share with group โข Speed sketching sessions for features โข Divide and Conquer when appropriate โข Iterate upon prototypes โข Retrospective at end of sprints
- 46. @_davestadler UX inside an Agile environment โข Stagger your Sprints โข Put Design one sprint ahead of development โข Gives time for internal and external review, revisions, and sign-off. โข Keep whole team in these early meetings โข Dev feedback is necessary even before coding begins
- 47. @_davestadler Sprint 2 (Development) Product Owner Review Design Revisions 1 Client Review Design Revisions 2 Sprint 3 (Design) Sprint 1 (Design) staggered sprints
- 48. @_davestadler 2: answering the why.
- 50. @_davestadler designers do your homework โข Absorb any existing research done by client โข Discover personas โข Interview users โข Document user journeys โข Track clicks โข Record usersโ interactions on-screen
- 51. @_davestadler ! โIf I had an hour to solve a problem I'd spend 55 minutes thinking about the problem and 5 minutes thinking about solutions.โ ~ Alfred Einstein
- 53. @_davestadler product definition Client: Business Goals:Audience: Value Proposition: Assumptions: Unknowns: Research Notes: User Personas: Stakeholder: Contact Info: Timeline: Stakeholder Interview// PRODUCT DISCOVERY
- 56. @_davestadler user journey maps RangeofEmotions DelightedFrustratted ActionThoughts // Persona #1: Alisa โShe used CIP for 2min and found a lead - Canadian company that was not on their radar - and now the technology is under evaluationโ Feel Curious. Used Search to find a school/institution Using work-around because itโseasier. Used om ni-search to find school. Delighted to find the schoolIwanted. Landed on UniversityProfile page Found a tab forPatentsasexpected. Clicked โPatentsโtab on profile page. Curiousto see whatIcan find. Searched 7 differentterm swithin school. Found whatIwaslooking for! Clicked on one patent. Dissapointed thatitem wasnโtworthwhile. Couldnโtfind anything ofinterest. Starting over,trying a new search. W entbackto search anotheruniversity, Stillsearching form ydesired content. Clicked a few patentswithin a new school. Found a profile page,thiscould be good! Clicked through to โProfileโofindiviiual. Searching through a lotofpages... Continuing on,clicked through 30 pages. Tried feed tab,to see whatitโsabout. Viewed โTourโofFeed Feed looksuseful,Iโlltryitout. W entto create a new feed.Confused on whatto do,leave thisfornow. Didnโtcreate theeee feed and left. Curiouswhatisfilings?Doesnโtreallyhelp. Clicked the โFilingsโtab and then left. Seen allthe parts,backto search form e. Goesbackto search. Didnโtknow aboutfilters,these can help . Usesfiltersaftertheyunderstand them . Betterresults,stilltakesawhile to filter. Clicksthrough m anypagesuntilfinding it. // JOURNEY MAP #1: Company (Buy-Side)
- 58. @_davestadler track clicks โข Google Analytics โข HootSuite โข MailChimp โข Binders full of spreadsheets
- 59. @_davestadler Usability testing โข UserTesting.com โข SilverbackApp.com โข Screen Recordings โข i.e. QuickTime โข In-Person taking notes with User as they perform tasks โข i.e. Goose from Top Gun
- 61. @_davestadler โฆwell most of the time
- 62. @_davestadler 3: make it easier
- 64. @_davestadler rapid prototypes โข InVision - http://www.invisionapp.com/ - $15 to 20 a month โข Balsamiq - http://balsamiq.com/ - $80 โข OmniGraffle - http://www.omnigroup.com/omnigraffle/ - $200 โข Axure - http://www.axure.com/ - $590 โข Solidify - http://www.solidifyapp.com/ - $19 to 49 a month โข Flinto - https://www.flinto.com/ - $20 a month
- 66. @_davestadler Working side by side โข Increases iterations โข Feedback loop is instantaneous โข Ideation can be tested quickly โข Google Hangouts when remote
- 67. @_davestadler uniform direction โข Use similar grids, patterns, elements, colors, and typography โข Cat-Herd the unseen use-cases that inevitably rear their heads โข Too many different paradigms can confuse users โข Sometimes compromises are needed
- 68. @_davestadler clean files โข Photoshop โข Sketch โข Illustrator โข InDesign
- 69. @_davestadler photoshop ettiquette โข File Organization โข Best Practices โข Naming Conventions โข Layer Organization http://photoshopetiquette.com
- 70. @_davestadler
- 75. @_davestadler so when you get buy-inโฆ
- 76. @_davestadler ok, tell me moreโฆ
- 77. @_davestadler โฆwhy are designers always touching their faces?
- 78. @_davestadler it must be demonstrated. value is not always apparent remember that
- 79. @_davestadler 1. Share the discovery stage with the entire team. 2. Collect Research & Usability Data to drive problem solving 3. Create annotated documents to expedite development if designers willโฆ they can ship great software!
- 81. @_davestadler So own that SHIT!