SlideShare a Scribd company logo
1 of 40
Download to read offline
I'm

Ray DeLaPena

● Director of Strategy at
Catalyst Group
● IxDA Local Leader (NYC)

15 years consulting for:
Finance, Legal, Education, Medical, Consumer

Hello
sketch
verb
to make a sketch or sketches. (Helpful, huh?)
noun
1. a simply or hastily executed drawing or painting, especially a
preliminary one, giving the essential features without the details.
2. a rough design, plan, or draft, as of a book.
3. a brief or hasty outline of facts, occurrences, etc.: a sketch of his
life.
4. a short, usually descriptive, essay, history, or story.
5. a short play or slight dramatic performance, as one forming part
of a vaudeville program.
.

"a means whereby the designer could
explore and communicate ideas."
- Buxton, Sketching User Experiences
Sketching is about the
not the artifact.

ACTIVITY
The artifact
● Quick
● Timely
● Inexpensive
● Disposable
● Plentiful
The Drawing
● Clear vocabulary
● Distinct Gesture
● Minimal Detail
● Appropriate degree of refinement
● Suggest and explore rather than confirm*
● Ambiguous*
*

Design Sketches
Pocket notebook
●

Personal, portable, readily available

Scrap pile
●
●

1 side printed = 1 side blank
Cheap, plentiful, "green"

Notebook
●

You already have it... you can sketch in it too!

Dry-Erase Markers
●
●

Whiteboards, Windows, Mirrors
Open invitation to sketch!
Let’s warm up a bit...
Broken Telephone / Chinese Whispers
1. Write down a phrase (5-10 words)
2. Pass it on
3. Draw the phrase
4. Fold the paper to hide the words
5. Pass it on
6. Write down the phrase (from the drawing)
7. Fold the paper to hide the drawing
8. Pass it on (go to 3 & repeat)
Learn

Measure

Build
For YOU
When an idea is not yet fully baked
● Working through a problem space
● Thinking up solutions
● Exploring options
Why you don't need to "know how to draw" to use it
● No critics!
● You can't do it wrong
A moment on the brain...
Doodling engages auditory, kinesthetic and
visual functions in the brain, enhancing
learning.
Sketching engages two out of three (but
two more than just thinking.)
Exercises
1. Think through the problem on your
own.
2. Pair up and talk with your partner to
create a single solution.
3. Show your solution to the rest of us.
FIRE!! (Or maybe just cooking dinner?)
Think about the problem
● What are the difficulties?
○ Danger or Dinner?
○ Turn it off!!
○ Is it working?
○ What if I’m not home?

● How could it look and work?
○ Inputs, outputs, and sensors?
○ Any new features or interactions?
For YOU and ME
When you are trying to explain to or understand
someone else
● Show me what you mean (Let me show you what I mean)
● Using your hands? -- Use a pen & paper.
Why you don't need to "know how to draw" to use it
● It's about the conversation, not the drawing
● You can explain away your lack of artistic ability
● You can define your own visual language
Samples
Why visual communication?
Why visual communication?
External reference (not in our heads) allows for

● Exploration of Concepts
● Different levels of Complexity
● Shared Clarity
Talk about the problem*
● Take a few minutes to share your
initial thoughts
● Combine elements from both partners
● Or start from scratch

* Share the paper
For ME

(Well… not for you)

When you have reached a level of understanding you
want to communicate or demonstrate
● It should stand alone
● Remember, it’s not art. Don’t make it precious
Why you don't need to "know how to draw" to use it
● You're not restricted to only pictures
● Use words, arrows, color, legends
Comics are no joke
Comics combine words, pictures, and icons
in a single unified vocabulary.
Show Your solution
● Make it stand alone
● Use words and pictures
● What do you want to communicate?
○ The concept?
○ The sequence?
○ screens?
Knowing which sketching mode you are in
will:
● Clarify your purpose
● Improve your speed of problem solving
● Increase your depth understanding
http://www.visual-literacy.org/periodic_table/periodic_table.html
●

Bill Buxton - Sketching User Experiences
http://www.amazon.com/Sketching-User-Experiences-Interactive-Technologies/dp/0123740371

