Upload
boon-yew-chew
View
934
Download
4
Embed Size (px)
Citation preview
@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!