SlideShare ist ein Scribd-Unternehmen logo
1 von 47
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Intaglio Printmaking
Intaglio PrintmakingIntaglio Printmaking
Intaglio Printmaking
stefa1jl
 
Aboriginal Art PowerPoint-Secondary Education
Aboriginal Art PowerPoint-Secondary EducationAboriginal Art PowerPoint-Secondary Education
Aboriginal Art PowerPoint-Secondary Education
Anne
 
White balance
White balanceWhite balance
White balance
Mary Haas
 

Was ist angesagt? (20)

Film Budgets Presentation
Film Budgets PresentationFilm Budgets Presentation
Film Budgets Presentation
 
Design thinking and Role Playing
Design thinking and Role PlayingDesign thinking and Role Playing
Design thinking and Role Playing
 
Pre-production, Production & Post-production Process in 3D Animation
Pre-production, Production & Post-production Process in 3D Animation Pre-production, Production & Post-production Process in 3D Animation
Pre-production, Production & Post-production Process in 3D Animation
 
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
What is creative photography?
What is creative photography?What is creative photography?
What is creative photography?
 
Intaglio Printmaking
Intaglio PrintmakingIntaglio Printmaking
Intaglio Printmaking
 
History of animation in brief
History of animation in briefHistory of animation in brief
History of animation in brief
 
Aboriginal Art PowerPoint-Secondary Education
Aboriginal Art PowerPoint-Secondary EducationAboriginal Art PowerPoint-Secondary Education
Aboriginal Art PowerPoint-Secondary Education
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
Careers in art lesson
Careers in art lessonCareers in art lesson
Careers in art lesson
 
180 degree rule
180 degree rule180 degree rule
180 degree rule
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
 
White balance
White balanceWhite balance
White balance
 
Understanding Users
Understanding UsersUnderstanding Users
Understanding Users
 
Analyzing visuals ppt
Analyzing visuals pptAnalyzing visuals ppt
Analyzing visuals ppt
 
Speculative Everything: Be a Dreamer with Critical Design and Design Fiction
Speculative Everything: Be a Dreamer with Critical Design and Design FictionSpeculative Everything: Be a Dreamer with Critical Design and Design Fiction
Speculative Everything: Be a Dreamer with Critical Design and Design Fiction
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
LO3 - Lesson 2 - Mood Boards
LO3 - Lesson 2 - Mood BoardsLO3 - Lesson 2 - Mood Boards
LO3 - Lesson 2 - Mood Boards
 

Andere mochten auch

L'homme est un document come les autres
L'homme est un document come les autresL'homme est un document come les autres
L'homme est un document come les autres
olivier
 

Andere mochten auch (20)

Solar mango corporate presentation
Solar mango   corporate presentationSolar mango   corporate presentation
Solar mango corporate presentation
 
Jacks of All Trades or Masters of One?
Jacks of All Trades or Masters of One?Jacks of All Trades or Masters of One?
Jacks of All Trades or Masters of One?
 
JWT: The Future 100 (December 2014)
JWT: The Future 100 (December 2014)JWT: The Future 100 (December 2014)
JWT: The Future 100 (December 2014)
 
Usability & Webdesign 2010
Usability & Webdesign 2010Usability & Webdesign 2010
Usability & Webdesign 2010
 
Relationship Economics: How to improve employee and customer relationships wi...
Relationship Economics: How to improve employee and customer relationships wi...Relationship Economics: How to improve employee and customer relationships wi...
Relationship Economics: How to improve employee and customer relationships wi...
 
52 tools for any company to innovate like a Startup /by @nickdemey @boardofinno
52 tools for any company to innovate like a Startup /by @nickdemey @boardofinno52 tools for any company to innovate like a Startup /by @nickdemey @boardofinno
52 tools for any company to innovate like a Startup /by @nickdemey @boardofinno
 
Building an HTML5 Video Player
Building an HTML5 Video PlayerBuilding an HTML5 Video Player
Building an HTML5 Video Player
 
OpenERP Magento Connector "New Generation" Workflow
OpenERP Magento Connector "New Generation" WorkflowOpenERP Magento Connector "New Generation" Workflow
OpenERP Magento Connector "New Generation" Workflow
 
