Design Stories Are The New User Stories
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Design Stories Are The New User Stories

on

  • 2,626 views

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

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.

Statistics

Views

Total Views
2,626
Views on SlideShare
2,547
Embed Views
79

Actions

Likes
6
Downloads
15
Comments
0

2 Embeds 79

https://twitter.com 77
http://www.linkedin.com 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Design Stories Are The New User Stories Presentation Transcript

  • 1. Design Stories are the new user stories photo credit: http://www.wallpaperup.com
  • 2. Domain
  • 3. User Needs
  • 4. Global photo credit https://picasaweb.google.com/lh/photo/Q5ds9FYXtsxvQrVXqrfKm_iDYvnUa3oQU8eD9rkbKOM
  • 5. Cross Functional Teams
  • 6. Pair Prototyping photo credit: http://interaction.dundee.ac.uk/~mgackowski
  • 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. Users photo credit http://www.huffingtonpost.com/2012/12/27/us-population-census_n_2371464.html
  • 9. photo credit http://muddledmom.files.wordpress.com
  • 10. Building “Stuff”
  • 11. User Stories photo credit: http://www.flickr.com/photos/psd/3731275681/
  • 12. “Engineering Stories”
  • 13. Annoy photo credit http://thatguywiththeglasses.wikia.com/wiki/The_Nerd
  • 14. photo credit http://www.teehanlax.com/blog/killing-big-strategy/
  • 15. Fantasy
  • 16. Real World Problems photo credit: http://scientopia.org/blogs/
  • 17. Design Thinking
  • 18. Useful
  • 19. Success photo credit: http://images.cdn.fotopedia.com
  • 20. Holistic photo credit: http:/commons.wikimedia.org
  • 21. Design Stories? photo credit http://www.flickr.com/photos/goodnight_london/6097748189/
  • 22. Context
  • 23. “Personas will keep you honest. You design for them, not for you or for your boss.” -Erika Hall
  • 24. System photo credit http://blog.kjempekjekt.com/2012/12/23/ferris-gjr-event-sourcing-i-ui-luke-23-2012/
  • 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. Usability photo credit: http://lorrainepaterson.wordpress.com/2011/03/31/ux2-mobile-usability-testing/
  • 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. Visual photo credit: http://www.youthedesigner.com
  • 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. Sketchnotes photo credit http://sketchnotearmy.com/blog/tag/sketchnotes
  • 31. Flow Sketches photo credit http://hfid.olin.edu/sa2005/engr3220-whitecheddar/2_larry_predesign.htm
  • 32. UI Sketches photo credit http://farm7.staticflickr.com/6089/6131523904_3ef7fbb023_o.png
  • 33. How? photo credit: http://www.labbrand.com/knowledge/labreport/understanding-your-consumers-through-video-video-ethnography-brand-research
  • 34. Screenwriting
  • 35. Methods photo credit: http://www.scriptmag.com/features/how-to-ace-your-pitch-helpful-tips-for-screenwriters-world-conference-west
  • 36. Continuity
  • 37. Collaboration photo credit: http://www.flickr.com/photos/dlasky/3758946441/
  • 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. Validation photo credit: http://slant.investorplace.com/files/2013/03/TheaterCurtains.jpg
  • 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. Story Teaser
  • 42. Concise and Enthusiastic
  • 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. “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. “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. “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. “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. “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. Story Pitches photo credit: http://www.earthworksaudio.com/microphones/flexmic-series-2/fm500/
  • 50. Doc Proposal photo credit: http://www.docstoc.com/docs/7601868/Documentary-Proposal
  • 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. Context User Flow Personas Value Usability Information Symmetry System Visual Design Reflective Experience
  • 53. Doc Script Card photo credit: http://www.emeraldinsight.com/journals.htm?articleid=880314&show=html
  • 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. So What? photo credit: http://www.coloribus.com/adsarchive/tv-commercials/asics-footwear-whats-next-17125105/
  • 56. Issue Tracking
  • 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. Tasks
  • 59. Building Stuff photo credit: https://github.com/larsxschneider/ShowInGitHub
  • 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. “Smart World” Stories photo credit: http://www.jetro.go.jp/j-messe/tradefair_en/NFC_36338
  • 62. Curate, Rip, Share photo credit: http://i.huffpost.com/gen/919388/thumbs/o-MACHINES-MAKE-US-HUMAN-facebook.jpg
  • 63. Devices Everywhere photo credit: http://www.livabledelaware.com/?p=28
  • 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. Thank You! Questions & Contact: Luis Daniel Rodriguez @uxcodeline