SlideShare ist ein Scribd-Unternehmen logo
1 von 52
Downloaden Sie, um offline zu lesen
Pen & paper tools for getting
from research to design
IA Summit | April 8, 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
the plaguing thought of...

“but I can’t draw”
when you think               instead, think

 I can’t draw                I’ll try a little each day


I don’t know how             I’ll use text, but with more
to start                     texture


My stuff looks               it’s like grammar, not art
crappy
Here is our process
Here is our process
Here is our process
Transcripts
                                       Jotting
Note taking

  Coding

Spreadsheets
           Video   Audio
                           And more!
Jotting
Jotting




          EPIC : October 2008 : p. 23
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.
Some examples
Some examples
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
Some examples
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.




  P URE
    ESO ME
 AW
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.




  P URE
    ESO ME
 AW
THINK ABOUT...



What 1 thing 
can you start using
tomorrow?
MORE UX GOODNESS

                        Portland, OR
                        • Pre-con : May 19
                        • Conference: May 20-21
                        www.webvisionsevent.org | @webvisions



      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 near future...

Credits to Leah Buley and Rachel Hinman for collaborating on
this material and to the Adaptive Path folks who shared their
project work.

Más contenido relacionado

Was ist angesagt?

How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836Amiel Naba
 
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836Re Mÿ
 
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836pabloydani
 
Susan yoome p3
Susan yoome p3Susan yoome p3
Susan yoome p3ybyun15591
 
Introduction to Sketchnote - Workshop @ UX in Lux
Introduction to Sketchnote - Workshop @ UX in LuxIntroduction to Sketchnote - Workshop @ UX in Lux
Introduction to Sketchnote - Workshop @ UX in LuxAnnabelle Buffart
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro formaBenedict Terry
 
009 mind maps and big ideas
009 mind maps and big ideas009 mind maps and big ideas
009 mind maps and big ideasJ. Trevett Allen
 
Typography for [Digital] Humanists
Typography for [Digital] HumanistsTypography for [Digital] Humanists
Typography for [Digital] HumanistsAmy Papaelias
 
Creating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual CommunicationCreating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual CommunicationBarry Casey
 
Senior Design Projects
Senior Design ProjectsSenior Design Projects
Senior Design ProjectsNeil Schumaker
 
ELG: Project #01: Process Essay Writing (Final)
ELG: Project #01: Process Essay Writing (Final)ELG: Project #01: Process Essay Writing (Final)
ELG: Project #01: Process Essay Writing (Final)NatalieKi
 
The neverending miscarriage experimental type book design
The neverending miscarriage experimental type book designThe neverending miscarriage experimental type book design
The neverending miscarriage experimental type book designAmanda Kern
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...Jennifer Briselli
 
Different styles, techniques and types of illustration
Different styles, techniques and types of illustrationDifferent styles, techniques and types of illustration
Different styles, techniques and types of illustrationProglobalbusinesssolutions
 
Presentation
PresentationPresentation
Presentationjeffohsoj
 
mind mapping-HCT.ppt
mind mapping-HCT.pptmind mapping-HCT.ppt
mind mapping-HCT.pptGShyamala2
 
2015 2 adb presentation summary place in question.
2015 2 adb presentation summary place in question.2015 2 adb presentation summary place in question.
2015 2 adb presentation summary place in question.Whitney Henderson Reilly
 

Was ist angesagt? (20)

How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836
 
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836
 
How to-make-effective-presentation-23836
How to-make-effective-presentation-23836How to-make-effective-presentation-23836
How to-make-effective-presentation-23836
 
Susan yoome p3
Susan yoome p3Susan yoome p3
Susan yoome p3
 
Introduction to Sketchnote - Workshop @ UX in Lux
Introduction to Sketchnote - Workshop @ UX in LuxIntroduction to Sketchnote - Workshop @ UX in Lux
Introduction to Sketchnote - Workshop @ UX in Lux
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro forma
 
