See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design
description
Transcript of See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design
![Page 1: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/1.jpg)
Kate Rutter [email protected]
BayCHI | June 9, 2009
Pen & paper techniques for getting from research to design
![Page 2: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/2.jpg)
A little about me…
Adaptive Path
Kate R. I’m a designer and strategist. Making things visible and visual makes my heart sing.
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.
we are
![Page 3: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/3.jpg)
First, a story...
BIG opportunity space
large shifting team
money & time constraints
![Page 4: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/4.jpg)
So here’s what we did:
![Page 5: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/5.jpg)
And it was awesome. Compelling insights
New perspectives
Clear implications for design
Shared understanding
![Page 6: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/6.jpg)
Visual ideas get through faster
What made it work? Visual approach activated a different way of working
The insights carried from research �
into design
Pen & paper tools were accessible �and fast
Concepts hinged directly to design implications
![Page 7: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/7.jpg)
So that the resulting designs�reflect the people and their needs.
Images help groups move
faster...together
Visual ideas get through
faster
Pictures communicate a more complete
idea
Why work visually?
![Page 8: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/8.jpg)
How could we do this again?
![Page 9: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/9.jpg)
We’ll cover…
What you need to get started : tools & techniques
A way to take this home with you.
A simple method
activities!
![Page 10: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/10.jpg)
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.
![Page 11: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/11.jpg)
Your toolkit Surfaces
templates
rolls of paper
poster board
sheets
stickies
1/2 sheets�squares & quarters
Utensils
markers
colored pencils
sharpies
colored chalks
crayons!
![Page 12: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/12.jpg)
Your toolkit Marks
Takes only seconds more than writing!
lettering
case case Case CASE
WORDS
texture
shading
weight
LINES
symbols
drawings
icons
PICTURES
![Page 13: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/13.jpg)
Your toolkit Layouts
centered
radiant
grid
linear
cluster
list
tree
And also... size
shape
color
![Page 14: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/14.jpg)
Here is our process
process: see
![Page 15: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/15.jpg)
Transcripts
Note taking
Spreadsheets
Coding
And more!
Jotting
![Page 16: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/16.jpg)
Jotting
Jotting breaks down
observations into their
most elemental parts �
and captures the weight
of each idea.
![Page 17: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/17.jpg)
The scenario:
You are a researcher on a project to develop innovative solutions for common household organization problems.
You’ll practice jotting items from a short clip of an interview, using pen & paper tools. Try to capture the emotional energy along with key messages.
![Page 18: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/18.jpg)
min]
Activity
INSTRUCTIONS
Jot what you observe. 1. Read this quote from a user
interview.
2. As you read, jot any significant ideas or themes that you observe.
3. Jot one observation per piece of paper.
4. Do it in 2 minutes.
I love to come home after a long day. When I get here, it just feels like this is the place I can hide from the world, or recover, or just be alone. It's all my stuff and everything is where I want it. It's like a nest. Well, sometimes it’s a nest. But sometimes it's more like a project. There's always something that needs to be done.
![Page 19: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/19.jpg)
Activity
INSTRUCTIONS
Let’s jot an audio transcript. 1. Now, listen to this three-minute
transcript.
2. As you listen, jot what you observe.
3. Use line weight, color, and imagery to distinguish the big themes from the smaller ideas.
4. Do it in 5 minutes.
![Page 20: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/20.jpg)
next?
What do we do with all these pieces of paper?
![Page 21: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/21.jpg)
Theme Boards
Clustering
Relationship Models
Word Sort
Bottom-up Sorting
Affinity Diagrams
And more!
![Page 22: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/22.jpg)
Theme Boards
![Page 23: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/23.jpg)
Theme boards display
the results of synthesis. �
They show the patterns
and themes that act �
as a bridge to the
design process.
Theme Boards
![Page 24: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/24.jpg)
Concept Sketches
Books
Personas
Reports
Presentations
Video Reels
Decks
Storyboards
And more!
![Page 25: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/25.jpg)
Concept sketches capture
a story, illustrate the
relationships of elements,
or a communicate a core
set of related ideas.
Concept Sketching
![Page 26: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/26.jpg)
Handy visual layouts
Mind Maps Graphs 2 x 2s
Grids Mandalas
![Page 27: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/27.jpg)
Bringing it all together
Use the concept
sketches, jots &
supplemental material
to craft stories and
implications for design.
![Page 28: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/28.jpg)
Hinge from research…
…to design
![Page 29: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/29.jpg)
From concept sketch… … to storyboard
![Page 30: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/30.jpg)
From concept sketch… … to information architecture
![Page 31: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/31.jpg)
From concept sketch… … to interface prototype
![Page 32: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/32.jpg)
What we covered....
What you need to get started : tools & techniques
A way to take this home with you.
A simple method
activities!
![Page 33: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/33.jpg)
What 3 things can you start using tomorrow?
THINK ABOUT...
![Page 34: See => Sort => Sketch: Pen & Paper Techniques for Getting From Research to Design](https://reader034.fdocuments.us/reader034/viewer/2022052618/54c7476e4a7959272a8b45b7/html5/thumbnails/34.jpg)
Download the workbook & deck from: • www.intelleto.com (after Friday!)
Kate Rutter <[email protected]>
GETTING THE GOODS