SKETCHNOTES | VISUAL NOTE-TAKING

    Sketchnoting combines traditional handwritten notes
with drawings, symbols, and other creative elements.
The result is an engaging map of ideas with clear visual cues.

"

"

WAT ZIJN SKETCHNOTES ?

Een visuele manier van notities nemen (niet tekenen)

“Adding some joy” aan je notities

Gebeurt vaak bij conferenties

Allerhande soorten, check sketchnotearmy.com

Tilt notities naar een nieuw niveau

(of wat is sketchnoting ?)

01

02

03

04

05

EXAMPLES FROM EVA LOTTA LAMM

EXAMPLES FROM EVA LOTTA LAMM

EXAMPLES FROM EVA LOTTA LAMM

EXAMPLES FROM EVA LOTTA LAMM

STRUCTUUR INTRODUCEREN

Structuring and translating your thoughts
                               through fast visualisations

"

"

VOOR WIE ZIJN SKETCHNOTES ?

In eerste plaats voor jezelf

Hoeven niet op zichzelf te kunnen staan
​Iemand die niet op de meeting was zal niet de volledige context snappen.

Gemaakt om verder te verwerken

Te bewaren, ze komen later nog van pas

01

02

03

04

WAAROM IN HEMELSNAAM ?!

Het helpt je te herinneren wat aan bod is gekomen (triggers)

De structuur maakt dat je er vlotter terug naar grijpt

Helpt om complexe ideeën/materie te capteren

Je kan snel dingen met elkaar in verband brengen

Veel meer bruikbaar dan tekst alleen

01

02

03

04

05

WAT HEB IK NODIG ?

Een Realdolmen-schrift

Stiften met verschillende punten

(grey)markers

Verschillende kleuren (stiften / pennen)

Geen correctievloeistof / discussie over potlood

01

02

03

04

05

Geen dure pennen of trendy Moleskine spul nodig
Maar spendeer wel genoeg voor een set

ONE FOR THE ROAD ?

Easy wins: use the ideas from the presenter

Quotes: copy key phrases you hear the presenter say

Let it flow: don't confine yourself to a strictly ltr fashion, the page is your canvas

Find your own style

Maak een spiekbriefje: (=voorbereiding -> namen / plaats / onderwerp / scope)

01

02

03

04

05

C.R.A.P.

In The Non-Designer’s Design Book, Robin Williams introduces the concept of C.R.A.P. design. Of course, she’s not suggesting you should arrange your elements on the page in a way that looks terrible, but that you make use of:
Contrast: This could involve using light and dark colours, combining a straight, rigid typeface with a cursive script, or applying heavy and light shapes.
Repetition: Litter the same visual cues throughout the design, such as drop caps, bullets, or some little cartoon frog that appears regularly
Alignment: Line things up on purpose, rather than having them almost match. It looks smarter and makes text easier to read.
Proximity: Group related objects or concepts on the page. If two concepts are completely unrelated, draw them on opposite ends of the canvas.

Be C.R.A.P. !

ONE FOR THE ROAD ?

Introduceer structuur gaandeweg (capture first, structure later)

Hanteer een kantlijn voor gedachten, keywords

Schrijf in brokken (ipv volle tekstlijnen)

Eén gedachte per brok

Maak keywords groter

Laat ruimte tussen elementen

Zorg voor een visuele hierarchie (onderlijnen, stijl, grootte, bold, contrast, kleur)

Introduceer consistentie / structuur (connectoren / scheidingen / groeperen)

Add visual hooks (vormen, iconen, om het oog over de pagina te gidsen)

Creëer je eigen set iconen (voor idee, conflict, probleem, opvolging, email, zoeken, ...)

01

02

03

04

05

06

07

08

09

10

ONE FOR THE ROAD ?

Text / emphasis text

Basic shapes (stars, squares, rectangles, triangles, circles)

Containers / connectors / icons & symbols

Basic objects (ship, home, fish, user, cloud, link, hand, mouse, book, newspaper,
magazine, tree, envelope, brick, brain, magnifying glass, pencil, paper, scissors, knife, fork, spoon, iPhone, iPad, desktop, laptop, web browser, cursor, ...)

 

01

02

03

04

TO DRAW IS TO SHARPEN AN IDEA.

DRAWING IS THE PRECISION OF THOUGHT.

Matisse

BLANK PAGES

BLANK PAGES

BRONNEN

search pintrest 'sketchnotes'
https://www.jetpens.com/blog/sketchnotes-a-guide-to-visual-note-taking/pt/892
https://uxmastery.com/sketchnoting-101-how-to-create-awesome-visual-notes/
https://www.smashingmagazine.com/2014/11/how-to-get-started-with-sketchnotes/
http://sketchnotearmy.com/
http://www.sketchnotesbook.com/ Eva-Lotta Lamm (Smashingconf 2016)
http://www.wikihow.com/Take-Better-Notes
http://slides.com/evaoosterlaken/sketchnoting#/

01

02

03

04

05

06

07

08

THANK YOU

Contact me for anything UXD

Presentations, training,

but most of all projects ;-)

hendrik.mondelaers@realdolmen.com

HENDRIK  MONDELAERS