●

Sunni Brown - The Doodle Revolution
http://sunnibrown.com/doodlerevolution/manifesto/

●

Scott McCloud - Understanding Comics
http://www.scottmccloud.com/2-print/1-uc/index.html

●

Dave Gray - Visual Thinking Basics
http://www.davegrayinfo.com/2012/12/07/visual-thinking-basics/

●

Dan Roam - Back of the Napkin
http://www.danroam.com/the-back-of-the-napkin/
How was it?

raydelapena@gmail.com
@rayraydel

More Related Content

What's hot

UX STRAT Online 2021 Presentation by Sudha Jamthe
UX STRAT Online 2021 Presentation by Sudha JamtheUX STRAT Online 2021 Presentation by Sudha Jamthe
UX STRAT Online 2021 Presentation by Sudha JamtheUX STRAT
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX Murali Krishna
 
Figma Meetup - Introduction
Figma Meetup - IntroductionFigma Meetup - Introduction
Figma Meetup - IntroductionVeronica Fasulo
 
UX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore Bank
UX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore BankUX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore Bank
UX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore BankUX STRAT
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
UX Design Essential Theories
UX Design Essential TheoriesUX Design Essential Theories
UX Design Essential TheoriesRavi Bhadauria
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design GDGKuwaitGoogleDevel
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
Sketchup basic course by Eng. Khalid A. Mter
Sketchup basic course by Eng. Khalid A. MterSketchup basic course by Eng. Khalid A. Mter
Sketchup basic course by Eng. Khalid A. Mterkhalid mter
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframespiksels
 
Introduction to Design Thinking and UX Research
Introduction to Design Thinking and UX ResearchIntroduction to Design Thinking and UX Research
Introduction to Design Thinking and UX ResearchMuhamad Edison A
 
UX STRAT Europe 2021 Workshop: Jules Skopp, Expedia
UX STRAT Europe 2021 Workshop: Jules Skopp, ExpediaUX STRAT Europe 2021 Workshop: Jules Skopp, Expedia
UX STRAT Europe 2021 Workshop: Jules Skopp, ExpediaUX STRAT
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual DesignDiane Leeper
 
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignIntroduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignDeb Aoki
 
UX STRAT Online 2021 Presentation by Josephine Scholtes, Microsoft
UX STRAT Online 2021 Presentation by Josephine Scholtes, MicrosoftUX STRAT Online 2021 Presentation by Josephine Scholtes, Microsoft
UX STRAT Online 2021 Presentation by Josephine Scholtes, MicrosoftUX STRAT
 
Intro to design sprint
Intro to design sprintIntro to design sprint
Intro to design sprintAngelene Jessy
 

What's hot (20)

UX STRAT Online 2021 Presentation by Sudha Jamthe
UX STRAT Online 2021 Presentation by Sudha JamtheUX STRAT Online 2021 Presentation by Sudha Jamthe
UX STRAT Online 2021 Presentation by Sudha Jamthe
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Figma Meetup - Introduction
Figma Meetup - IntroductionFigma Meetup - Introduction
Figma Meetup - Introduction
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore Bank
UX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore BankUX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore Bank
UX STRAT Online 2021 Presentation by Kévin Boezennec, Singapore Bank
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UX Design Essential Theories
UX Design Essential TheoriesUX Design Essential Theories
UX Design Essential Theories
 
Ux design process
Ux design processUx design process
Ux design process
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
Sketchup basic course by Eng. Khalid A. Mter
Sketchup basic course by Eng. Khalid A. MterSketchup basic course by Eng. Khalid A. Mter
Sketchup basic course by Eng. Khalid A. Mter
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
 
Introduction to Design Thinking and UX Research
Introduction to Design Thinking and UX ResearchIntroduction to Design Thinking and UX Research
Introduction to Design Thinking and UX Research
 
UX STRAT Europe 2021 Workshop: Jules Skopp, Expedia
UX STRAT Europe 2021 Workshop: Jules Skopp, ExpediaUX STRAT Europe 2021 Workshop: Jules Skopp, Expedia
UX STRAT Europe 2021 Workshop: Jules Skopp, Expedia
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
 
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignIntroduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience Design
 
