Top Banner
Design Stories are the new user stories photo credit: http://www.wallpaperup.com
78

Design Stories Are The New User Stories

Jan 27, 2015

Download

Design

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design Stories Are The New User Stories

Design Stories are the new user stories

photo credit: http://www.wallpaperup.com

Page 2: Design Stories Are The New User Stories

Domain

Page 3: Design Stories Are The New User Stories

User Needs

Page 4: Design Stories Are The New User Stories

Global

photo credit https://picasaweb.google.com/lh/photo/Q5ds9FYXtsxvQrVXqrfKm_iDYvnUa3oQU8eD9rkbKOM

Page 5: Design Stories Are The New User Stories

Cross Functional Teams

Page 6: Design Stories Are The New User Stories

Pair Prototypingphoto credit: http://interaction.dundee.ac.uk/~mgackowski

Page 7: Design Stories Are The New User Stories

IxD

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

Relevant

photo credit http://blackpetalsks.tripod.com/blackpetalsissue59/id11.html

Easy to use Learnable

Page 8: Design Stories Are The New User Stories

Usersphoto credit http://www.huffingtonpost.com/2012/12/27/us-population-census_n_2371464.html

Page 9: Design Stories Are The New User Stories

photo credit http://muddledmom.files.wordpress.com

Page 10: Design Stories Are The New User Stories

Building “Stuff”

Page 11: Design Stories Are The New User Stories

User Stories

photo credit: http://www.flickr.com/photos/psd/3731275681/

Page 12: Design Stories Are The New User Stories

“Engineering Stories”

Page 13: Design Stories Are The New User Stories

Annoy

photo credit http://thatguywiththeglasses.wikia.com/wiki/The_Nerd

Page 14: Design Stories Are The New User Stories

photo credit http://www.teehanlax.com/blog/killing-big-strategy/

Page 15: Design Stories Are The New User Stories

Fantasy

Page 16: Design Stories Are The New User Stories

photo credit: http://scientopia.org/blogs/

Real World Problems

Page 17: Design Stories Are The New User Stories

Design Thinking

Page 18: Design Stories Are The New User Stories

Useful

Page 19: Design Stories Are The New User Stories

Successphoto credit: http://images.cdn.fotopedia.com

Page 20: Design Stories Are The New User Stories
Page 21: Design Stories Are The New User Stories

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

Page 22: Design Stories Are The New User Stories

Design Stories?

photo credit http://www.flickr.com/photos/goodnight_london/6097748189/

Page 23: Design Stories Are The New User Stories

Context

Page 24: Design Stories Are The New User Stories

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

-Erika Hall

Page 25: Design Stories Are The New User Stories

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

System

Page 26: Design Stories Are The New User Stories

photo credit: http://odl.netvlies.nl

“it all has to be considered together and starts to write stories that include development and design work together.”

-Lane Halley

Page 27: Design Stories Are The New User Stories

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

Page 28: Design Stories Are The New User Stories

“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

Page 29: Design Stories Are The New User Stories

Visualphoto credit: http://www.youthedesigner.com

Page 30: Design Stories Are The New User Stories

“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

Page 31: Design Stories Are The New User Stories

Sketchnotesphoto credit http://sketchnotearmy.com/blog/tag/sketchnotes

Page 32: Design Stories Are The New User Stories

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

Page 33: Design Stories Are The New User Stories

UI Sketchesphoto credit http://farm7.staticflickr.com/6089/6131523904_3ef7fbb023_o.png

Page 34: Design Stories Are The New User Stories

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

Page 35: Design Stories Are The New User Stories

Screenwriting

Page 36: Design Stories Are The New User Stories

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

Page 37: Design Stories Are The New User Stories

Continuity

Page 38: Design Stories Are The New User Stories

Collaborationphoto credit: http://www.flickr.com/photos/dlasky/3758946441/

Page 39: Design Stories Are The New User Stories

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

Page 40: Design Stories Are The New User Stories

Validationphoto credit: http://slant.investorplace.com/files/2013/03/TheaterCurtains.jpg

Page 41: Design Stories Are The New User Stories

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, Re-recording Mixer, Music Supervisor, Composer, Foley Artist

Page 42: Design Stories Are The New User Stories

Story Teaser

Page 43: Design Stories Are The New User Stories

Concise and Enthusiastic

Page 44: Design Stories Are The New User Stories

“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

Page 45: Design Stories Are The New User Stories

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

Page 46: Design Stories Are The New User Stories

“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

Page 47: Design Stories Are The New User Stories

“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

Page 48: Design Stories Are The New User Stories

“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

SystemUsers

Page 49: Design Stories Are The New User Stories

“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

Page 50: Design Stories Are The New User Stories

Story Pitchesphoto credit: http://www.earthworksaudio.com/microphones/flexmic-series-2/fm500/

Page 51: Design Stories Are The New User Stories

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

Doc Proposal

Page 52: Design Stories Are The New User Stories

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

Page 53: Design Stories Are The New User Stories

Context

User Flow

Personas

Value

Usability

Information Symmetry

System

Visual Design

Reflective Experience

Page 54: Design Stories Are The New User Stories

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

Page 55: Design Stories Are The New User Stories
Page 56: Design Stories Are The New User Stories
Page 57: Design Stories Are The New User Stories

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

Page 58: Design Stories Are The New User Stories
Page 59: Design Stories Are The New User Stories
Page 60: Design Stories Are The New User Stories
Page 61: Design Stories Are The New User Stories
Page 62: Design Stories Are The New User Stories
Page 63: Design Stories Are The New User Stories
Page 64: Design Stories Are The New User Stories
Page 65: Design Stories Are The New User Stories
Page 66: Design Stories Are The New User Stories

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

Page 67: Design Stories Are The New User Stories

Issue Tracking

Page 68: Design Stories Are The New User Stories
Page 69: Design Stories Are The New User Stories
Page 70: Design Stories Are The New User Stories

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

Flexitarian ennui photo booth ethical odio, nesciunt pork belly.

Next level gentrify irony do dolore. Hella actually gastropub ut ethical

Fingerstache fashion axe ethnic, artisan Austin letterpress veniam ad

Next level gentrify irony do dolore. Hella actually gastropub ut ethical

Voluptate pork belly Vice delectus exercitation Portland magna sed.

Proident Pitchfork tempor, next level bitters pop-up pariatur brunch.

gentrify food truck bicycle rights nisi Tumblr. Aliquip typewriter

Page 71: Design Stories Are The New User Stories

Tasks

Page 72: Design Stories Are The New User Stories

Building Stuffphoto credit: https://github.com/larsxschneider/ShowInGitHub

Page 73: Design Stories Are The New User Stories

photo credit: https://blogs.atlassian.com/2013/07/how-to-make-an-icon-font-the-8-step-guide/

“Our sense of vision can quickly pick out patterns and subtle differences… Conceptual metaphors aid in understanding”

-Stephen Anderson

Page 74: Design Stories Are The New User Stories

photo credit: http://www.jetro.go.jp/j-messe/tradefair_en/NFC_36338

“Smart World” Stories

Page 75: Design Stories Are The New User Stories

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

Page 76: Design Stories Are The New User Stories

Devices Everywherephoto credit: http://www.livabledelaware.com/?p=28

Page 77: Design Stories Are The New User Stories

photo credit: http://upload.wikimedia.org/wikipedia/commons/2/27/ORDbot_quantum.jpg

“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

Page 78: Design Stories Are The New User Stories

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