Design Stories Are The New User Stories

3,510 views
3,277 views

Published on

Learn how to see beyond typical agile user stories that annoy instead of inspire when building the “unknown”. Pave the way forward for your team by writing design stories that break down a complex problem into “tiny pulses” that when put together make up a complex system. Apply “Design Thinking” to not lose sight of the big picture and avoid leading your team down the wrong path of development and stifle innovation. See how thought leaders in Lean startup and Experience design are already re-evaluating their methods when measuring complexities of a system.

Most importantly see how design stories can be the uniting factor for cross-functional teams: everyone “owns” the design, inspires developers to tackle complex and feature rich digital products with selective planning and architecture that include UI patterns, Lean methods, and promotes holistic thinking that makes everyone more effective and efficient in their work.

Published in: Design, Business, Technology

Design Stories Are The New User Stories

  1. 1. Design Stories are the new user stories photo credit: http://www.wallpaperup.com
  2. 2. Domain
  3. 3. User Needs
  4. 4. Global photo credit https://picasaweb.google.com/lh/photo/Q5ds9FYXtsxvQrVXqrfKm_iDYvnUa3oQU8eD9rkbKOM
  5. 5. Cross Functional Teams
  6. 6. Pair Prototyping photo credit: http://interaction.dundee.ac.uk/~mgackowski
  7. 7. IxD photo credit http://www.skilledup.com/learn/graphic-design/user-interface-design-course-comparison/ Easy to use Relevant photo credit http://blackpetalsks.tripod.com/blackpetalsissue59/id11.html Learnable
  8. 8. Users photo credit http://www.huffingtonpost.com/2012/12/27/us-population-census_n_2371464.html
  9. 9. photo credit http://muddledmom.files.wordpress.com
  10. 10. Building “Stuff”
  11. 11. User Stories photo credit: http://www.flickr.com/photos/psd/3731275681/
  12. 12. “Engineering Stories”
  13. 13. Annoy photo credit http://thatguywiththeglasses.wikia.com/wiki/The_Nerd
  14. 14. photo credit http://www.teehanlax.com/blog/killing-big-strategy/
  15. 15. Fantasy
  16. 16. Real World Problems photo credit: http://scientopia.org/blogs/
  17. 17. Design Thinking
  18. 18. Useful
  19. 19. Success photo credit: http://images.cdn.fotopedia.com
  20. 20. Holistic photo credit: http:/commons.wikimedia.org
  21. 21. Design Stories? photo credit http://www.flickr.com/photos/goodnight_london/6097748189/
  22. 22. Context
  23. 23. “Personas will keep you honest. You design for them, not for you or for your boss.” -Erika Hall
  24. 24. System photo credit http://blog.kjempekjekt.com/2012/12/23/ferris-gjr-event-sourcing-i-ui-luke-23-2012/
  25. 25. “it all has to be considered together and starts to write stories that include development and design work together.” -Lane Halley photo credit: http://odl.netvlies.nl
  26. 26. Usability photo credit: http://lorrainepaterson.wordpress.com/2011/03/31/ux2-mobile-usability-testing/
  27. 27. “A little part of me dies when I invalidate a hypothesis with a simple test. But it's better than invalidating it with months of coding.” -Laura Klein
  28. 28. Visual photo credit: http://www.youthedesigner.com
  29. 29. “Only challenge a strong market leader if you’re willing to… develop a highly differentiated product to compete on the basis of reflective experience.” -Victor Lombardi
  30. 30. Sketchnotes photo credit http://sketchnotearmy.com/blog/tag/sketchnotes
  31. 31. Flow Sketches photo credit http://hfid.olin.edu/sa2005/engr3220-whitecheddar/2_larry_predesign.htm
  32. 32. UI Sketches photo credit http://farm7.staticflickr.com/6089/6131523904_3ef7fbb023_o.png
  33. 33. How? photo credit: http://www.labbrand.com/knowledge/labreport/understanding-your-consumers-through-video-video-ethnography-brand-research
  34. 34. Screenwriting
  35. 35. Methods photo credit: http://www.scriptmag.com/features/how-to-ace-your-pitch-helpful-tips-for-screenwriters-world-conference-west
  36. 36. Continuity
  37. 37. Collaboration photo credit: http://www.flickr.com/photos/dlasky/3758946441/
  38. 38. Production Designer, Art Director, Assistant Art Director, Illustrator, Set Designer, Set Decorator, Buyer, Lead Man, Set Dresser, Greensman, Construction Coordinator, Head Carpenter, Key Scenic, Propmaker, Weapons master, Costume designer, Costume Supervisor, Key Costumer, Costume Standby, Art Finisher, Costume Buyer, Cutter wardrobe, Make-up Artist, Hairdresser, Special Effects Supervisor, Special Effects Assistant, Cinematographer, Director of Photography, Camera Operator, First Assistant Camera, Second Assistant Camera Film Loader, Camera Production Assistant, Digital Imaging Technician, Steadicam Operator, Motion Control Technician/Operator, Production Sound Mixer, Boom Operator, Utility Sound Technician, Key grip, Gaffer, Lighting Technician
  39. 39. Validation photo credit: http://slant.investorplace.com/files/2013/03/TheaterCurtains.jpg
  40. 40. Film Editor, Negative Cutter, Colorist, Telecine Colorist, Visual Effects Producer, Visual Effects Creative Director, Visual Effects Supervisor, Visual Effects Editor, Compositor, Rotoscope Artists/ Paint Artists, Matte Painter, Sound Designer, Dialogue Editor, Sound Editor, Rerecording Mixer, Music Supervisor, Composer, Foley Artist
  41. 41. Story Teaser
  42. 42. Concise and Enthusiastic
  43. 43. “The title of this documentary is The Swimming Lesson and the setting is a rough-and-tumble grade school in a settled urban district with a few if any minority or foreign kids. The buildings are old and run down, and the kids are hard to discipline.” from: You and your ideas. Chapter 4 Pitching a short documentary
  44. 44. “In life I believe that _________________ My film will show this in action by exploring (situation)_________________ The main conflict is between _________________ and _________________ Ultimately I want the audience to feel _________________ And to understand that _________________”
  45. 45. “In life I believe that _________________ My film will show this in action by exploring (situation)_________________ The main conflict is between _________________ and _________________ Ultimately I want the audience to feel _________________ And to understand that _________________” Context
  46. 46. “In life I believe that _________________ My film will show this in action by exploring (situation)_________________ The main conflict is between _________________ and _________________ Ultimately I want the audience to feel _________________ And to understand that _________________” Context System
  47. 47. “In life I believe that _________________ My film will show this in action by exploring (situation)_________________ The main conflict is between _________________ and _________________ Ultimately I want the audience to feel _________________ And to understand that _________________” Context System Users
  48. 48. “In life I believe that _________________ My film will show this in action by exploring (situation)_________________ The main conflict is between _________________ and _________________ Ultimately I want the audience to feel _________________ And to understand that _________________” Usefulness Experience Value
  49. 49. Story Pitches photo credit: http://www.earthworksaudio.com/microphones/flexmic-series-2/fm500/
  50. 50. Doc Proposal photo credit: http://www.docstoc.com/docs/7601868/Documentary-Proposal
  51. 51. Topic - background information Sequences - activity depicted Characters - metaphoric role in story Conflict - confrontations & development Audience - expectations to endorse Interviews - “talking heads” & voice overs Structure - progression of film Style - visual that augments story Resolution - meaning for audience
  52. 52. Context User Flow Personas Value Usability Information Symmetry System Visual Design Reflective Experience
  53. 53. Doc Script Card photo credit: http://www.emeraldinsight.com/journals.htm?articleid=880314&show=html
  54. 54. “This app makes customizing a pizza stress-free and possible for any occasion. It let’s users order multiple pizzas, combinations from what’s nearby for fast delivery and makes the experience of creating a pizza enjoyable ”
  55. 55. So What? photo credit: http://www.coloribus.com/adsarchive/tv-commercials/asics-footwear-whats-next-17125105/
  56. 56. Issue Tracking
  57. 57. pop-up Bushwick freegan cornhole chambray laborum cray vero kogi. Tonx sapiente placeat mixtape drinking vinegar Placeat Tumblr meggings McSweeney's accusamus Fingerstache fashion axe ethnic, artisan Austin letterpress veniam Voluptate pork belly Vice delectus exercitation Portland magna sed. Flexitarian ennui photo booth ethical odio, nesciunt pork belly. Next level gentrify irony do dolore. Hella actually gastropub ut ethical Proident Pitchfork tempor, next level bitters pop-up pariatur brunch. Fingerstache fashion axe ethnic, artisan Austin letterpress veniam ad gentrify food truck bicycle rights nisi Tumblr. Aliquip typewriter Next level gentrify irony do dolore. Hella actually gastropub ut ethical
  58. 58. Tasks
  59. 59. Building Stuff photo credit: https://github.com/larsxschneider/ShowInGitHub
  60. 60. “Our sense of vision can quickly pick out patterns and subtle differences… Conceptual metaphors aid in understanding” -Stephen Anderson photo credit: https://blogs.atlassian.com/2013/07/how-to-make-an-icon-font-the-8-step-guide/
  61. 61. “Smart World” Stories photo credit: http://www.jetro.go.jp/j-messe/tradefair_en/NFC_36338
  62. 62. Curate, Rip, Share photo credit: http://i.huffpost.com/gen/919388/thumbs/o-MACHINES-MAKE-US-HUMAN-facebook.jpg
  63. 63. Devices Everywhere photo credit: http://www.livabledelaware.com/?p=28
  64. 64. “3-D printing... It can completely change everything we know about design and production” -@carladiana_ http://www.wired.com/design/2013/12/characters-come-alive-in-this-3-d-printable-book photo credit: http://upload.wikimedia.org/wikipedia/commons/2/27/ORDbot_quantum.jpg
  65. 65. Thank You! Questions & Contact: Luis Daniel Rodriguez @uxcodeline

×