UX STRAT Online 2021 Presentation by Josephine Scholtes, Microsoft
UX STRAT Online 2021 Presentation by Josephine Scholtes, MicrosoftUX STRAT Online 2021 Presentation by Josephine Scholtes, Microsoft
UX STRAT Online 2021 Presentation by Josephine Scholtes, Microsoft
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 
Intro to design sprint
Intro to design sprintIntro to design sprint
Intro to design sprint
 

Viewers also liked

Sketching for Design
Sketching for DesignSketching for Design
Sketching for DesignJackson Fox
 
Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI SketchesLane Goldstone
 
Do you have founder myopia?
Do you have founder myopia?Do you have founder myopia?
Do you have founder myopia?Lane Goldstone
 
Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI SketchesLane Goldstone
 
NYU UX and You presentation
NYU UX and You presentationNYU UX and You presentation
NYU UX and You presentationJen Maroney
 
You are the Leadership
You are the LeadershipYou are the Leadership
You are the LeadershipJen Maroney
 
Auckland ux meetup Sept 13 augmented reality in healthcare
Auckland ux meetup Sept 13   augmented reality in healthcareAuckland ux meetup Sept 13   augmented reality in healthcare
Auckland ux meetup Sept 13 augmented reality in healthcarehealthydigital
 
New Ideas on the Future of Healthcare at WebVisions PDX
New Ideas on the Future of Healthcare at WebVisions PDXNew Ideas on the Future of Healthcare at WebVisions PDX
New Ideas on the Future of Healthcare at WebVisions PDXElizabeth Bacon
 
Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...
Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...
Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...Health IT Conference – iHT2
 
Designing for Bears
Designing for BearsDesigning for Bears
Designing for BearsLucy Spence
 
Health UX - Mark A. M. Kramer - Technology Experience within Healthcare:
Health UX - Mark A. M. Kramer - Technology Experience within Healthcare: Health UX - Mark A. M. Kramer - Technology Experience within Healthcare:
Health UX - Mark A. M. Kramer - Technology Experience within Healthcare: Monkeyshot
 
UX in Healthcare - why are patients so resistent to good advice?!
UX in Healthcare - why are patients so resistent to good advice?!UX in Healthcare - why are patients so resistent to good advice?!
UX in Healthcare - why are patients so resistent to good advice?!Kathryn Campbell
 
UX in Healthcare Tech: Humanistic Design to Motivate User Behavior
UX in Healthcare Tech: Humanistic Design to Motivate User BehaviorUX in Healthcare Tech: Humanistic Design to Motivate User Behavior
UX in Healthcare Tech: Humanistic Design to Motivate User BehaviorTryMyUI
 
Designing Health-care Experiences - RoX2014 Ignite Talk
Designing Health-care Experiences - RoX2014 Ignite TalkDesigning Health-care Experiences - RoX2014 Ignite Talk
Designing Health-care Experiences - RoX2014 Ignite TalkMark A.M. Kramer
 
Design for Care O'Reilly webcast
Design for Care O'Reilly webcast Design for Care O'Reilly webcast
Design for Care O'Reilly webcast designforcare
 
UX and Ethics in Healthcare (Elisa del Galdo)
UX and Ethics in Healthcare (Elisa del Galdo)UX and Ethics in Healthcare (Elisa del Galdo)
UX and Ethics in Healthcare (Elisa del Galdo)UXPA International
 
Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지
 Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지 Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지
Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지Billy Choi
 
Design process and concepts
Design process and conceptsDesign process and concepts
Design process and conceptsSlideshare
 
Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...
Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...
Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...Tim Merrill
 

Viewers also liked (20)

Sketching for Design
Sketching for DesignSketching for Design
Sketching for Design
 
Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI Sketches
 
Do you have founder myopia?
Do you have founder myopia?Do you have founder myopia?
Do you have founder myopia?
 
Balanced craft
Balanced craftBalanced craft
Balanced craft
 
Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI Sketches
 
NYU UX and You presentation
NYU UX and You presentationNYU UX and You presentation
NYU UX and You presentation
 
