Just started on the #sketchnotes for 's upcoming course 'Web Security Essentials'
About to learn how to protect cookies from phishermen, and ward off flying swarms of cursor arrows. 🎣🍪🍪🍪🎣
Conversation
Also tiny tip for starting a #sketchnote - I like laying down a loose set of layout guides to build the structure inside.
These are fairly abstract but I try to create a balanced set of big and small areas.
Helps align things into distinct sections.
2
36
Working more on the web security sketchnotes.
The blue underlay is my lazy rough version - mostly to plan the composition and make sure it’s all going to fit.
Then I do final lines and neater lettering over the top
These are still in progress - now learning about CSRF and XSS 🆘
2
6
34
for me the sketchnote is the blue one, wip, the place to learn and reflect and the finished one is an illustration. Both valuable
ping
2
2
1
Completely agree – I call my finished ones "illustrated notes," or "illustrated explanations."
But sometimes revert to the term "sketchnotes" since it's such a common concept in the dev community. And find people get confused by the term "illustrated notes" without seeing them.
1
2
Agreed, if you relate to Tiago's view of taking notes and the paper he shared earlier and see sketchnotes as a special kind of notes it makes sense to favor a wip form. Convo I had earlier with hence mention
.. next question 1/2
1
2
2/2 If we learn, we capture using sketches. How to support subsequent reflection, summarisation, deeper understanding on the same media (or not). It's an open question
cf link to paper for twitter.com/fortelabs/stat
Describes a process mostly for textual notes
Quote Tweet
New free post on the Praxis blog:
How To Take Smart Notes: 10 Principles to Revolutionize Your Note-Taking and Writing
praxis.fortelabs.co/how-to-take-sm
My summary of the most important ideas from the best book on note-taking I've read, How To Take Smart Notes by @soenke_ahrens
1
2
1/ Agreed the term 'sketchnotes' feels like it should be reserved for the free-flow, active-thinking-process kind of drawing.
I've always struggled with how performative they've become in popular practice. A party trick (or rather conference entertainment piece).
1
1
2/ it’s especially odd when you compare them to written notes - we never consider someone’s quick bullet point notes as useful as a finished, considered blog post.
But with the visual version, sketchnotes are sometimes presented as the ideal explanation of a talk/book/thing.
3/ ...rather than a first pass to build on top of and refine.
Obviously there’s immense value to the immediacy of quick sketchnotes.
I’m just curious about the shades of grey between pure unfiltered sketchnotes and hyper-crafted illustrated explainations.
3
1
4/ to clarify, I’m not for / against either approach... love both for their own benefits.
Just appreciate the thoughtful prompts! 😄 making me reconsider how I label this kind of work. Leaning into ‘illustrated notes’ feels like it fits the medium better.
1
For me the sketchnote is what I do to capture and understand. Parallel to written notes, often both mixed. I rarely redo one but often alter them days after as my understanding gets deeper
Illustrated note would be like a blog post I write to present what I learned or invented.
1