View
119
Download
1
Category
Tags:
Preview:
DESCRIPTION
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.
Citation preview
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 Prototypingphoto credit: http://interaction.dundee.ac.uk/~mgackowski
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
Usersphoto credit http://www.huffingtonpost.com/2012/12/27/us-population-census_n_2371464.html
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
photo credit: http://scientopia.org/blogs/
Real World Problems
Design Thinking
Useful
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
photo credit http://blog.kjempekjekt.com/2012/12/23/ferris-gjr-event-sourcing-i-ui-luke-23-2012/
System
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
Usabilityphoto 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 months of coding.”
-Laura Klein
“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
Sketchnotesphoto credit http://sketchnotearmy.com/blog/tag/sketchnotes
Flow Sketchesphoto credit http://hfid.olin.edu/sa2005/engr3220-whitecheddar/2_larry_predesign.htm
UI Sketchesphoto 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-ethnography-brand-research
Screenwriting
Methodsphoto credit: http://www.scriptmag.com/features/how-to-ace-your-pitch-helpful-tips-for-screenwriters-world-conference-west
Continuity
Collaborationphoto credit: http://www.flickr.com/photos/dlasky/3758946441/
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
Validationphoto credit: http://slant.investorplace.com/files/2013/03/TheaterCurtains.jpg
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
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 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
“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 _________________”
“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
“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
“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
“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
Story Pitchesphoto credit: http://www.earthworksaudio.com/microphones/flexmic-series-2/fm500/
photo credit: http://www.docstoc.com/docs/7601868/Documentary-Proposal
Doc Proposal
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
Context
User Flow
Personas
Value
Usability
Information Symmetry
System
Visual Design
Reflective Experience
Doc Script Cardphoto 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, combinations from what’s nearby for fast delivery and makes the experience of creating a pizza enjoyable ”
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 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
Tasks
Building Stuffphoto credit: https://github.com/larsxschneider/ShowInGitHub
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
photo credit: http://www.jetro.go.jp/j-messe/tradefair_en/NFC_36338
“Smart World” Stories
Curate, Rip, Sharephoto credit: http://i.huffpost.com/gen/919388/thumbs/o-MACHINES-MAKE-US-HUMAN-facebook.jpg
Devices Everywherephoto credit: http://www.livabledelaware.com/?p=28
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
Thank You!Questions & Contact:Luis Daniel Rodriguez@uxcodeline
Recommended