You are the Leadership
You are the LeadershipYou are the Leadership
You are the Leadership
 
Auckland ux meetup Sept 13 augmented reality in healthcare
Auckland ux meetup Sept 13   augmented reality in healthcareAuckland ux meetup Sept 13   augmented reality in healthcare
Auckland ux meetup Sept 13 augmented reality in healthcare
 
New Ideas on the Future of Healthcare at WebVisions PDX
New Ideas on the Future of Healthcare at WebVisions PDXNew Ideas on the Future of Healthcare at WebVisions PDX
New Ideas on the Future of Healthcare at WebVisions PDX
 
Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...
Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...
Case Study "User Experience and Healthcare: How the latest UI/UX trends are s...
 
Designing for Bears
Designing for BearsDesigning for Bears
Designing for Bears
 
Health UX - Mark A. M. Kramer - Technology Experience within Healthcare:
Health UX - Mark A. M. Kramer - Technology Experience within Healthcare: Health UX - Mark A. M. Kramer - Technology Experience within Healthcare:
Health UX - Mark A. M. Kramer - Technology Experience within Healthcare:
 
UX in Healthcare - why are patients so resistent to good advice?!
UX in Healthcare - why are patients so resistent to good advice?!UX in Healthcare - why are patients so resistent to good advice?!
UX in Healthcare - why are patients so resistent to good advice?!
 
UX in Healthcare Tech: Humanistic Design to Motivate User Behavior
UX in Healthcare Tech: Humanistic Design to Motivate User BehaviorUX in Healthcare Tech: Humanistic Design to Motivate User Behavior
UX in Healthcare Tech: Humanistic Design to Motivate User Behavior
 
Designing Health-care Experiences - RoX2014 Ignite Talk
Designing Health-care Experiences - RoX2014 Ignite TalkDesigning Health-care Experiences - RoX2014 Ignite Talk
Designing Health-care Experiences - RoX2014 Ignite Talk
 
Design for Care O'Reilly webcast
Design for Care O'Reilly webcast Design for Care O'Reilly webcast
Design for Care O'Reilly webcast
 
UX and Ethics in Healthcare (Elisa del Galdo)
UX and Ethics in Healthcare (Elisa del Galdo)UX and Ethics in Healthcare (Elisa del Galdo)
UX and Ethics in Healthcare (Elisa del Galdo)
 
Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지
 Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지 Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지
Silent Interaction: Healthcare UX,지금 우리가 질문해야 할 몇 가지
 
Design process and concepts
Design process and conceptsDesign process and concepts
Design process and concepts
 
Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...
Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...
Coping with Complexity in Healthcare: Enabling Sense-Making Through Great UX ...
 

Similar to Sketching across the design process

Sketching workshop for Google London
Sketching workshop for Google LondonSketching workshop for Google London
Sketching workshop for Google Londonpubsmith
 
An introduction to visual thinking
An introduction to visual thinkingAn introduction to visual thinking
An introduction to visual thinkingMarMurube
 
Susan yoome p3
Susan yoome p3Susan yoome p3
Susan yoome p3ybyun15591
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 
Audience first exhibition and experience
Audience first exhibition and experienceAudience first exhibition and experience
Audience first exhibition and experiencePaul Bowers
 
How to produce an attractive sketch
How to produce an attractive sketchHow to produce an attractive sketch
How to produce an attractive sketchChong Yu Xuan
 
Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)pubsmith
 
ENGLISH ASSIGNMENT 1.doc
ENGLISH ASSIGNMENT 1.docENGLISH ASSIGNMENT 1.doc
ENGLISH ASSIGNMENT 1.docLi Jing
 
Ralph ybas porftolio graphic design 2016.compressed
Ralph ybas porftolio graphic design 2016.compressedRalph ybas porftolio graphic design 2016.compressed
Ralph ybas porftolio graphic design 2016.compressedRalph Ybas
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
ITEC 2018 LEGO Design Thinking
ITEC 2018 LEGO Design ThinkingITEC 2018 LEGO Design Thinking
ITEC 2018 LEGO Design ThinkingAaron Maurer
 
