SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
Ben Crothers Director, Second Road
@bencrothers | ben.crothers@secondroad.com.au
Sketching to explore,
explain and envision
Hi everyone, I’m Ben
DESIGN TOOLS &
TECHNIQUES
BRING OUT
CREATIVITY
HELP BRING
VISIONS TO LIFE
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Words fail
Visuals stick Image: Rosie Joyce
So I’m not talking about this…
…or this
Sketching to help us generate and
communicate ideas to others
The basics, figures and faces
Common iconic objects, visual metaphor
Conceptual sketching for systems and
relationships
What I am talking about:
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
How comfortable are
you with sketching?
3 types of sketching
LITERAL
REPRESENTATION
VISUAL 

METAPHOR
CONCEPTUAL
REPRESENTATION
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
No more stick figures!
The basics
Figures convey attitude,
action, and story
Sketch the body language
Sketching figures and expression
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Faces convey emotion,
connection, and story
Think in comic language
Sketching faces and emotion
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Amping up your visual vocabulary
Sketching objects
and icons
All objects can be broken into
simple lines and shapes,
such as rectangles and circles
Basic objects
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Draw light foundation
lines first in pencil or light
marker
Draw the final lines in
black marker using the
foundations lines as a guide
Foundation lines
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Foundation lines
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Foundation lines
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Foundation lines
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Foundation lines
Frames and ribbons
highlight importance
Thought and speech
bubbles are good for
storyboarding
Framing devices
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Vary line weight for emphasis
Add lozenges to group objects
Add shadows to anchor the
objects in space
Tips for adding vitality and interest
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Playing your movie in other people’s heads
Visual metaphor
We understand new concepts by
relating them to previous
concepts
Simple images are powerful visual
metaphors for communicating
concepts
Visual metaphor
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Clichés are boring. Visualising clichés is awesome.
Tip: Play the ‘What Would My
Boring Uncle Say?’ game
MEANING METAPHOR SKETCH
This data is of
dubious quality
Take this with a
grain of salt
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Visual metaphor - examples
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Combine objects and icons for richer meaning
without words
Visual metaphor - on Red Bull
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Moving beyond simple Venn diagrams
Systems and
relationships
Explore different comparison patterns to
show relationships between elements
Connections and proportions
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Sketch arrows to convey
journey and process
Treat the arrows like
characters in themselves,
and bring them to life
Time and flow
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Show structured events and sequences by
combining arrows and shapes
Use business process notation, like
fishbones and swimlanes
Order and sequence
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Final words
Get into the sketchbook habit
Set yourself challenges - one new icon a
week, draw on the whiteboard with your team
Find your style - develop your look over time
Display your sketches
Final words
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
Thanks
@bencrothers
• Drawing Ideas (Mark Baskinger and William Bardel) - my
favourite sketching book right now
• Drawing on the Right Side of the Brain (Betty Edwards) - great
approach; something from outside the UX domain
• Sketching User Experiences (Bill Buxton) - the most often
referenced book
• Sketching User Experiences - The Workbook
• Rapid Viz: A New Method for the Rapid Visualisation of Ideas
(Kurt Hanks & Larry Belliston)
References
Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au

Más contenido relacionado

Último

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
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
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
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 

Último (20)

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
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
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
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 

Destacado

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Destacado (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Sketching to explore, explain and envision

  • 1. Ben Crothers Director, Second Road @bencrothers | ben.crothers@secondroad.com.au Sketching to explore, explain and envision
  • 2. Hi everyone, I’m Ben DESIGN TOOLS & TECHNIQUES BRING OUT CREATIVITY HELP BRING VISIONS TO LIFE Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 4. Visuals stick Image: Rosie Joyce
  • 5. So I’m not talking about this…
  • 7. Sketching to help us generate and communicate ideas to others The basics, figures and faces Common iconic objects, visual metaphor Conceptual sketching for systems and relationships What I am talking about: Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 8. How comfortable are you with sketching?
  • 9. 3 types of sketching LITERAL REPRESENTATION VISUAL 
 METAPHOR CONCEPTUAL REPRESENTATION Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 10. No more stick figures! The basics
  • 11. Figures convey attitude, action, and story Sketch the body language Sketching figures and expression Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 12. Faces convey emotion, connection, and story Think in comic language Sketching faces and emotion Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 13. Amping up your visual vocabulary Sketching objects and icons
  • 14. All objects can be broken into simple lines and shapes, such as rectangles and circles Basic objects Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 15. Draw light foundation lines first in pencil or light marker Draw the final lines in black marker using the foundations lines as a guide Foundation lines Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 16. Foundation lines Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 17. Foundation lines Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 18. Foundation lines Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 20. Frames and ribbons highlight importance Thought and speech bubbles are good for storyboarding Framing devices Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 21. Vary line weight for emphasis Add lozenges to group objects Add shadows to anchor the objects in space Tips for adding vitality and interest Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 22. Playing your movie in other people’s heads Visual metaphor
  • 23. We understand new concepts by relating them to previous concepts Simple images are powerful visual metaphors for communicating concepts Visual metaphor Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 24. Clichés are boring. Visualising clichés is awesome. Tip: Play the ‘What Would My Boring Uncle Say?’ game MEANING METAPHOR SKETCH This data is of dubious quality Take this with a grain of salt Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 25. Visual metaphor - examples Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 26. Combine objects and icons for richer meaning without words Visual metaphor - on Red Bull Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 27. Moving beyond simple Venn diagrams Systems and relationships
  • 28. Explore different comparison patterns to show relationships between elements Connections and proportions Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 29. Sketch arrows to convey journey and process Treat the arrows like characters in themselves, and bring them to life Time and flow Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 30. Show structured events and sequences by combining arrows and shapes Use business process notation, like fishbones and swimlanes Order and sequence Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 32. Get into the sketchbook habit Set yourself challenges - one new icon a week, draw on the whiteboard with your team Find your style - develop your look over time Display your sketches Final words Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au
  • 34. • Drawing Ideas (Mark Baskinger and William Bardel) - my favourite sketching book right now • Drawing on the Right Side of the Brain (Betty Edwards) - great approach; something from outside the UX domain • Sketching User Experiences (Bill Buxton) - the most often referenced book • Sketching User Experiences - The Workbook • Rapid Viz: A New Method for the Rapid Visualisation of Ideas (Kurt Hanks & Larry Belliston) References Ben Crothers | @bencrothers | ben.crothers@secondroad.com.au