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.

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

21. Holistic
photo credit: http:/commons.wikimedia.org

22. Design Stories?
photo credit http://www.flickr.com/photos/goodnight_london/6097748189/

23. Context

24. “Personas will keep you honest. You
design for them, not for you or for your
boss.”
-Erika Hall

25. System
photo credit http://blog.kjempekjekt.com/2012/12/23/ferris-gjr-event-sourcing-i-ui-luke-23-2012/

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

27. Usability
photo credit: http://lorrainepaterson.wordpress.com/2011/03/31/ux2-mobile-usability-testing/

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

29. Visual
photo credit: http://www.youthedesigner.com

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

31. Sketchnotes
photo credit http://sketchnotearmy.com/blog/tag/sketchnotes

32. Flow Sketches
photo credit http://hfid.olin.edu/sa2005/engr3220-whitecheddar/2_larry_predesign.htm

33. UI Sketches
photo credit http://farm7.staticflickr.com/6089/6131523904_3ef7fbb023_o.png

34. How?
photo credit: http://www.labbrand.com/knowledge/labreport/understanding-your-consumers-through-video-video-ethnography-brand-research

35. Screenwriting

36. Methods
photo credit: http://www.scriptmag.com/features/how-to-ace-your-pitch-helpful-tips-for-screenwriters-world-conference-west

37. Continuity

38. Collaboration
photo credit: http://www.flickr.com/photos/dlasky/3758946441/

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

40. Validation
photo credit: http://slant.investorplace.com/files/2013/03/TheaterCurtains.jpg

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

42. Story Teaser

43. Concise and Enthusiastic

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

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 _________________”

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

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

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 _________________”
Context
System
Users

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

50. Story Pitches
photo credit: http://www.earthworksaudio.com/microphones/flexmic-series-2/fm500/

51. Doc Proposal
photo credit: http://www.docstoc.com/docs/7601868/Documentary-Proposal

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

53. Context
User Flow
Personas
Value
Usability
Information Symmetry
System
Visual Design
Reflective Experience

54. Doc Script Card
photo credit: http://www.emeraldinsight.com/journals.htm?articleid=880314&show=html

57. “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 ”

66. So What?
photo credit: http://www.coloribus.com/adsarchive/tv-commercials/asics-footwear-whats-next-17125105/

67. Issue Tracking

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

71. Tasks

72. Building Stuff
photo credit: https://github.com/larsxschneider/ShowInGitHub

73. “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/

74. “Smart World” Stories
photo credit: http://www.jetro.go.jp/j-messe/tradefair_en/NFC_36338

75. Curate, Rip, Share
photo credit: http://i.huffpost.com/gen/919388/thumbs/o-MACHINES-MAKE-US-HUMAN-facebook.jpg

76. Devices Everywhere
photo credit: http://www.livabledelaware.com/?p=28

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

78. Thank You!
Questions & Contact:
Luis Daniel Rodriguez
@uxcodeline