Drawing Out Your Users: Using Sketch Techniques for User Research
Drawing Out Your Users: Using Sketch Techniques for User ResearchDrawing Out Your Users: Using Sketch Techniques for User Research
Drawing Out Your Users: Using Sketch Techniques for User ResearchBennett King
 
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...Kate Rutter
 
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
 
ITMP Design Thinking Summit Graz 2016
ITMP Design Thinking Summit Graz 2016ITMP Design Thinking Summit Graz 2016
ITMP Design Thinking Summit Graz 2016ITMP
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Leah Buley
 

Similar to Sketching across the design process (20)

Sketching workshop for Google London
Sketching workshop for Google LondonSketching workshop for Google London
Sketching workshop for Google London
 
Year 12 abstraction 2
Year 12 abstraction 2Year 12 abstraction 2
Year 12 abstraction 2
 
An introduction to visual thinking
An introduction to visual thinkingAn introduction to visual thinking
An introduction to visual thinking
 
Susan yoome p3
Susan yoome p3Susan yoome p3
Susan yoome p3
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Audience first exhibition and experience
Audience first exhibition and experienceAudience first exhibition and experience
Audience first exhibition and experience
 
How to produce an attractive sketch
How to produce an attractive sketchHow to produce an attractive sketch
How to produce an attractive sketch
 
Sketchnoting workshop
Sketchnoting workshopSketchnoting workshop
Sketchnoting workshop
 
Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)
 
Map Your MIInd
Map Your MIIndMap Your MIInd
Map Your MIInd
 
ENGLISH ASSIGNMENT 1.doc
ENGLISH ASSIGNMENT 1.docENGLISH ASSIGNMENT 1.doc
ENGLISH ASSIGNMENT 1.doc
 
Ralph ybas porftolio graphic design 2016.compressed
Ralph ybas porftolio graphic design 2016.compressedRalph ybas porftolio graphic design 2016.compressed
Ralph ybas porftolio graphic design 2016.compressed
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
ITEC 2018 LEGO Design Thinking
ITEC 2018 LEGO Design ThinkingITEC 2018 LEGO Design Thinking
ITEC 2018 LEGO Design Thinking
 
Drawing Out Your Users: Using Sketch Techniques for User Research
Drawing Out Your Users: Using Sketch Techniques for User ResearchDrawing Out Your Users: Using Sketch Techniques for User Research
Drawing Out Your Users: Using Sketch Techniques for User Research
 
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...
 
Digital portfolio
Digital portfolioDigital portfolio
Digital portfolio
 
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
 
ITMP Design Thinking Summit Graz 2016
ITMP Design Thinking Summit Graz 2016ITMP Design Thinking Summit Graz 2016
ITMP Design Thinking Summit Graz 2016
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013
 

Recently uploaded

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOnTYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOnbeetchunknown
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Simplex ES Net Launch Technical Presentation (1).pptx
Simplex ES Net Launch Technical Presentation (1).pptxSimplex ES Net Launch Technical Presentation (1).pptx
Simplex ES Net Launch Technical Presentation (1).pptxKhaamisIqbalMazari
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 

Recently uploaded (20)

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOnTYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
TYPES-OF-VOLCANOES-AND-VOLCANIC-ERUPTIOn
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Simplex ES Net Launch Technical Presentation (1).pptx
Simplex ES Net Launch Technical Presentation (1).pptxSimplex ES Net Launch Technical Presentation (1).pptx
Simplex ES Net Launch Technical Presentation (1).pptx
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 

