Sketching to explore, explain and envision

Ben Crothers Director, Second Road@bencrothers | [email protected]

Sketching to explore, explain and envision

mailto:[email protected]

Hi everyone, I’m Ben

DESIGN TOOLS & TECHNIQUES

BRING OUT CREATIVITY

HELP BRING VISIONS TO LIFE

Ben Crothers | @bencrothers | [email protected]


Words fail

Visuals stickImage: 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:



How comfortable are you with sketching?

3 types of sketching

LITERAL REPRESENTATION

VISUAL METAPHOR

CONCEPTUAL REPRESENTATION



No more stick figures!

The basics

Figures convey attitude, action, and story Sketch the body language

Sketching figures and expression



Faces convey emotion, connection, and story Think in comic language

Sketching faces and emotion



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



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



Foundation lines



Foundation lines



Foundation lines



Foundation lines

Frames and ribbons highlight importance Thought and speech bubbles are good for storyboarding

Framing devices



Vary line weight for emphasis Add lozenges to group objects Add shadows to anchor the objects in space

Tips for adding vitality and interest



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



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



Visual metaphor - examples



Combine objects and icons for richer meaning without words

Visual metaphor - on Red Bull



Moving beyond simple Venn diagrams

Systems and relationships

Explore different comparison patterns to show relationships between elements

Connections and proportions



Sketch arrows to convey journey and process Treat the arrows like characters in themselves, and bring them to life

Time and flow



Show structured events and sequences by combining arrows and shapes Use business process notation, like fishbones and swimlanes

Order and sequence



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



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


http://www.amazon.com/Drawing-Ideas-Hand-Drawn-Approach-Better-ebook/dp/B00D0OR70E/ref=la_B00DVQ9IDK_1_1?s=books&ie=UTF8&qid=1384876977&sr=1-1

http://www.amazon.com/New-Drawing-Right-Side-Brain/dp/0874774241/ref=pd_bbs_2?ie=UTF8&s=books&qid=1232208130&sr=8-2

http://www.amazon.com/gp/product/0123740371

http://www.amazon.com/gp/product/0123819598/ref=as_li_qf_sp_asin_il_tl

http://www.amazon.com/Rapid-Viz-Method-Visualitzation-Ideas/dp/159863268X


Sketching to explore, explain and envision

Design