009 mind maps and big ideas
009 mind maps and big ideas009 mind maps and big ideas
009 mind maps and big ideas
 
Develop
DevelopDevelop
Develop
 
Typography for [Digital] Humanists
Typography for [Digital] HumanistsTypography for [Digital] Humanists
Typography for [Digital] Humanists
 
Creating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual CommunicationCreating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual Communication
 
Senior Design Projects
Senior Design ProjectsSenior Design Projects
Senior Design Projects
 
Typeface design
Typeface designTypeface design
Typeface design
 
ELG: Project #01: Process Essay Writing (Final)
ELG: Project #01: Process Essay Writing (Final)ELG: Project #01: Process Essay Writing (Final)
ELG: Project #01: Process Essay Writing (Final)
 
The neverending miscarriage experimental type book design
The neverending miscarriage experimental type book designThe neverending miscarriage experimental type book design
The neverending miscarriage experimental type book design
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
 
3 d modeling (mac 2013)
3 d modeling (mac 2013)3 d modeling (mac 2013)
3 d modeling (mac 2013)
 
Different styles, techniques and types of illustration
Different styles, techniques and types of illustrationDifferent styles, techniques and types of illustration
Different styles, techniques and types of illustration
 
Presentation
PresentationPresentation
Presentation
 
mind mapping-HCT.ppt
mind mapping-HCT.pptmind mapping-HCT.ppt
mind mapping-HCT.ppt
 
2015 2 adb presentation summary place in question.
2015 2 adb presentation summary place in question.2015 2 adb presentation summary place in question.
2015 2 adb presentation summary place in question.
 

Andere mochten auch

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
 
Rapid Iteration On Mobile (Lean Startup Conf 2013)
Rapid Iteration On Mobile (Lean Startup Conf 2013)Rapid Iteration On Mobile (Lean Startup Conf 2013)
Rapid Iteration On Mobile (Lean Startup Conf 2013)xanadumobile
 
Workshop lean startup
Workshop lean startupWorkshop lean startup
Workshop lean startupSara Usinger
 
Workshop lean canvas cycle 3
Workshop lean canvas cycle 3Workshop lean canvas cycle 3
Workshop lean canvas cycle 3Sara Usinger
 
Building Interactive Stories Miniworkshop
Building Interactive Stories MiniworkshopBuilding Interactive Stories Miniworkshop
Building Interactive Stories MiniworkshopBjarke Calvin
 
Organizing Sketchnotes — MidwestUX 2012
Organizing Sketchnotes — MidwestUX 2012Organizing Sketchnotes — MidwestUX 2012
Organizing Sketchnotes — MidwestUX 2012Veronica Erb
 
Sketchnote Collection 1 - Sacha Chua
Sketchnote Collection 1 - Sacha ChuaSketchnote Collection 1 - Sacha Chua
Sketchnote Collection 1 - Sacha ChuaSacha Chua
 
Sketchnoting for beginners #LW2016
Sketchnoting for beginners #LW2016Sketchnoting for beginners #LW2016
Sketchnoting for beginners #LW2016Lisa Stevens
 
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End GivingIt's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End GivingSocial Media for Nonprofits
 
SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...
SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...
SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...Vicki Davis
 
Let's Sketchnote — MidwestUX 2012
Let's Sketchnote — MidwestUX 2012Let's Sketchnote — MidwestUX 2012
Let's Sketchnote — MidwestUX 2012Veronica Erb
 
The Lean Startup - Pitching Techniken und Storytelling
The Lean Startup - Pitching Techniken und StorytellingThe Lean Startup - Pitching Techniken und Storytelling
The Lean Startup - Pitching Techniken und StorytellingDr. Judith Grummer
 
The 10 Biggest Questions We Received From Tech Startups - NextView Ventures
The 10 Biggest Questions We Received From Tech Startups - NextView VenturesThe 10 Biggest Questions We Received From Tech Startups - NextView Ventures
The 10 Biggest Questions We Received From Tech Startups - NextView VenturesNextView Ventures
 
