Your SlideShare is downloading. ×
0
Design Stories
are the new user stories

photo credit: http://www.wallpaperup.com
Domain
User Needs
Global
photo credit https://picasaweb.google.com/lh/photo/Q5ds9FYXtsxvQrVXqrfKm_iDYvnUa3oQU8eD9rkbKOM
Cross Functional Teams
Pair Prototyping
photo credit: http://interaction.dundee.ac.uk/~mgackowski
IxD

photo credit http://www.skilledup.com/learn/graphic-design/user-interface-design-course-comparison/

Easy to use

Rel...
Users
photo credit http://www.huffingtonpost.com/2012/12/27/us-population-census_n_2371464.html
photo credit http://muddledmom.files.wordpress.com
Building “Stuff”
User Stories
photo credit: http://www.flickr.com/photos/psd/3731275681/
“Engineering Stories”
Annoy
photo credit http://thatguywiththeglasses.wikia.com/wiki/The_Nerd
photo credit http://www.teehanlax.com/blog/killing-big-strategy/
Fantasy
Real World Problems
photo credit: http://scientopia.org/blogs/
Design Thinking
Useful
Success
photo credit: http://images.cdn.fotopedia.com
Holistic
photo credit: http:/commons.wikimedia.org
Design Stories?
photo credit http://www.flickr.com/photos/goodnight_london/6097748189/
Context
“Personas will keep you honest. You
design for them, not for you or for your
boss.”
-Erika Hall
System
photo credit http://blog.kjempekjekt.com/2012/12/23/ferris-gjr-event-sourcing-i-ui-luke-23-2012/
“it all has to be considered together and
starts to write stories that include
development and design work together.”
-Lan...
Usability
photo credit: http://lorrainepaterson.wordpress.com/2011/03/31/ux2-mobile-usability-testing/
“A little part of me dies when I invalidate
a hypothesis with a simple test. But it's
better than invalidating it with mon...
Visual
photo credit: http://www.youthedesigner.com
“Only challenge a strong market leader if
you’re willing to… develop a highly
differentiated product to compete on the
bas...
Sketchnotes
photo credit http://sketchnotearmy.com/blog/tag/sketchnotes
Flow Sketches
photo credit http://hfid.olin.edu/sa2005/engr3220-whitecheddar/2_larry_predesign.htm
UI Sketches
photo credit http://farm7.staticflickr.com/6089/6131523904_3ef7fbb023_o.png
How?
photo credit: http://www.labbrand.com/knowledge/labreport/understanding-your-consumers-through-video-video-ethnograph...
Screenwriting
Methods
photo credit: http://www.scriptmag.com/features/how-to-ace-your-pitch-helpful-tips-for-screenwriters-world-confere...
Continuity
Collaboration
photo credit: http://www.flickr.com/photos/dlasky/3758946441/
Production Designer, Art Director, Assistant Art Director,
Illustrator, Set Designer, Set Decorator, Buyer, Lead Man, Set
...
Validation
photo credit: http://slant.investorplace.com/files/2013/03/TheaterCurtains.jpg
Film Editor, Negative Cutter, Colorist,
Telecine Colorist, Visual Effects Producer,
Visual Effects Creative Director, Visu...
Story Teaser
Concise and Enthusiastic
“The title of this documentary is The
Swimming Lesson and the setting is a
rough-and-tumble grade school in a
settled urba...
“In life I believe that _________________ My
film will show this in action by exploring
(situation)_________________ The m...
“In life I believe that _________________ My
film will show this in action by exploring
(situation)_________________ The m...
“In life I believe that _________________ My
film will show this in action by exploring
(situation)_________________ The m...
“In life I believe that _________________ My
film will show this in action by exploring
(situation)_________________ The m...
“In life I believe that _________________ My
film will show this in action by exploring
(situation)_________________ The m...
Story Pitches
photo credit: http://www.earthworksaudio.com/microphones/flexmic-series-2/fm500/
Doc Proposal
photo credit: http://www.docstoc.com/docs/7601868/Documentary-Proposal
Topic - background information
Sequences - activity depicted
Characters - metaphoric role in story
Conflict - confrontatio...
Context
User Flow
Personas
Value
Usability
Information Symmetry
System
Visual Design
Reflective Experience
Doc Script Card
photo credit: http://www.emeraldinsight.com/journals.htm?articleid=880314&show=html
“This app makes customizing a pizza
stress-free and possible for any occasion.
It let’s users order multiple pizzas,
combi...
So What?
photo credit: http://www.coloribus.com/adsarchive/tv-commercials/asics-footwear-whats-next-17125105/
Issue Tracking
pop-up Bushwick freegan cornhole chambray laborum cray vero kogi.

Tonx sapiente placeat mixtape drinking vinegar

Placeat...
Tasks
Building Stuff
photo credit: https://github.com/larsxschneider/ShowInGitHub
“Our sense of vision can quickly pick out
patterns and subtle differences…
Conceptual metaphors aid in
understanding”
-Ste...
“Smart World” Stories
photo credit: http://www.jetro.go.jp/j-messe/tradefair_en/NFC_36338
Curate, Rip, Share
photo credit: http://i.huffpost.com/gen/919388/thumbs/o-MACHINES-MAKE-US-HUMAN-facebook.jpg
Devices Everywhere
photo credit: http://www.livabledelaware.com/?p=28
“3-D printing... It can completely change
everything we know about design and
production”
-@carladiana_
http://www.wired.c...
Thank You!
Questions & Contact:
Luis Daniel Rodriguez
@uxcodeline
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Design Stories Are The New User Stories
Upcoming SlideShare
Loading in...5
×

Design Stories Are The New User Stories

2,711

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
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,711
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
25
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×