SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

Good Design Faster at UX Sofia
Good Design Faster at UX SofiaGood Design Faster at UX Sofia
Good Design Faster at UX Sofia
Peter Boersma
 
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836
pabloydani
 
First draft storyboard
First draft storyboardFirst draft storyboard
First draft storyboard
JAshleyMedia
 
2007 User Inspired Design
2007 User Inspired Design 2007 User Inspired Design
2007 User Inspired Design
Jin Lee
 
6 6 12_dan_mulligan_handout
6 6 12_dan_mulligan_handout6 6 12_dan_mulligan_handout
6 6 12_dan_mulligan_handout
Ola7
 

Tendances (17)

How to-make-effective-presentation
How to-make-effective-presentationHow to-make-effective-presentation
How to-make-effective-presentation
 
Good Design Faster at UX Sofia
Good Design Faster at UX SofiaGood Design Faster at UX Sofia
Good Design Faster at UX Sofia
 
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836
 
First draft storyboard
First draft storyboardFirst draft storyboard
First draft storyboard
 
Creating mind maps
Creating mind mapsCreating mind maps
Creating mind maps
 
Mind Mapping
Mind MappingMind Mapping
Mind Mapping
 
Good design faster slides failcon 2010
Good design faster slides   failcon 2010Good design faster slides   failcon 2010
Good design faster slides failcon 2010
 
50 Thinking prompts Mind Map
50 Thinking prompts Mind Map50 Thinking prompts Mind Map
50 Thinking prompts Mind Map
 
2007 User Inspired Design
2007 User Inspired Design 2007 User Inspired Design
2007 User Inspired Design
 
Mapping present01
Mapping present01Mapping present01
Mapping present01
 
6 6 12_dan_mulligan_handout
6 6 12_dan_mulligan_handout6 6 12_dan_mulligan_handout
6 6 12_dan_mulligan_handout
 
Rise Together How To.pdf
Rise Together How To.pdfRise Together How To.pdf
Rise Together How To.pdf
 
Happy and creative Mind Map
Happy and creative Mind MapHappy and creative Mind Map
Happy and creative Mind Map
 
Mind Map Inspiration
Mind Map InspirationMind Map Inspiration
Mind Map Inspiration
 
Essays on Foundational Design Courses
Essays on Foundational Design CoursesEssays on Foundational Design Courses
Essays on Foundational Design Courses
 
Mind Mapping Workshop
Mind Mapping WorkshopMind Mapping Workshop
Mind Mapping Workshop
 
Communicating and Selling UX Design Deliverables
Communicating and Selling UX Design DeliverablesCommunicating and Selling UX Design Deliverables
Communicating and Selling UX Design Deliverables
 

En vedette

Corporate CV
Corporate CVCorporate CV
Corporate CV
mikecooke
 
Project Management
Project ManagementProject Management
Project Management
guest4408ddc
 

En vedette (15)

Timeless Era
Timeless EraTimeless Era
Timeless Era
 
Wedding Bliss Photography
Wedding Bliss PhotographyWedding Bliss Photography
Wedding Bliss Photography
 
Çameli ilçesi
Çameli ilçesiÇameli ilçesi
Çameli ilçesi
 
Second National Student Techno-Scientifical Conference
Second National Student Techno-Scientifical ConferenceSecond National Student Techno-Scientifical Conference
Second National Student Techno-Scientifical Conference
 
10 1
10 110 1
10 1
 
Race and American Imperialism and the Spalding World Baseball Tour
Race and American Imperialism and the Spalding World Baseball TourRace and American Imperialism and the Spalding World Baseball Tour
Race and American Imperialism and the Spalding World Baseball Tour
 
Writing quality code, as a team.
Writing quality code, as a team.Writing quality code, as a team.
Writing quality code, as a team.
 
Two rotor aerodynamical system
Two rotor aerodynamical systemTwo rotor aerodynamical system
Two rotor aerodynamical system
 