Sketchnote Workshop Deck: That Conference 2013
Sketchnote Workshop Deck: That Conference 2013Sketchnote Workshop Deck: That Conference 2013
Sketchnote Workshop Deck: That Conference 2013Mike Rohde
 
Creative Mornings San Diego 2016
Creative Mornings San Diego 2016Creative Mornings San Diego 2016
Creative Mornings San Diego 2016Anne McColl
 
Why and How to Start Sketchnoting, IA Summit 2012
Why and How to Start Sketchnoting, IA Summit 2012Why and How to Start Sketchnoting, IA Summit 2012
Why and How to Start Sketchnoting, IA Summit 2012Veronica Erb
 
Social Media Marketing World Sketchnotes – #smmw15
Social Media Marketing World Sketchnotes – #smmw15Social Media Marketing World Sketchnotes – #smmw15
Social Media Marketing World Sketchnotes – #smmw15Anne McColl
 

Andere mochten auch (20)

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...
 
Rapid Iteration On Mobile (Lean Startup Conf 2013)
Rapid Iteration On Mobile (Lean Startup Conf 2013)Rapid Iteration On Mobile (Lean Startup Conf 2013)
Rapid Iteration On Mobile (Lean Startup Conf 2013)
 
Workshop lean startup
Workshop lean startupWorkshop lean startup
Workshop lean startup
 
Workshop lean canvas cycle 3
Workshop lean canvas cycle 3Workshop lean canvas cycle 3
Workshop lean canvas cycle 3
 
Avatech: Workshop Lean Canvas
Avatech: Workshop Lean CanvasAvatech: Workshop Lean Canvas
Avatech: Workshop Lean Canvas
 
Lean canvas workshop
Lean canvas workshopLean canvas workshop
Lean canvas workshop
 
Building Interactive Stories Miniworkshop
Building Interactive Stories MiniworkshopBuilding Interactive Stories Miniworkshop
Building Interactive Stories Miniworkshop
 
2 Step Sketchnotes
2 Step Sketchnotes 2 Step Sketchnotes
2 Step Sketchnotes
 
Organizing Sketchnotes — MidwestUX 2012
Organizing Sketchnotes — MidwestUX 2012Organizing Sketchnotes — MidwestUX 2012
Organizing Sketchnotes — MidwestUX 2012
 
Sketchnote Collection 1 - Sacha Chua
Sketchnote Collection 1 - Sacha ChuaSketchnote Collection 1 - Sacha Chua
Sketchnote Collection 1 - Sacha Chua
 
Sketchnoting for beginners #LW2016
Sketchnoting for beginners #LW2016Sketchnoting for beginners #LW2016
Sketchnoting for beginners #LW2016
 
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End GivingIt's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
It's Not Too Late! 5 Steps to Close Out 2015 Strong with Year End Giving
 
SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...
SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...
SKETCHNOTING IN EDUCATION: THE BEST PRACTICES, BENEFITS AND HOW-TO’S OF SKETC...
 
Let's Sketchnote — MidwestUX 2012
Let's Sketchnote — MidwestUX 2012Let's Sketchnote — MidwestUX 2012
Let's Sketchnote — MidwestUX 2012
 
The Lean Startup - Pitching Techniken und Storytelling
The Lean Startup - Pitching Techniken und StorytellingThe Lean Startup - Pitching Techniken und Storytelling
The Lean Startup - Pitching Techniken und Storytelling
 
The 10 Biggest Questions We Received From Tech Startups - NextView Ventures
The 10 Biggest Questions We Received From Tech Startups - NextView VenturesThe 10 Biggest Questions We Received From Tech Startups - NextView Ventures
The 10 Biggest Questions We Received From Tech Startups - NextView Ventures
 
Sketchnote Workshop Deck: That Conference 2013
Sketchnote Workshop Deck: That Conference 2013Sketchnote Workshop Deck: That Conference 2013
Sketchnote Workshop Deck: That Conference 2013
 
