Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Product design for collaborative teams

431 views

Published on

In this workshop you'll collaborative methods that help software development teams:

Stimulate necessary conversations
Advance with a shared vision
Create engaged participation
Generate trust
Cultivate a culture of learning

Published in: Business
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/uo2xonf } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/uo2xonf } ......................................................................................................................... Download Full doc Ebook here { https://tinyurl.com/uo2xonf } ......................................................................................................................... Download PDF EBOOK here { https://tinyurl.com/uo2xonf } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/uo2xonf } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/uo2xonf } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Product design for collaborative teams

  1. 1. Product design for collaborative teams
  2. 2. @thinknow Hello! Who’s here today?
  3. 3. @thinknow • Stimulate necessary conversations • Advance with a shared vision • Create engaged participation • Generate trust • Cultivate a culture of learning Today we’ll practice methods to
  4. 4. @thinknow What are qualities of satisfying work?
  5. 5. @thinknow Trust Ownership Creativity Empathy Fun Empowerment Flow Communication Productivity Satisfying work
  6. 6. @thinknow Good work comes from good teams Good teams collaborate effectively
  7. 7. @thinknow What blocks
 effective collaboration?
  8. 8. @thinknow Attention Distance Time pressure HiPPO Confusion Ego Changing mandate Lack of ownership Silos Collaboration challenges Lack of information
  9. 9. @thinknow 
 Digital product 
 design landscape
  10. 10. @thinknow Internet-connected Mobile Devices Cloud Services “Software is eating the world”* *Marc Andreessen, 2011 Larger audience Lower cost
  11. 11. @thinknow • Continuous delivery (CICD) • Painless upgrades • Low switching costs We no longer “ship software”
  12. 12. @thinknow • Huge, connected device landscape • Every company is a digital company • We create businesses, not just SW • A good user experience must span all touchpoints Product design challenges
  13. 13. @thinknow We can make anything The challenge is making something people want
  14. 14. @thinknow How might we create desirable products and loyal customers in an environment of continual change?
  15. 15. @thinknow “Every product decision
 is a design decision.” —Josh Seiden
  16. 16. @thinknow “User Experience isn’t a role, it’s an outcome.” —Lane Goldstone
  17. 17. @thinknow Three Frameworks & Three Power-Ups
  18. 18. @thinknow Design thinking empathy, creativity and fast prototyping Agile development self-organizing teams, quality code, iterative & incremental delivery Lean startup products people want, learning experiments
  19. 19. @thinknow Design thinking diverge converge diverge converge interpret ideatediscover evolveexperiment
  20. 20. @thinknowImage credit: http://www.mountaingoatsoftware.com/ Agile development (Scrum)
  21. 21. @thinknowRedrawn from http://theleanstartup.com/principles Lean startup cycle
  22. 22. @thinknow Balanced teams One team, no handoffs Customer insight Continuous sensing, qual and quant Learning experiments Hypothesis driven, fail fast
  23. 23. @thinknowPhotos: Carbon Five, LUXr Balanced teams
  24. 24. @thinknow Customer insight Adapted from work by: @clevergirl, @luxrco quantitative qualitative generative evaluative Google 
 Analytics A/B Testing Mixpanel/
 Funnel Analysis Support 
 tickets Surveys NPS Starbucks 
 Intercept Conversational 
 interviews Contextual 
 Inquiry Hallway
 usability Five users 
 on Friday Usability lab
  25. 25. @thinknow Learning experiments TEST WITH USERS DEFINE EXPERIMENT prototype observations and metrics oppportunity statement DECLARE ASSUMPTIONS MetricsSolution persona UserProblem REVISEREVISE
  26. 26. @thinknow 
 Quick, Visual, Collaborative & Continuous
  27. 27. @thinknow “Do what you usually do, but do less of it, more often.” —William Pietri
  28. 28. @thinknow Focus on outcome instead of output
  29. 29. @thinknow Beware of BDUF* *Big Design Up Front Photo by toby simkin
  30. 30. @thinknow Why document our product design ideas?
  31. 31. @thinknow Memory Raise money Distributed team Feedback Prove we did it Large team Milestones Coders not hired yetEnforces clarity Reasons to document
  32. 32. @thinknow The team needs a shared understanding of “who” “what” and “why”
  33. 33. @thinknow Your goal is alignment PEOPLE USES FEATURES NEEDS people
 product
 BUSINESS
 OPPORTUNITY
  34. 34. @thinknow Have the right conversations to create shared understanding
  35. 35. @thinknow “Lead with conversation, trail with documentation.” —Lane Goldstone
  36. 36. @thinknow storyboards, wireframes, visual design journey maps Just enough documentation personas, scenarios
 opportunity statement, hypothesis,
 business canvas
 user stories PEOPLE USES FEATURES NEEDS BUSINESS
 OPPORTUNITY
  37. 37. @thinknow Q: How are product documents like vacation photos?
  38. 38. @thinknow Q: How are product documents like vacation photos? A: They’re more interesting if you were there.
  39. 39. @thinknow Lowest responsible fidelity
  40. 40. @thinknow Fail fast, learn faster
  41. 41. @thinknow Case Study:
 Wheel Nice Guys
  42. 42. @thinknow Create a shared vision opportunity statement (hypothesis) persona 4x4 six-ups conversation guide
  43. 43. @thinknow Opportunity statement Problem: Custom bike shoppers find it difficult and time-consuming to learn about options, configure and price the bike they want to buy. Solution: An online tool that lets custom bike shoppers explore different components, envision different combinations and dynamically understand price. Measurable Outcomes: custom bike shoppers use the tool, share with their friends, generate qualified leads and purchase bikes at Wheel Nice Guys.
  44. 44. @thinknow persona 4x4 Create provisional personas
  45. 45. @thinknow six-up Draw and discuss six-ups
  46. 46. @thinknow conversation guide Plan customer conversations
  47. 47. @thinknow Set a course dot voting project brief
  48. 48. @thinknow Dot vote ideas to explore dot voting
  49. 49. @thinknowAdapted from @jmspool: http://www.uie.com/articles/short_form_creative_brief/ last updated opportunity persona(s) scenarios metrics Create a project brief
  50. 50. @thinknow Just in time design scenario UI elements and layouts thumbnails live style guide
  51. 51. @thinknow Peter explores bike profiles on the CHOOSE BIKE PAGE
 Sees info about what he can do here 
 Sees multiple bike images w/ basic info & price 
 Uses controls to pan through them
 Chooses a bike to see in more detail Peter sees the bike he picked on the CONFIGURE BIKE PAGE
 Sees large image of bike he chose
 Sees list of parts with info and prices
 Sees the total price
 etc...
 Create a scenario
  52. 52. @thinknow Peter explores bike profiles on the CHOOSE BIKE PAGE
 Sees info about what he can do here [Content box]
 Sees multiple bike images w/ basic info & price [Carousel]
 Uses controls to pan through them [Carousel]
 Chooses a bike to see in more detail [Carousel] Peter sees the bike he picked on the CONFIGURE BIKE PAGE
 Sees large image of bike he chose [Bike config picture]
 Sees list of parts with info and prices [Bike config list]
 Sees the total price [Bike config list]
 etc...
 Name the UI elements
  53. 53. @thinknow Header Talk to us Marketing message(s) Bike images Bike config picture Bike config list Footer Organize elements & layouts
  54. 54. @thinknow Sketch interactions
  55. 55. @thinknow UI elements Responsive layouts Plan page layouts
  56. 56. @thinknow Live style guide • Describes typography, colors, patterns and widgets • System-of-record for front-end of patterns and styles • Code examples to help engineers to implement quickly and accurately Thanks @wardpenny
  57. 57. @thinknow From design to code wireframe walkthrough 1-week experiment user stories
  58. 58. @thinknow Wirefame walkthrough
  59. 59. @thinknow 1-week experiment
  60. 60. @thinknow User stories
  61. 61. @thinknow Learn and reflect five on friday project cadence
  62. 62. @thinknow Five on Friday Photo: www.flickr.com/photos/mr_t_in_dc/7772899182/
  63. 63. @thinknow Monday APRIL MAY week 18 Tuesday Wednesday Thursday Friday reflect & define specify build & refine build & refine customer feedback Credit: @chemphill, @carbonfive 1- week project cadence
  64. 64. Your turn!
  65. 65. @thinknow • Persona 4x4 • Opportunity statement • Six-ups • Project brief • Wireframe walkthrough • Customer conversations Let’s practice these recipes
  66. 66. @thinknow Activity: 
 pick an idea
  67. 67. @thinknowbit.ly/idea-mixer
  68. 68. @thinknow Activity: 
 persona 4x4
  69. 69. @thinknow Activity: 
 opportunity statement
  70. 70. @thinknow Activity: 
 pick a key 
 interaction
  71. 71. @thinknow Why will your target audience love this solution? What’s the most important goal you can help them achieve?
  72. 72. @thinknow Activity: 
 six-ups
  73. 73. @thinknow Six ups
  74. 74. @thinknow Activity: 
 wireframe walkthrough
  75. 75. @thinknowThanks @davehendee, @carbonfive, @originate Wireframe Walkthrough WHAT • Collaborative design critique • Build team consensus • Understand trade-offs HOW • Post sketches on the wall • Tell a story • “What happens when...” • Annotate and add stickies
  76. 76. Where from here?
  77. 77. @thinknow How will you use these ideas in your own work?
  78. 78. @thinknow Choose the right tool for the job. Question What’s the objective?
 What might we do? How is this going to work? Where do we start? How do we build it? Does it work? Activity Opportunity statement, persona 4x4, project 
 brief, conversation guide Six-ups, dot-voting, scenarios, storyboards, experience map Layouts, sketches, wireframe walkthrough Prototype, experiment, MVP User stories, Story map Hallway usability, five on friday, rainbow spreadsheet
  79. 79. @thinknow • Stimulate necessary conversations • Advance with a shared vision • Create engaged teams • Generate trust • Cultivate a culture of learning Now you know how to...
  80. 80. @thinknow Zeitgeist @chemphill @clevergirl @davidhussman @dhendee @Jboogie @jeffpaton @jmspool @jseiden @mattlemay @jaimerlevy @lissijean @mralancooper @skotcarruth and everyone at @balancedteam
  81. 81. @thinknow Lane Goldstone lane.goldstone@gmail.com THANK YOU @thinknow

×