Timeless Era photography by Angela Baumgartner
Timeless Era photography by Angela BaumgartnerTimeless Era photography by Angela Baumgartner
Timeless Era photography by Angela Baumgartner
 
Corporate CV
Corporate CVCorporate CV
Corporate CV
 
Commercial Photography Slideshow
Commercial Photography SlideshowCommercial Photography Slideshow
Commercial Photography Slideshow
 
Conflict in Sudan
Conflict in SudanConflict in Sudan
Conflict in Sudan
 
Project Management
Project ManagementProject Management
Project Management
 
Tintash E-Learning
Tintash E-Learning Tintash E-Learning
Tintash E-Learning
 
Recycling
RecyclingRecycling
Recycling
 

Similaire à Penandpapertools

Thinking and working visually for software testers - Nordic Testing Days
Thinking and working visually for software testers - Nordic Testing DaysThinking and working visually for software testers - Nordic Testing Days
Thinking and working visually for software testers - Nordic Testing Days
Huib Schoots
 
Prewriting lesson for lms
Prewriting lesson for lmsPrewriting lesson for lms
Prewriting lesson for lms
janalmiller
 
Peyton jones-writing
Peyton jones-writingPeyton jones-writing
Peyton jones-writing
kstivers1
 
Process of writing
Process of writingProcess of writing
Process of writing
cesarh2192
 
Process of writing
Process of writingProcess of writing
Process of writing
cesarh2192
 

Similaire à Penandpapertools (20)

Pen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignPen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to Design
 
Senior Design Projects
Senior Design ProjectsSenior Design Projects
Senior Design Projects
 
Develop
DevelopDevelop
Develop
 
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessReinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
 
Vdis10001 Lecture 2
Vdis10001 Lecture 2Vdis10001 Lecture 2
Vdis10001 Lecture 2
 
The power of the pencil
The power of the pencilThe power of the pencil
The power of the pencil
 
VDIS10011 Restoration Interiors 2 Lecture 4: Concept Development
VDIS10011 Restoration Interiors 2 Lecture 4: Concept DevelopmentVDIS10011 Restoration Interiors 2 Lecture 4: Concept Development
VDIS10011 Restoration Interiors 2 Lecture 4: Concept Development
 
Thinking and working visually for software testers - Nordic Testing Days
Thinking and working visually for software testers - Nordic Testing DaysThinking and working visually for software testers - Nordic Testing Days
Thinking and working visually for software testers - Nordic Testing Days
 
VDIS10006 Restoration Interiors 1 Lecture 3: Concept Development
VDIS10006 Restoration Interiors 1 Lecture 3: Concept DevelopmentVDIS10006 Restoration Interiors 1 Lecture 3: Concept Development
VDIS10006 Restoration Interiors 1 Lecture 3: Concept Development
 
Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadology
 
Digital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingDigital Essay Intro & Brainstorming
Digital Essay Intro & Brainstorming
 
Prewriting lesson for lms
Prewriting lesson for lmsPrewriting lesson for lms
Prewriting lesson for lms
 
Design tenets: One Step closer to a pixel perfect experience
Design tenets: One Step closer to a pixel perfect experienceDesign tenets: One Step closer to a pixel perfect experience
Design tenets: One Step closer to a pixel perfect experience
 
Pair Design
Pair DesignPair Design
Pair Design
 
Pair Design: How to Mind-Meld for Ideation
Pair Design: How to Mind-Meld for IdeationPair Design: How to Mind-Meld for Ideation
Pair Design: How to Mind-Meld for Ideation
 
Peyton jones-writing
Peyton jones-writingPeyton jones-writing
Peyton jones-writing
 
Process of writing
Process of writingProcess of writing
Process of writing
 
Process of writing
Process of writingProcess of writing
Process of writing
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
Visual Design Day 1
Visual Design Day 1Visual Design Day 1
Visual Design Day 1
 

Dernier

Dernier (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

Penandpapertools

  • 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