Sketching across the design process

  • 1.
  • 2. I'm Ray DeLaPena ● Director of Strategy at Catalyst Group ● IxDA Local Leader (NYC) 15 years consulting for: Finance, Legal, Education, Medical, Consumer Hello
  • 3. sketch verb to make a sketch or sketches. (Helpful, huh?) noun 1. a simply or hastily executed drawing or painting, especially a preliminary one, giving the essential features without the details. 2. a rough design, plan, or draft, as of a book. 3. a brief or hasty outline of facts, occurrences, etc.: a sketch of his life. 4. a short, usually descriptive, essay, history, or story. 5. a short play or slight dramatic performance, as one forming part of a vaudeville program.
  • 4. . "a means whereby the designer could explore and communicate ideas." - Buxton, Sketching User Experiences
  • 5. Sketching is about the not the artifact. ACTIVITY
  • 6. The artifact ● Quick ● Timely ● Inexpensive ● Disposable ● Plentiful
  • 7. The Drawing ● Clear vocabulary ● Distinct Gesture ● Minimal Detail ● Appropriate degree of refinement ● Suggest and explore rather than confirm* ● Ambiguous* * Design Sketches
  • 8. Pocket notebook ● Personal, portable, readily available Scrap pile ● ● 1 side printed = 1 side blank Cheap, plentiful, "green" Notebook ● You already have it... you can sketch in it too! Dry-Erase Markers ● ● Whiteboards, Windows, Mirrors Open invitation to sketch!
  • 9.
  • 10. Let’s warm up a bit... Broken Telephone / Chinese Whispers 1. Write down a phrase (5-10 words) 2. Pass it on 3. Draw the phrase 4. Fold the paper to hide the words 5. Pass it on 6. Write down the phrase (from the drawing) 7. Fold the paper to hide the drawing 8. Pass it on (go to 3 & repeat)
  • 11.
  • 13.
  • 14. For YOU When an idea is not yet fully baked ● Working through a problem space ● Thinking up solutions ● Exploring options Why you don't need to "know how to draw" to use it ● No critics! ● You can't do it wrong
  • 15.
  • 16. A moment on the brain... Doodling engages auditory, kinesthetic and visual functions in the brain, enhancing learning. Sketching engages two out of three (but two more than just thinking.)
  • 17.
  • 18. Exercises 1. Think through the problem on your own. 2. Pair up and talk with your partner to create a single solution. 3. Show your solution to the rest of us.
  • 19. FIRE!! (Or maybe just cooking dinner?)
  • 20. Think about the problem ● What are the difficulties? ○ Danger or Dinner? ○ Turn it off!! ○ Is it working? ○ What if I’m not home? ● How could it look and work? ○ Inputs, outputs, and sensors? ○ Any new features or interactions?
  • 21.
  • 22. For YOU and ME When you are trying to explain to or understand someone else ● Show me what you mean (Let me show you what I mean) ● Using your hands? -- Use a pen & paper. Why you don't need to "know how to draw" to use it ● It's about the conversation, not the drawing ● You can explain away your lack of artistic ability ● You can define your own visual language
  • 25. Why visual communication? External reference (not in our heads) allows for ● Exploration of Concepts ● Different levels of Complexity ● Shared Clarity
  • 26.
  • 27. Talk about the problem* ● Take a few minutes to share your initial thoughts ● Combine elements from both partners ● Or start from scratch * Share the paper
  • 28.
  • 29. For ME (Well… not for you) When you have reached a level of understanding you want to communicate or demonstrate ● It should stand alone ● Remember, it’s not art. Don’t make it precious Why you don't need to "know how to draw" to use it ● You're not restricted to only pictures ● Use words, arrows, color, legends
  • 30.
  • 31. Comics are no joke Comics combine words, pictures, and icons in a single unified vocabulary.
  • 32.
  • 33. Show Your solution ● Make it stand alone ● Use words and pictures ● What do you want to communicate? ○ The concept? ○ The sequence? ○ screens?
  • 34.
  • 35.
  • 36.
  • 37. Knowing which sketching mode you are in will: ● Clarify your purpose ● Improve your speed of problem solving ● Increase your depth understanding
  • 39. ● Bill Buxton - Sketching User Experiences http://www.amazon.com/Sketching-User-Experiences-Interactive-Technologies/dp/0123740371 ● Sunni Brown - The Doodle Revolution http://sunnibrown.com/doodlerevolution/manifesto/ ● Scott McCloud - Understanding Comics http://www.scottmccloud.com/2-print/1-uc/index.html ● Dave Gray - Visual Thinking Basics http://www.davegrayinfo.com/2012/12/07/visual-thinking-basics/ ● Dan Roam - Back of the Napkin http://www.danroam.com/the-back-of-the-napkin/