Creative Mornings San Diego 2016
Creative Mornings San Diego 2016Creative Mornings San Diego 2016
Creative Mornings San Diego 2016
 
Why and How to Start Sketchnoting, IA Summit 2012
Why and How to Start Sketchnoting, IA Summit 2012Why and How to Start Sketchnoting, IA Summit 2012
Why and How to Start Sketchnoting, IA Summit 2012
 
Social Media Marketing World Sketchnotes – #smmw15
Social Media Marketing World Sketchnotes – #smmw15Social Media Marketing World Sketchnotes – #smmw15
Social Media Marketing World Sketchnotes – #smmw15
 

Ähnlich wie See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Summit 2010 version

Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadologyPaul Vickers
 
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 developersNick Myers
 
The power of the pencil
The power of the pencilThe power of the pencil
The power of the pencilIntercom
 
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 experiencePetr Stedry
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and ScenariosDaniel Drew Turner
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)Bonny Colville-Hyde
 
Pair Design
Pair DesignPair Design
Pair DesignKim Dowd
 
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 IdeationColby Sato
 
stanford-design-thinking-workbook-
stanford-design-thinking-workbook-stanford-design-thinking-workbook-
stanford-design-thinking-workbook-Rapid Reasoning
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hesswww.usarte.co
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UXWhitney Hess
 
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
 
Digital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingDigital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingMia Eaker
 
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 & ToolsBas Leurs
 
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 DaysHuib Schoots
 
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 visualBen Crothers
 
Sample Portfolio
Sample PortfolioSample Portfolio
Sample Portfoliocourir1227
 
Sketching workshop for Google London
Sketching workshop for Google LondonSketching workshop for Google London
Sketching workshop for Google Londonpubsmith
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 

Ähnlich wie See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Summit 2010 version (20)

Penandpapertools
PenandpapertoolsPenandpapertools
Penandpapertools
 
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
 
The power of the pencil
The power of the pencilThe power of the pencil
The power of the pencil
 
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
 
Module 05: Personas and Scenarios
Module 05: Personas and ScenariosModule 05: Personas and Scenarios
Module 05: Personas and Scenarios
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)
 
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
 
stanford-design-thinking-workbook-
stanford-design-thinking-workbook-stanford-design-thinking-workbook-
stanford-design-thinking-workbook-
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hess
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
 
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)
 
Digital Essay Intro & Brainstorming
Digital Essay Intro & BrainstormingDigital Essay Intro & Brainstorming
Digital Essay Intro & Brainstorming
 
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
 
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
 
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
 
Sample Portfolio
Sample PortfolioSample Portfolio
Sample Portfolio
 
Sketching workshop for Google London
Sketching workshop for Google LondonSketching workshop for Google London
Sketching workshop for Google London
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 

Mehr von Kate Rutter

[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...Kate Rutter
 
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, 2020Kate Rutter
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UIKate Rutter
 
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]Kate Rutter
 
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]Kate Rutter
 
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]Kate Rutter
 
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...Kate Rutter
 
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] Kate Rutter
 
Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Kate Rutter
 
Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Kate Rutter
 
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]Kate Rutter
 
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...Kate Rutter
 
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-...Kate Rutter
 
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...Kate Rutter
 
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] Kate Rutter
 
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...Kate Rutter
 
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]Kate Rutter
 
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]Kate Rutter
 
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...Kate Rutter
 
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]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]
 

Último

FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.Vaishnavi R
 
Marjorie Taylor Greene Say Her Name Shirt
Marjorie Taylor Greene Say Her Name ShirtMarjorie Taylor Greene Say Her Name Shirt
Marjorie Taylor Greene Say Her Name ShirtTeeFusion
 
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
ورشة الطريق إلى البيم   ورشة الطريق إلى البيمورشة الطريق إلى البيم   ورشة الطريق إلى البيم
ورشة الطريق إلى البيم ورشة الطريق إلى البيمOmarSelim27
 
