SlideShare a Scribd company logo
Pen & paper techniques for
getting from research to design
Kate Rutter kate@adaptivepath.com

BayCHI | June 9, 2009
we are
A little about me…


                                Kate R.
                                I’m a designer and strategist.
                                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.
First, a story...


BIG opportunity space




                                       large shifting team




                        money & time
                         constraints
So here’s what we did:
And it was awesome.
             Compelling insights

  Shared understanding
           New perspectives

  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 the 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                         Utensils
        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
process: see

Here is our process
Transcripts
                           Jotting
Note taking

  Coding

Spreadsheets


               And more!
Jotting


           Jotting breaks down
          observations into their
           most elemental parts 
          and captures the weight
               of each idea.
The scenario:


  You are a researcher on a project
  to develop innovative solutions
  for common household
  organization problems.

  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.
min]

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 observe.
           3.  Use line weight, color, and imagery
               to distinguish the big themes from
               the smaller ideas.
           4.  Do it in 5 minutes.
next?



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 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.
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.
THINK ABOUT...



What 3 things can
you start using
tomorrow?
GETTING THE GOODS


Download the workbook  deck from:
• www.intelleto.com (after Friday!)


               Kate Rutter kate@adaptivepath.com

More Related Content

PDF
Workbook : Pen & Paper Tools for getting from Research to Design [See->Sort->...
PDF
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
PPTX
Sketching
PPT
How to-make-effective-presentation-23836
PPT
How to-make-effective-presentation-23836
PPT
How to-make-effective-presentation
PPT
How to-make-effective-presentation-23836
PDF
Fate short tales lesson details
Workbook : Pen & Paper Tools for getting from Research to Design [See->Sort->...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
Sketching
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836
How to-make-effective-presentation
How to-make-effective-presentation-23836
Fate short tales lesson details

What's hot (15)

PDF
Develop
PDF
Practical Sketchnoting
PDF
Senior Design Projects
PDF
A Personal Design Philosophy
PPT
Effective presentation
PPTX
Colors presentation - presentation skills - SEM Internship
PPTX
Good Graphic design and an Introduction to Inkscape
PPTX
Creating mind maps
KEY
Mapping present01
PPT
Jeff Borden: Education 3.0: Learn Better
PDF
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
PDF
Sketchnoting
PDF
Rise Together How To.pdf
PDF
Mind Mapping Workshop
PPTX
Pondera - How it works
Develop
Practical Sketchnoting
Senior Design Projects
A Personal Design Philosophy
Effective presentation
Colors presentation - presentation skills - SEM Internship
Good Graphic design and an Introduction to Inkscape
Creating mind maps
Mapping present01
Jeff Borden: Education 3.0: Learn Better
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
Sketchnoting
Rise Together How To.pdf
Mind Mapping Workshop
Pondera - How it works
Ad

Viewers also liked (15)

PDF
Rapid Iteration On Mobile (Lean Startup Conf 2013)
PPTX
Workshop lean startup
PDF
Workshop lean canvas cycle 3
PPTX
Avatech: Workshop Lean Canvas
PDF
Lean canvas workshop
PPTX
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
PDF
The Lean Startup - Pitching Techniken und Storytelling
PDF
The 10 Biggest Questions We Received From Tech Startups - NextView Ventures
PDF
Pitch Deck Template for startups
PDF
State of Startups 2015
PPTX
31 Best Growth Hacking Resources
PDF
Sequoia Capital Pitch Deck Template
PPTX
Lean pitching
PDF
How I Grew in Tech - A Startup Story in 3 Acts
PDF
Random Acts of Marketing are Killing your Startup
Rapid Iteration On Mobile (Lean Startup Conf 2013)
Workshop lean startup
Workshop lean canvas cycle 3
Avatech: Workshop Lean Canvas
Lean canvas workshop
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
The Lean Startup - Pitching Techniken und Storytelling
The 10 Biggest Questions We Received From Tech Startups - NextView Ventures
Pitch Deck Template for startups
State of Startups 2015
31 Best Growth Hacking Resources
Sequoia Capital Pitch Deck Template
Lean pitching
How I Grew in Tech - A Startup Story in 3 Acts
Random Acts of Marketing are Killing your Startup
Ad

Similar to See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design (20)

PDF
Pen & Paper Tools for getting from Research to Design
PDF
2008 Design Strategy & Innovation
PDF
Visual Design Day 1
PDF
Good Design Faster at UX Sofia
PDF
October 2012 Unitedhealth Presentation
KEY
Google SketchUp for Media Architecture Communication
PDF
Good Design Faster at Design by Fire 2010
ZIP
Sketching Matters
PDF
Getting into User Experience Design
PDF
Intro to Design Thinking
PDF
Visual Design Project Brief
PDF
Melb susjam.toolkit
KEY
Critical thinking
PPTX
Conole icem keynote_final_28_sept
PPTX
Conole CARDET Workshop 2
KEY
OTC11-Using Right Brain Thinking in EdTech Innovation
PDF
ASUS User Experience Innovation Workshop - v1.2
PPTX
Startup camp berlin 2012
DOC
Chapter 9 case study tools for visualising designs
PPTX
Visual Design
Pen & Paper Tools for getting from Research to Design
2008 Design Strategy & Innovation
Visual Design Day 1
Good Design Faster at UX Sofia
October 2012 Unitedhealth Presentation
Google SketchUp for Media Architecture Communication
Good Design Faster at Design by Fire 2010
Sketching Matters
Getting into User Experience Design
Intro to Design Thinking
Visual Design Project Brief
Melb susjam.toolkit
Critical thinking
Conole icem keynote_final_28_sept
Conole CARDET Workshop 2
OTC11-Using Right Brain Thinking in EdTech Innovation
ASUS User Experience Innovation Workshop - v1.2
Startup camp berlin 2012
Chapter 9 case study tools for visualising designs
Visual Design

More from BayCHI (20)

PDF
The Importance of Facial Features, Gretchen Anderson at BayCHI
PDF
Chris Longhurst at BayCHI: Unintended Consequences of Healthcare IT
PDF
Peter Merholz at BayCHI July 8, 2008: Creating Great Products and Services in...
PDF
Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face D...
PDF
Scot Hacker: Building a Killer Bucketlist Site with Python/Django
PDF
Jared Spool: Revealing Design Treasures from The Amazon
PDF
Luke Wroblewski at BayCHI IxD BOF: Input: Moving Beyond Static Forms
PDF
Jeff Johnson at BayCHI: Designing with the Mind in Mind
PDF
Mindset for Achievement: How to Boost Achievement and Fulfillment Through Min...
PDF
Designing Social Interfaces: 5 Principles, 5 Practices, 5 Anti-Patterns
PDF
Elaine Wherry, Meebo: What Web Application Design Can Learn from the Harpsichord
PPT
Scott MacKenzie at BayCHI: Evaluating Eye Tracking Systems for Computer Data ...
KEY
Juliette Melton at BayCHI: Real World Remote Research
KEY
Juliette Melton at BayCHI: Real World Remote Research
PPTX
Conrad Albrecht-Buehler at BayCHI: Heed or: How I Learned to Stop Monitoring ...
PPTX
Conrad Albrecht-Buehler at BayCHI: Heed or: How I Learned to Stop Monitoring ...
PDF
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
PDF
BayCHI: Wikimania Redux
PPT
Taming Complexity and Sparking Innovation Through Ideation and Design Thinking
PDF
Aiming for Innovation: Living Design in a Business World
The Importance of Facial Features, Gretchen Anderson at BayCHI
Chris Longhurst at BayCHI: Unintended Consequences of Healthcare IT
Peter Merholz at BayCHI July 8, 2008: Creating Great Products and Services in...
Xianhang Zhang: Lessons from Social Software: From Facebook to Face to Face D...
Scot Hacker: Building a Killer Bucketlist Site with Python/Django
Jared Spool: Revealing Design Treasures from The Amazon
Luke Wroblewski at BayCHI IxD BOF: Input: Moving Beyond Static Forms
Jeff Johnson at BayCHI: Designing with the Mind in Mind
Mindset for Achievement: How to Boost Achievement and Fulfillment Through Min...
Designing Social Interfaces: 5 Principles, 5 Practices, 5 Anti-Patterns
Elaine Wherry, Meebo: What Web Application Design Can Learn from the Harpsichord
Scott MacKenzie at BayCHI: Evaluating Eye Tracking Systems for Computer Data ...
Juliette Melton at BayCHI: Real World Remote Research
Juliette Melton at BayCHI: Real World Remote Research
Conrad Albrecht-Buehler at BayCHI: Heed or: How I Learned to Stop Monitoring ...
Conrad Albrecht-Buehler at BayCHI: Heed or: How I Learned to Stop Monitoring ...
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
BayCHI: Wikimania Redux
Taming Complexity and Sparking Innovation Through Ideation and Design Thinking
Aiming for Innovation: Living Design in a Business World

Recently uploaded (20)

PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Business Ethics Teaching Materials for college
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPH.pptx obstetrics and gynecology in nursing
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Supply Chain Operations Speaking Notes -ICLT Program
Business Ethics Teaching Materials for college
human mycosis Human fungal infections are called human mycosis..pptx
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Pharmacology of Heart Failure /Pharmacotherapy of CHF
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Renaissance Architecture: A Journey from Faith to Humanism
Final Presentation General Medicine 03-08-2024.pptx
Microbial diseases, their pathogenesis and prophylaxis
FourierSeries-QuestionsWithAnswers(Part-A).pdf
102 student loan defaulters named and shamed – Is someone you know on the list?
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
O5-L3 Freight Transport Ops (International) V1.pdf
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table

See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design

  • 1. Pen & paper techniques for getting from research to design Kate Rutter kate@adaptivepath.com BayCHI | June 9, 2009
  • 2. we are A little about me… Kate R. I’m a designer and strategist. 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.
  • 3. First, a story... BIG opportunity space large shifting team money & time constraints
  • 5. And it was awesome. Compelling insights Shared understanding New perspectives Clear implications for design
  • 6. 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
  • 7. 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 the people and their needs.
  • 8. How could we do this again?
  • 9. We’ll cover… What you need to get started : tools techniques A simple method activities! A way to take this home with you.
  • 10. 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.
  • 11. Your toolkit Surfaces Utensils 1/2 sheets squares quarters sharpies stickies markers sheets colored pencils templates colored chalks poster board rolls of paper crayons!
  • 12. Your toolkit Marks WORDS LINES PICTURES case symbols case weight Case CASE lettering texture icons drawings Takes only seconds more than writing! shading
  • 13. Your toolkit Layouts And also... centered size list cluster shape grid linear color tree radiant
  • 14. process: see Here is our process
  • 15. Transcripts Jotting Note taking Coding Spreadsheets And more!
  • 16. Jotting Jotting breaks down observations into their most elemental parts and captures the weight of each idea.
  • 17. The scenario: You are a researcher on a project to develop innovative solutions for common household organization problems. 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.
  • 18. min] 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.
  • 19. Activity INSTRUCTIONS Let’s jot an audio transcript. 1.  Now, listen to this three-minute transcript. 2.  As you listen, jot what you observe. 3.  Use line weight, color, and imagery to distinguish the big themes from the smaller ideas. 4.  Do it in 5 minutes.
  • 20. next? What do we do with all these pieces of paper?
  • 21. Relationship Models Word Sort Theme Boards Bottom-up Sorting Affinity Diagrams Clustering And more!
  • 23. Theme Boards Theme boards display the results of synthesis. They show the patterns and themes that act as a bridge to the design process.
  • 24. Reports Presentations Concept Storyboards Sketches Decks Books Video Reels Personas And more!
  • 25. Concept Sketching Concept sketches capture a story, illustrate the relationships of elements, or a communicate a core set of related ideas.
  • 26. Handy visual layouts Mind Maps 2 x 2s Graphs Grids Mandalas
  • 27. Bringing it all together Use the concept sketches, jots supplemental material to craft stories and implications for design.
  • 28. Hinge from research… …to design
  • 29. From concept sketch… … to storyboard
  • 30. From concept sketch… … to information architecture
  • 31. From concept sketch… … to interface prototype
  • 32. What we covered.... What you need to get started : tools techniques A simple method activities! A way to take this home with you.
  • 33. THINK ABOUT... What 3 things can you start using tomorrow?
  • 34. GETTING THE GOODS Download the workbook deck from: • www.intelleto.com (after Friday!) Kate Rutter kate@adaptivepath.com