10 videos on our near Future - What's the impact on your business? (by @nickd...
10 videos on our near Future - What's the impact on your business? (by @nickd...10 videos on our near Future - What's the impact on your business? (by @nickd...
10 videos on our near Future - What's the impact on your business? (by @nickd...
 
Social Media Is Dead: Long Live Common Sense.
Social Media Is Dead: Long Live Common Sense.Social Media Is Dead: Long Live Common Sense.
Social Media Is Dead: Long Live Common Sense.
 
Slides That Rock
Slides That RockSlides That Rock
Slides That Rock
 
Zara Marketing Campaign Design
Zara Marketing Campaign DesignZara Marketing Campaign Design
Zara Marketing Campaign Design
 
Negócios Bem Sucedidos - Uma Visão
Negócios Bem Sucedidos -  Uma VisãoNegócios Bem Sucedidos -  Uma Visão
Negócios Bem Sucedidos - Uma Visão
 
100 images for visual brainstorming
100 images for visual brainstorming100 images for visual brainstorming
100 images for visual brainstorming
 
Crash Course Design Thinking - by @arnoutsmeets
Crash Course Design Thinking - by @arnoutsmeetsCrash Course Design Thinking - by @arnoutsmeets
Crash Course Design Thinking - by @arnoutsmeets
 
What the F**K is Social Media: One Year Later
What the F**K is Social Media: One Year LaterWhat the F**K is Social Media: One Year Later
What the F**K is Social Media: One Year Later
 
Where to find better ideas? +10 categories to explore with examples
Where to find better ideas? +10 categories to explore with examplesWhere to find better ideas? +10 categories to explore with examples
Where to find better ideas? +10 categories to explore with examples
 
Socioéconomie du numérique
Socioéconomie du numériqueSocioéconomie du numérique
Socioéconomie du numérique
 
Web semantique
Web semantiqueWeb semantique
Web semantique
 
L'homme est un document come les autres
L'homme est un document come les autresL'homme est un document come les autres
L'homme est un document come les autres
 

Ähnlich wie Pen & Paper Tools for getting from Research to Design

See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
BayCHI
 
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
 
Kidding Around Case Study: Museum of London (#mw2012)
Kidding Around Case Study: Museum of London (#mw2012)Kidding Around Case Study: Museum of London (#mw2012)
Kidding Around Case Study: Museum of London (#mw2012)
Shelley Mannion
 
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & ToolsDesign Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Bas Leurs
 

Ähnlich wie Pen & Paper Tools for getting from Research to Design (20)

See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
 
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to De...
 
Penandpapertools
PenandpapertoolsPenandpapertools
Penandpapertools
 
Workbook : Pen & Paper Tools for getting from Research to Design [See->Sort->...
Workbook : Pen & Paper Tools for getting from Research to Design [See->Sort->...Workbook : Pen & Paper Tools for getting from Research to Design [See->Sort->...
Workbook : Pen & Paper Tools for getting from Research to Design [See->Sort->...
 
Senior Design Projects
Senior Design ProjectsSenior Design Projects
Senior Design Projects
 
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
 
Develop
DevelopDevelop
Develop
 
The power of the pencil
The power of the pencilThe power of the pencil
The power of the pencil
 
Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadology
 
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
 
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
 
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
 
Kidding Around Case Study: Museum of London (#mw2012)
Kidding Around Case Study: Museum of London (#mw2012)Kidding Around Case Study: Museum of London (#mw2012)
Kidding Around Case Study: Museum of London (#mw2012)
 
stanford-design-thinking-workbook-
stanford-design-thinking-workbook-stanford-design-thinking-workbook-
stanford-design-thinking-workbook-
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and Scenarios
 
Design Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & ToolsDesign Theory - Lecture 03: Design as Learning / Methods & Tools
Design Theory - Lecture 03: Design as Learning / Methods & Tools
 
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
 
Software instructions by IKEA? 3 ways to make your documentation more visual
Software instructions by IKEA? 3 ways to make your documentation more visualSoftware instructions by IKEA? 3 ways to make your documentation more visual
Software instructions by IKEA? 3 ways to make your documentation more visual
 
Sketching Matters
Sketching MattersSketching Matters
Sketching Matters
 

Mehr von Kate Rutter

Mehr von Kate Rutter (20)

[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
 
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UI
 
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
 
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
 
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
 
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
 
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
 
Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019]
 
Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]
 
Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]
 
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
 
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
 
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
 
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
 
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
 
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
 
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
 
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
 
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
 

Kürzlich hochgeladen

young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
soniya singh
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
suhanimunjal27
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
amedia6
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
shivubhavv
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 

Kürzlich hochgeladen (20)

young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 

Pen & Paper Tools for getting from Research to Design

  • 1. Pen & paper tools for getting from research to design SXSW | March 13, 2010 | #penpapertools Kate Rutter kate@adaptivepath.com
  • 2. 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.
  • 3. What’s the whole point? To create products & services that delight, that inspire and that improve the lives of the people who use them.
  • 4. First, a story... BIG opportunity space large shifting team money & time constraints
  • 8. And it was awesome. Vibrant stories captured visually Shared understanding Compelling insights Clear implications for design
  • 9. 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
  • 10. 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.
  • 11. How could we do this again?
  • 12. We’ll cover… What you need to get started : tools techniques A simple method activities! A way to take this home with you.
  • 13. 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.
  • 14. 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!
  • 15. Your toolkit Marks WORDS LINES PICTURES case symbols case weight Case CASE lettering texture icons drawings Takes only seconds more than writing! shading
  • 16. Your toolkit Layouts And also... centered size list cluster shape grid linear color tree radiant
  • 17. Here is our process
  • 18. Here is our process
  • 19. Here is our process
  • 20. Transcripts Jotting Note taking Coding Spreadsheets And more!
  • 22. Jotting EPIC : October 2008 : p. 22
  • 23. Jotting Jotting breaks down observations into their most elemental parts and captures the weight of each idea.
  • 24. 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.
  • 25. 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.
  • 26. 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.
  • 27. What do we do with all these pieces of paper?
  • 28. Relationship Models Word Sort Theme Boards Bottom-up Sorting Affinity Diagrams Clustering And more!
  • 30. Theme Boards Theme boards display the results of synthesis. They show the patterns and themes that act as a bridge to the design process.
  • 31. Reports Presentations Concept Storyboards Sketches Decks Books Video Reels Personas And more!
  • 33. Concept Sketching Concept sketches capture a story, illustrate the relationships of elements, or a communicate a core set of related ideas.
  • 34. Handy visual layouts Mind Maps 2 x 2s Graphs Grids Mandalas
  • 35. Bringing it all together Use the concept sketches, jots supplemental material to craft stories and implications for design.
  • 37. Project Management Marketing Product Management Business strategy Product engineering!
  • 38. Hinge from research… …to design
  • 39. From concept sketch… … to storyboard
  • 40. From concept sketch… … to information architecture
  • 41. From concept sketch… … to interface prototype
  • 42. What we covered What you need to get started : tools techniques A simple method activities! A way to take this home with you.
  • 43. 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.
  • 44. 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
  • 45. THINK ABOUT... What 1 thing can you start using tomorrow?
  • 46. 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
  • 47. 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.