Sketchnotes workshop Oct 2014

@boonych

Sketchnotes How to supercharge your note-taking

Boon Yew Chew October 31, 2013

@boonych

Hello :-)

@boonych

@boonych

My First Sketchnote

@boonych

2013

@boonych

Sketchnotes are visually engaging

notes

@boonych

Seeing

Thinking

Hearing

Synthesising

ConnectingReferencing Feeling

Sensing

Touching

The best learning happens in real-time

Our memory decays rapidly after that point

@boonych

Picture Superiority Effect

35%10% 65%verbal verbal+visualvisual

@boonych

UX secret weapon

visual thinking facilitation

collaboration

sketchingideas

empathylistening

complexity

improvisation

information architecture

reflection

community of practicesemiotics

@boonych

participate in real-time improve visual communication enhance memory and learning share ideas with others

P.I.E.S.

@boonych

Exercise! Methods Tools

Q A&&

@boonych

Hands

ON

@boonych

Start with a big title. It can go anywhere.

@boonychhttp://www.flickr.com/photos/31461676@N08/8608796530/

Write Big. Write CAPS. text is visual:

forget drawing for now.

@boonych

Finally, LISTEN with your notes.

and prettify stuff later.

@boonych

Richard St. John’s 8 secrets of success

http://www.ted.com/talks/richard_st_john_s_8_secrets_of_success.html

Share

Discussand

@boonych

Next: anatomy, frameworks

drawing & tools

@boonych

Anatomy of a SketchnoteTitles

Lettering Writing Organisers Connectors

&&

@boonych

Speaker

Event

Title

Visual

Subtitle

@boonychhttp://www.flickr.com/photos/31461676@N08/7901696076/

hand lettering to express words and

phrases

Outline then thicken laterTip

@boonychhttp://www.flickr.com/photos/murdocke/7356840718

Use CAPS & lowercase for hierarchy and structureTip

Handwriting to express sentences

and prose

@boonych

Arrows

Frames

Bullets

>>>

---Icons

Dividers

@boonych

@boonych

Frameworks establish hierarchy & flow

linear vertical radial

path modular random

@boonychhttp://www.flickr.com/photos/rohdesign/3674525434/

linear

@boonych

vertical

@boonych

radial

http://www.flickr.com/photos/murdocke/7171414085/

@boonych

path

http://www.flickr.com/photos/micheleidesmith/7098533733/

@boonych

modular

http://www.flickr.com/photos/pedestriantype/6755973299/

@boonych

random

http://www.flickr.com/photos/turnislefthome/6870010788/

@boonych

Roll your own+ +

++linear vertical radial

path modular random

@boonych

Drawing objects

point line arc angle spiral loop(open)

circle leaf triangle rectangle house cloud(closed)

Dave Gray’s glyphs to build a visual vocabulary

http://www.davegrayinfo.com

@boonychhttp://communicationnation.blogspot.co.uk/2005/12/visual-thinking-practice-icons.html#113408841579697868

@boonychhttp://www.flickr.com/photos/rohdesign/4479443248/

Drawing People

@boonych

Triangles if you’re in a rush

@boonych

Tools I use most often

&

Muji 0.38 gel ink + Muji dual-tip markers Tombow ABT brush pen + Edding 33 chisel tip marker

Liquitex acrylic ink pen Moleskine sketchbook (large)

iPhone scanner for capturing sketchnotes

@boonych

There is no process

Be prepared (research, environment, tools) Focus and avoid distractions

Find ways to improve

(just tricks)

@boonych

Hands

ON

@boonych

Tom Wujec : Build a tower, build a team

http://www.ted.com/talks/tom_wujec_build_a_tower.html

@boonych

If you take away one thing

Listen with your notes!

@boonych

Thanks. !

gluethink.com [email protected]

http://bit.ly/sketchnotesboon