• Save
Pen & Paper Tools for getting from Research to Design
Upcoming SlideShare
Loading in...5
×
 

Pen & Paper Tools for getting from Research to Design

on

  • 31,201 views

In the world of user experience, learning about your customers is key to making great stuff. But design research reports are dense and boring. Unlock the power of sketching and pen and paper tools to ...

In the world of user experience, learning about your customers is key to making great stuff. But design research reports are dense and boring. Unlock the power of sketching and pen and paper tools to create research outputs that are vibrant, sticky and that reflect personality, human perspective and that move seamlessly into design.

SXSW 2010 panel.

Statistics

Views

Total Views
31,201
Views on SlideShare
17,435
Embed Views
13,766

Actions

Likes
227
Downloads
0
Comments
12

45 Embeds 13,766

http://d.hatena.ne.jp 8285
http://trans.hatenablog.jp 3376
http://www.visualnotetaking.net 783
http://business901.com 611
http://bcstartup.wordpress.com 137
http://www.foolishstudios.com 81
http://www.yulanstudio.com 67
http://kaizensite.com 53
http://yulanstudio.com 48
http://www.bagtheweb.com 40
http://www.edita.jp 38
http://www.customerthink.com 32
http://www.slideshare.net 31
http://customerthink.com 24
http://www.linkedin.com 18
http://mediaevolution.se 18
http://r-research-d.blogspot.com 15
https://www.linkedin.com 13
http://r-research-d.blogspot.in 12
http://leanmarketingsystem.com 10
http://feeds.feedburner.com 9
http://www.firstflight.se 8
http://intelleto.com 8
http://www.twylah.com 7
https://twitter.com 6
http://webcache.googleusercontent.com 5
http://podcast.kug.ac.at 3
https://blackboard.robertmorris.edu 3
http://localhost.bagtheweb.com 2
https://mixer.gettyimages.com 2
http://cyunsun.com 2
http://scopia.es 2
https://twimg0-a.akamaihd.net 2
http://a0.twimg.com 2
http://us-w1.rockmelt.com 2
http://paper.li 2
http://www.antoniovieirasantos.com 1
http://www.drawsee.org 1
https://si0.twimg.com 1
http://tweetedtimes.com 1
http://courtneybolton.parasoup.de 1
https://mercy.blackboard.com 1
http://tweets.kathan.at 1
https://rsccd.blackboard.com 1
http://www.bestserviceone.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 12 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…

110 of 12

Post Comment
Edit your comment

Pen & Paper Tools for getting from Research to Design Pen & Paper Tools for getting from Research to Design Presentation Transcript

  • Pen & paper tools for getting from research to design SXSW | March 13, 2010 | #penpapertools Kate Rutter kate@adaptivepath.com
  • A little about me… @katerutter I’m a designer and strategist. Designing delightful experiences makes me tick. Making things visible and visual makes my heart sing. Adaptive Path Adaptive Path is a User Experience strategy and design consultancy. Our mission is to help companies make products and services that deliver great experiences that improve people’s lives.
  • What’s the whole point? To create products & services that delight, that inspire and that improve the lives of the people who use them.
  • First, a story... BIG opportunity space large shifting team money & time constraints
  • So here’s what we did:
  • So here’s what we did:
  • So here’s what we did:
  • And it was awesome. Vibrant stories captured visually Shared understanding Compelling insights Clear implications for design
  • What made it work? Visual approach activated a different way of working Pen & paper tools were accessible  and fast Concepts hinged The insights carried directly to design from research implications into design
  • Why work visually? Pictures Visual ideas communicate a Images help get through more complete groups move faster idea faster...together So that the resulting designs reflect real people and their needs.
  • How could we do this again?
  • We’ll cover… What you need to get started : tools & techniques A simple method activities! A way to take this home with you.
  • Warm-up INSTRUCTIONS Make a nameplate. 1.  On a piece of paper write your name in a way that communicates something about who you are. 2.  Then make a sketch of some kind that says something about you. 3.  Do it in 2 minutes.
  • Your toolkit Surfaces Mark-makers 1/2 sheets squares & quarters sharpies stickies markers sheets colored pencils templates colored chalks poster board rolls of paper crayons!
  • Your toolkit Marks WORDS LINES PICTURES case symbols case weight Case CASE lettering texture icons drawings Takes only seconds more than writing! shading
  • Your toolkit Layouts And also... centered size list cluster shape grid linear color tree radiant
  • Here is our process
  • Here is our process
  • Here is our process
  • Transcripts Jotting Note taking Coding Spreadsheets And more!
  • Jotting
  • Jotting EPIC : October 2008 : p. 22
  • Jotting Jotting breaks down observations into their most elemental parts  and captures the weight of each idea.
  • Let’s do an experiment You’ll practice jotting items from a short clip of an interview, using pen & paper tools. Try to capture the emotional energy along with key messages.
  • Activity INSTRUCTIONS I love to come home after a long day. When I get here, it just feels like this is the place I can Jot what you observe. hide from the world, or recover, 1.  Read this quote from a user or just be alone. It's all my stuff interview. and everything is where I want it. It's like a nest. Well, 2.  As you read, jot any significant sometimes it’s a nest. But ideas or themes that you observe. sometimes it's more like a 3.  Jot one observation per project. There's always piece of paper. something that needs to be 4.  Do it in 2 minutes. done.
  • Activity INSTRUCTIONS Let’s jot an audio transcript. 1.  Now, listen to this three-minute transcript. 2.  As you listen, jot what you hear. 3.  Use line weight, color, and imagery to distinguish the big themes from the smaller ideas. 4.  Do it in 5 minutes.
  • What do we do with all these pieces of paper?
  • Relationship Models Word Sort Theme Boards Bottom-up Sorting Affinity Diagrams Clustering And more!
  • Theme Boards
  • Theme Boards Theme boards display the results of synthesis.  They show the patterns and themes that act  as a bridge to the design process.
  • Reports Presentations Concept Storyboards Sketches Decks Books Video Reels Personas And more!
  • Concept Sketching
  • Concept Sketching Concept sketches capture a story, illustrate the relationships of elements, or a communicate a core set of related ideas.
  • Handy visual layouts Mind Maps 2 x 2s Graphs Grids Mandalas
  • Bringing it all together Use the concept sketches, jots & supplemental material to craft stories and implications for design.
  • Moving into design
  • Project Management Marketing Product Management Business strategy Product engineering!
  • Hinge from research… …to design
  • From concept sketch… … to storyboard
  • From concept sketch… … to information architecture
  • From concept sketch… … to interface prototype
  • What we covered What you need to get started : tools & techniques A simple method activities! A way to take this home with you.
  • Why are we doing this? So that the stuff we design connects with real people... their true stories, their honest emotions and their most important needs.
  • Why are we doing this? So that the stuff we design connects with real people... their true stories, their honest emotions and their most important needs. PU RE ESO ME AW
  • THINK ABOUT... What 1 thing  can you start using tomorrow?
  • MORE UX GOODNESS Phoenix, AZ • Pre-con : Apr 6-7 • Conference: Apr 8-11 www.iasummit.org | @iasummit Amsterdam: Apr 26-29 | San Francisco: Jun 27-30 www.adaptivepath.com/events 15% off with code FOKR San Francisco: Aug 24-27 www.uxweek.com 15% off with code FOKR
  • GETTING THE GOODS kate@adaptivepath.com www.adaptivepath.com @katerutter www.intelleto.com The slides will be on intelleto.com and slideshare in the next day or so... Credits to Leah Buley and Rachel Hinman for collaborating on this material and to the Adaptive Path folks who shared their project work.