办理尼皮辛大学毕业证书
办理尼皮辛大学毕业证书办理尼皮辛大学毕业证书
办理尼皮辛大学毕业证书pkunde
 
N Queen Problem using Branch And Bound - GeeksforGeeks.pdf
N Queen Problem using Branch And Bound - GeeksforGeeks.pdfN Queen Problem using Branch And Bound - GeeksforGeeks.pdf
N Queen Problem using Branch And Bound - GeeksforGeeks.pdfakashreddy966699
 
M and L 1.pdfxf bdebhethehwerwrttrneanqrtnr
M and L 1.pdfxf bdebhethehwerwrttrneanqrtnrM and L 1.pdfxf bdebhethehwerwrttrneanqrtnr
M and L 1.pdfxf bdebhethehwerwrttrneanqrtnr22nvatafu
 
Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...
Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...
Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...Yantram Animation Studio Corporation
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...ssuseraaa1581
 
DesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportDesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportstudiotelon
 
East Colfax Cultural District Website Redesign Overview
East Colfax Cultural District Website Redesign OverviewEast Colfax Cultural District Website Redesign Overview
East Colfax Cultural District Website Redesign OverviewNehaByati
 
UX Playbook for Start-ups by Jen Bullard
UX Playbook for Start-ups by Jen BullardUX Playbook for Start-ups by Jen Bullard
UX Playbook for Start-ups by Jen Bullardssuser66bce81
 
Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Caroline Jarrett
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Peter139483
 
Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|CaydenIngman
 
DSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien FedouDSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien Fedoujfedou2105
 
Digi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxDigi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxRufusGleave
 
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt  Sign The Contract Big Boy ShirtSign The Contract Big Boy Shirt  Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt Sign The Contract Big Boy ShirtTeeFusion
 
Say Her Name Naken Riley Shirt Say Her Name Naken Riley Shirt
Say Her Name Naken Riley Shirt  Say Her Name Naken Riley ShirtSay Her Name Naken Riley Shirt  Say Her Name Naken Riley Shirt
Say Her Name Naken Riley Shirt Say Her Name Naken Riley ShirtTeeFusion
 
FW25-26 Beauty & Wellness Trend Book - Peclers Paris
FW25-26 Beauty & Wellness Trend Book - Peclers ParisFW25-26 Beauty & Wellness Trend Book - Peclers Paris
FW25-26 Beauty & Wellness Trend Book - Peclers ParisPeclers Paris
 
Business_20240305_090405_0000.pptx entrepreneur
Business_20240305_090405_0000.pptx entrepreneurBusiness_20240305_090405_0000.pptx entrepreneur
Business_20240305_090405_0000.pptx entrepreneurjoeldhinesh007
 

Último (20)

FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
 
Marjorie Taylor Greene Say Her Name Shirt
Marjorie Taylor Greene Say Her Name ShirtMarjorie Taylor Greene Say Her Name Shirt
Marjorie Taylor Greene Say Her Name Shirt
 
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
ورشة الطريق إلى البيم   ورشة الطريق إلى البيمورشة الطريق إلى البيم   ورشة الطريق إلى البيم
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
 
办理尼皮辛大学毕业证书
办理尼皮辛大学毕业证书办理尼皮辛大学毕业证书
办理尼皮辛大学毕业证书
 
N Queen Problem using Branch And Bound - GeeksforGeeks.pdf
N Queen Problem using Branch And Bound - GeeksforGeeks.pdfN Queen Problem using Branch And Bound - GeeksforGeeks.pdf
N Queen Problem using Branch And Bound - GeeksforGeeks.pdf
 
M and L 1.pdfxf bdebhethehwerwrttrneanqrtnr
M and L 1.pdfxf bdebhethehwerwrttrneanqrtnrM and L 1.pdfxf bdebhethehwerwrttrneanqrtnr
M and L 1.pdfxf bdebhethehwerwrttrneanqrtnr
 
Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...
Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...
Austin Heights Unveiled: Transforming Dreams into Reality with 3D Architectur...
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
 
DesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportDesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course report
 
East Colfax Cultural District Website Redesign Overview
East Colfax Cultural District Website Redesign OverviewEast Colfax Cultural District Website Redesign Overview
East Colfax Cultural District Website Redesign Overview
 
UX Playbook for Start-ups by Jen Bullard
UX Playbook for Start-ups by Jen BullardUX Playbook for Start-ups by Jen Bullard
UX Playbook for Start-ups by Jen Bullard
 
Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|
 
DSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien FedouDSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien Fedou
 
Digi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxDigi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptx
 
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt  Sign The Contract Big Boy ShirtSign The Contract Big Boy Shirt  Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
 
Say Her Name Naken Riley Shirt Say Her Name Naken Riley Shirt
Say Her Name Naken Riley Shirt  Say Her Name Naken Riley ShirtSay Her Name Naken Riley Shirt  Say Her Name Naken Riley Shirt
Say Her Name Naken Riley Shirt Say Her Name Naken Riley Shirt
 
FW25-26 Beauty & Wellness Trend Book - Peclers Paris
FW25-26 Beauty & Wellness Trend Book - Peclers ParisFW25-26 Beauty & Wellness Trend Book - Peclers Paris
FW25-26 Beauty & Wellness Trend Book - Peclers Paris
 
Business_20240305_090405_0000.pptx entrepreneur
Business_20240305_090405_0000.pptx entrepreneurBusiness_20240305_090405_0000.pptx entrepreneur
Business_20240305_090405_0000.pptx entrepreneur
 

See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Summit 2010 version

  • 1. Pen & paper tools for getting from research to design IA Summit | April 8, 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. the plaguing thought of... “but I can’t draw” when you think instead, think I can’t draw I’ll try a little each day I don’t know how I’ll use text, but with more to start texture My stuff looks it’s like grammar, not art crappy
  • 18. Here is our process
  • 19. Here is our process
  • 20. Here is our process
  • 21. Transcripts Jotting Note taking Coding Spreadsheets Video Audio And more!
  • 23. Jotting EPIC : October 2008 : p. 23
  • 24. Jotting Jotting breaks down observations into their most elemental parts and captures the weight of each idea.
  • 25. 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.
  • 26. 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.
  • 27. 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.
  • 30. What do we do with all these pieces of paper?
  • 31. Relationship Models Word Sort Theme Boards Bottom-up Sorting Affinity Diagrams Clustering And more!
  • 33. Theme Boards Theme boards display the results of synthesis. They show the patterns and themes that act as a bridge to the design process.
  • 34. Reports Presentations Concept Storyboards Sketches Decks Books Video Reels Personas And more!
  • 37. Concept Sketching Concept sketches capture a story, illustrate the relationships of elements, or a communicate a core set of related ideas.
  • 38. Handy visual layouts Mind Maps 2 x 2s Graphs Grids Mandalas
  • 39. Bringing it all together Use the concept sketches, jots supplemental material to craft stories and implications for design.
  • 41. Project Management Marketing Product Management Business strategy Product engineering!
  • 42. Hinge from research… …to design
  • 43. From concept sketch… … to storyboard
  • 44. From concept sketch… … to information architecture
  • 45. From concept sketch… … to interface prototype
  • 46. What we covered What you need to get started : tools techniques A simple method activities! A way to take this home with you.
  • 47. 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.
  • 48. 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. P URE ESO ME AW
  • 49. 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. P URE ESO ME AW
  • 50. THINK ABOUT... What 1 thing can you start using tomorrow?
  • 51. MORE UX GOODNESS Portland, OR • Pre-con : May 19 • Conference: May 20-21 www.webvisionsevent.org | @webvisions 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
  • 52. GETTING THE GOODS kate@adaptivepath.com www.adaptivepath.com @katerutter www.intelleto.com The slides will be on intelleto.com and slideshare in the near future... Credits to Leah Buley and Rachel Hinman for collaborating on this material and to the Adaptive Path folks who shared their project work.