<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>visual thinking on Humbly Proud</title>
    <link>https://humblyproud.com/en/tags/visual-thinking/</link>
    <description>Recent content in visual thinking on Humbly Proud</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <copyright>Toni Tassani. All rights reserved.</copyright>
    <atom:link href="https://humblyproud.com/en/tags/visual-thinking/rss.xml" rel="self" type="application/rss&#43;xml" /><item>
      <title>Metaphors</title>
      <link>https://humblyproud.com/en/blog/metaphors/</link>
      <pubDate>Wed, 18 Mar 2026 00:00:00 &#43;0000</pubDate>
      <lastBuildDate>Wed, 18 Mar 2026 00:00:00 &#43;0000</lastBuildDate>
      <guid>https://humblyproud.com/en/blog/metaphors/</guid>
      <description><![CDATA[<img src="https://humblyproud.com/en/blog/metaphors/images/14-metaphors-visual.jpg" alt="Featured image of post Metaphors" /><p>A <em>metaphor</em> is a figure of speech that refers to one thing by mentioning another. “The world’s a stage”.</p>
<p>A <em>simile</em> is similar to a metaphor but using the words “like” or “as”. “Life is like a box of chocolates”.</p>
<p>An <em>analogy</em> is also similar but more complex because rather than a figure of speech, it is a logical argument: “Finding my keys is like finding a needle in a haystack”.</p>
<p>These resources can be used to explain a point, to simplify understanding. They use previous knowledge from the recipient, a listener or a reader, to describe an object or an action in a way that is not literally true. Metaphors have a stronger effect because they do a direct comparison. We replace one object with the other and we feel clear connections.</p>
<figure>
<img src="images/14-metaphors-ideas-grow.jpg" data-nozoom="nozoom" height="300" alt="The mind grows" />
<figcaption aria-hidden="true">The mind grows</figcaption>
</figure>
<p>When we replace one object with another because they have certain similarities, we obviate their differences. We can focus on the aspects that were conveying the explanation but the differences may still influence us. That extra baggage goes unnoticed and it may affect our relationship with the new object.</p>
<p>Finding the right analogy to explain a complex topic is an art and some people are very good at it. Some metaphors that work for a certain audience don’t work for other people, or may have the opposite effect. And some metaphors are so embedded in our culture that we are not aware of them. How are they influencing us?</p>
<p>We are going to explore the use of metaphors in software, visual facilitation and everyday language. I will use the terms “metaphor” and “analogy” in a loose way, meaning the use of a term without its literal meaning.</p>
<h2 id="in-software">In software
</h2><p>Steve McConnell in <a class="link" href="https://www.goodreads.com/book/show/4845.Code_Complete"  target="_blank" rel="noopener"
    ><em>Code Complete</em></a> explores the idea of metaphors to better understand software development. He says we can benefit from them to give insight into problems and processes.</p>
<p>McConnell suggests software is “writing” and “farming”, but he prefers “construction” <a class="link" href="#ref-mcconnellCodeComplete2004" >[1, p. 9]</a>. The images of “building”, “scaffolding”, “architects”, “planning”, “blueprints”, “patterns” or “façade” are widespread in our industry (if you allow me the metaphor).</p>
<p>Kent Beck criticises the construction metaphor in <a class="link" href="https://www.goodreads.com/book/show/67833.Extreme_Programming_Explained"  target="_blank" rel="noopener"
    ><em>Extreme Programming Explained</em></a> <a class="link" href="#ref-beckExtremeProgrammingExplained2004" >[2, p. 104]</a> arguing that it is extremely difficult to reverse progress in the construction world and discussing the importance of <em>when</em> to design.</p>
<p>Beck also compares Extreme Programming to driving a car <a class="link" href="#ref-beckExtremeProgrammingExplained2004" >[2, p. 12]</a>: customers drive the content of the system and the whole team drives the development process. Alistair Cockburn says software is a <a class="link" href="https://www.goodreads.com/book/show/942577.Agile_Software_Development"  target="_blank" rel="noopener"
    >cooperative game</a>. Eric Raymond a <a class="link" href="http://www.catb.org/~esr/writings/cathedral-bazaar/"  target="_blank" rel="noopener"
    >bazaar</a>.</p>
<p>We use the metaphor of space when talking about the Internet with terms such as “locations”, “communication roads”, “cyberspace”, “visiting”, “finding”, or “the information superhighway”.</p>
<p>Ward Cunningham introduced the financial analogy of the <a class="link" href="https://martinfowler.com/bliki/TechnicalDebt.html"  target="_blank" rel="noopener"
    >technical debt</a>.</p>
<p>In interaction design, the <em>desktop</em> metaphor has been with us since created in 1970 at Xerox PARC. It uses files, folders, windows, forms, a desk, and a trash can.</p>
<p>The analogy of naming servers after “cattle not pets” used in DevOps also uses previous knowledge and makes its point clear. Like the “coal mine canary” does.</p>
<p>Cybersecurity uses metaphors about burglars and treasures, always talking about protecting a space. Common terms are “attack”, “walls”, “locks”, “keys”, “doors”, or “vaults”. Some have suggested a <a class="link" href="https://medium.com/storro-blog/buislessons-from-pest-control-why-the-popular-metaphors-in-cybersecurity-are-broken-88d15191d766"  target="_blank" rel="noopener"
    >pest metaphor</a> <a class="link" href="#ref-storroLessonsPestControl2019" >[3]</a>, an immune system or a <a class="link" href="https://core.ac.uk/download/pdf/71317606.pdf"  target="_blank" rel="noopener"
    >medical health</a> metaphor <a class="link" href="#ref-mooreMetaphorsCyberSecurity2008" >[4]</a>. Would we approach cybersecurity in a different way using them?</p>
<p>Map, resource pool, web, queue, stack, index, tree, package, library, object, label, cookie, fork, branch, sandbox, triggers, semaphore, filter, and pipe are other words we use to refer to abstract concepts in software <a class="link" href="#ref-boydSoftwareMetaphors2003" >[5]</a>. Probably, the level of abstraction we use makes metaphorical language a necessity.</p>
<p>Can you think of other metaphors used in software?</p>
<h2 id="in-graphics-and-facilitation">In graphics and facilitation
</h2><p>When doing visual facilitation or visual recording, metaphors come in handy. Sometimes the actual narrative contains an explicit metaphor that just needs to be visualised. Other times the facilitator or the visual recorder create a metaphor to describe the content. Dave Sibbet in <a class="link" href="https://www.goodreads.com/book/show/8569496-visual-meetings"  target="_blank" rel="noopener"
    ><em>Visual Meetings</em></a> <a class="link" href="#ref-sibbetVisualMeetingsHow2010" >[6, p. 42]</a> suggests different options, and in <a class="link" href="https://www.goodreads.com/book/show/55372395-the-world-of-visual-facilitation"  target="_blank" rel="noopener"
    ><em>The world of visual facilitation</em></a> <a class="link" href="#ref-blijsieWorldVisualFacilitation2019" >[7, p. 294]</a> they also explore their use in multicultural environments.</p>
<p>Some of the metaphors I’ve seen are “the iceberg”, “the journey”, “climbing the mountain”, or “the bridge”. The <em>iceberg</em> is used to describe hidden risks or obstacles. The <em>journey</em> is handy to describe a long story with events and an end goal. The <em>mountain</em> serves a similar purpose but expressing the difficulties or the challenge. The <em>bridge</em> allows us to describe a solution with the previous and future, or current, state.</p>
<p>More creative recorders add more art to their work and invent ad hoc metaphors to every sketchnote or visual recording.</p>
<figure>
<img src="images/14-metaphors-visual.jpg" height="400" alt="Some visual metaphors" />
<figcaption aria-hidden="true">Some visual metaphors</figcaption>
</figure>
<p>In team retrospectives, there are a few visual metaphors that have been used for a long time, because they help teams discuss events from multiple angles maintaining a certain emotional distance. For instance, the <a class="link" href="https://luis-goncalves.com/sailboat-exercise-sailboat-retrospective/"  target="_blank" rel="noopener"
    >saliboat retrospective</a> allows participants to put post-its on the items they think are giving energy and moving them forward, putting them on the wind or on the sails. They can reflect on things that slow them down putting items on the anchor. They can discuss their past putting notes on the island behind or on their future, with the island on the right. They can comment on risks with the sharks or the rocks. And they can be very creative adding whatever they want to the picture. I’ve seen pirates, cannons, ice cream, UFOs and hammocks!</p>
<p>You get the idea about triggering the conversation thanks to the metaphor and you don’t need a fancy visual to have it started. I’ve seen teams asking “if our last iteration was a football match, who was our goalkeeper? What was the controversial play? Who was our best supporter?” and so on.</p>
<h2 id="in-everyday-language">In everyday language
</h2><p>Future is ahead or behind? Probably you will think that the future is ahead of you and your past is behind you, but there is no real relationship between time and direction. For the speakers of Aymara (spoken in Peru), looking ahead is looking at the past <a class="link" href="#ref-athanasopoulos748LanguageAlters2019" >[8]</a>. You have already experienced the past, it is known, you can see it as anything you see, in front of you. Mandarin Chinese speakers use up and down gestures to refer to time. Up is the past, down is the future.</p>
<p>George Lakoff and Mark Johnson, researchers of cognitive science and linguistics, state in <a class="link" href="https://www.goodreads.com/book/show/34459.Metaphors_We_Live_By"  target="_blank" rel="noopener"
    ><em>Metaphors we live by</em></a> <a class="link" href="#ref-lakoffMetaphorsWeLive2017" >[9]</a> that the way we create concepts is metaphorical in nature. The way we think is based on metaphors: we try to understand and experience in terms of another thing we know. They add that some metaphors are completely arbitrary and part of our culture, and they shape the way we think.</p>
<p>Take the following conceptual metaphor: <em>an argument is a war</em>. With that idea these expressions come naturally:</p>
<ul>
<li>He <em>attacked</em> every <em>weak point</em> in my argument.</li>
<li>Your claims are <em>indefensible</em>.</li>
<li>She <em>shot down</em> all my arguments.</li>
</ul>
<p>What if we had a culture where <em>an argument is a dance</em>? Imagine we expect participants as performers, and the goal is to perform in a balanced and aesthetically pleasant way. We would see arguments in a very different way.</p>
<p>There are many ingrained metaphors, some of them shared across languages.</p>
<ul>
<li>Happy is up; sad is down (<em>I am feeling down</em>)</li>
<li>More is up; less is down (<em>His income fell last year</em>)</li>
<li>High status is up; low status is down (<em>He’s climbing the ladder</em>)</li>
<li>The mind is a machine (<em>He broke down</em>)</li>
<li>Love is a journey (<em>We are at a crossroads</em>)</li>
<li>Understanding is seeing (<em>It is clear now</em>)</li>
</ul>
<p>As these metaphorical constructions are coherent, metaphors make us fit new events into their explanation, reinforcing its power and creating a self-fulfilling prophecy.</p>
<h2 id="consequences">Consequences
</h2><p>Replacing an already existing and accepted metaphor may be nearly impossible, but we can start paying attention to them, and assessing if they are affecting our underlying beliefs. When we create an analogy, we can pay attention to the extra impact it can add.</p>
<p>Take “maturity”, for instance. When we consider the assessment of the way we work under the lens of “maturity” we escape from the possibility of reducing the rate because things don’t “unmature”: there is only one direction, never going back.</p>
<p>Is there any other metaphor conditioning you?</p>
<p>Toni Tassani — 10 Mar 2026</p>
<p>This article was originally published on 17 May 2021 on the Ocado Technology intranet.</p>
<hr>
<div id="refs" class="references csl-bib-body" entry-spacing="0">
<div id="ref-mcconnellCodeComplete2004" class="csl-entry">
<p><span class="csl-left-margin">[1] </span><span class="csl-right-inline">Steve McConnell, <em>Code Complete</em>, 2nd ed. Redmond, Wash: Microsoft Press, 2004. </span></p>
</div>
<div id="ref-beckExtremeProgrammingExplained2004" class="csl-entry">
<p><span class="csl-left-margin">[2] </span><span class="csl-right-inline">Kent Beck and Cynthia Andres, <em>Extreme Programming Explained: Embrace Change</em>. Boston, MA: Addison-Wesley, 2004. </span></p>
</div>
<div id="ref-storroLessonsPestControl2019" class="csl-entry">
<p><span class="csl-left-margin">[3] </span><span class="csl-right-inline">Storro, “Lessons from pest control,” <em>Medium</em>, 25-Jan-2019. [Online]. Available: <a class="link" href="https://medium.com/storro-blog/buislessons-from-pest-control-why-the-popular-metaphors-in-cybersecurity-are-broken-88d15191d766"  target="_blank" rel="noopener"
    >https://medium.com/storro-blog/buislessons-from-pest-control-why-the-popular-metaphors-in-cybersecurity-are-broken-88d15191d766</a>. [Accessed: 05-May-2021]</span></p>
</div>
<div id="ref-mooreMetaphorsCyberSecurity2008" class="csl-entry">
<p><span class="csl-left-margin">[4] </span><span class="csl-right-inline">Judy Hennessey Moore, Lori K. Parrott, and Thomas H. Karas, “Metaphors for cyber security.” SAND2008-5381, 947345, Aug. 2008 [Online]. Available: <a class="link" href="http://www.osti.gov/servlets/purl/947345-IFQISp/"  target="_blank" rel="noopener"
    >http://www.osti.gov/servlets/purl/947345-IFQISp/</a>. [Accessed: 05-May-2021]</span></p>
</div>
<div id="ref-boydSoftwareMetaphors2003" class="csl-entry">
<p><span class="csl-left-margin">[5] </span><span class="csl-right-inline">Nikolas S. Boyd, “Software Metaphors,” 2003. [Online]. Available: <a class="link" href="http://www.educery.com/papers/rhetoric/metaphors/"  target="_blank" rel="noopener"
    >http://www.educery.com/papers/rhetoric/metaphors/</a>. [Accessed: 05-May-2021]</span></p>
</div>
<div id="ref-sibbetVisualMeetingsHow2010" class="csl-entry">
<p><span class="csl-left-margin">[6] </span><span class="csl-right-inline">David Sibbet, <em>Visual Meetings: How Graphics, Sticky Notes and Idea Mapping Can Transform Group Productivity</em>. Hoboken, N.J: John Wiley &amp; Sons, 2010. </span></p>
</div>
<div id="ref-blijsieWorldVisualFacilitation2019" class="csl-entry">
<p><span class="csl-left-margin">[7] </span><span class="csl-right-inline">Jeroen Blijsie, Tim Hammons, and Rachel Smith, Eds., <em>The World of Visual Facilitation: Unlock Your Power to Connect People and Ideas</em>. Nijkerk: The Visual Connection Publishers, 2019. </span></p>
</div>
<div id="ref-athanasopoulos748LanguageAlters2019" class="csl-entry">
<p><span class="csl-left-margin">[8] </span><span class="csl-right-inline">Panos Athanasopoulos and Mignon Fogarty, “748: Language Alters Our Experience of Time,” [Audio podcast], <em>Grammar Girl - Quick and Dirty Tips</em>, 12-Dec-2019. [Online]. Available: <a class="link" href="https://www.quickanddirtytips.com/education/grammar/language-alters-our-experience-of-time"  target="_blank" rel="noopener"
    >https://www.quickanddirtytips.com/education/grammar/language-alters-our-experience-of-time</a>. [Accessed: 26-Apr-2021]</span></p>
</div>
<div id="ref-lakoffMetaphorsWeLive2017" class="csl-entry">
<p><span class="csl-left-margin">[9] </span><span class="csl-right-inline">George Lakoff and Mark Johnson, <em>Metaphors We Live by</em>. Chicago, Ill: University of Chicago Press, 2017. </span></p>
</div>
</div>
]]></description>
      <author>Toni Tassani</author>
    </item><item>
      <title>Visual notes</title>
      <link>https://humblyproud.com/en/blog/visual-notes/</link>
      <pubDate>Mon, 09 May 2022 00:00:00 &#43;0000</pubDate>
      <lastBuildDate>Mon, 09 May 2022 00:00:00 &#43;0000</lastBuildDate>
      <guid>https://humblyproud.com/en/blog/visual-notes/</guid>
      <description><![CDATA[<img src="https://humblyproud.com/en/blog/visual-notes/images/09-visualnotes-arrows.png" alt="Featured image of post Visual notes" /><p>Images help me understand and they attract my attention. I have a visual learning style and I have discovered that when I do the drawings the information sticks better with me. I have also discovered that they help my communication both in documents and in live explanations. If you enjoyed drawing as a kid and you think they could help your learning and communication, I have good news: you can learn.</p>
<p>I won’t tell you that we all can draw like Jurgen Appelo suggests in his “<a class="link" href="https://www.youtube.com/watch?a&amp;v=kxPzQv8rWs4"  target="_blank" rel="noopener"
    >I can’t draw</a>” video. I know many people who were not interested in drawing when they were kids and they are not now. And that’s OK. But if you are interested, continue reading.</p>
<p>I am not talking about artistic drawing, but about improving your notes and your whiteboard drawings. You will need to improve your eye-hand coordination, practice your hand muscles, find the right tools and learn some basic techniques. It can be done.</p>
<blockquote>
    <p>The purpose of visualisation is insight, not pictures!</p><span class="cite"><span>― </span><span>Ben Shneiderman</span><cite></cite></span></blockquote>
<p>If you enjoy drawing, practice is not going to be painful.</p>
<h2 id="naming-your-practice">Naming your practice
</h2><p>People come to use drawing in their daily work from different angles and they have been creating different names for their practice. Everybody is selling something, and they need a differentiator so you see value in their proposition. It is useful to know all these diverse names so you can use your favourite search engine to find more information.</p>
<figure>
<img src="images/09-visualnotes-brandy-recording.jpg" title="Brandy Agerbeck doing graphic recording" height="200" alt="Brandy Agerbeck doing graphic recording" />
<figcaption aria-hidden="true">Brandy Agerbeck doing graphic recording<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a></figcaption>
</figure>
<section id="footnotes" class="footnotes footnotes-end-of-document" role="doc-endnotes">
<hr />
<ol>
<li id="fn1"><p><a href="https://ifvp.org/users/brandy-agerbeck?page=1">ifvp.org</a><a href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
</ol>
</section>
<p>Drawing in a large format and in front of an audience is called <em>graphic recording</em>, and you may have seen it in conferences. Here, the important thing is the final drawing that can be used to remember what was said. It is created live and there is no interaction between the recorder and the audience or the speaker. If it does not happen live, it is an <em>illustration</em>.</p>
<p>When the drawing happens in a similar setting, live in front of people, but with interaction between the recorder and the audience, it is called <em>visual facilitation</em> <a class="link" href="#ref-blijsieWorldVisualFacilitation2019" >[1]</a>. One of the pioneers in this area, Dave Sibbet, called them just <em>visual meetings</em> <a class="link" href="#ref-sibbetVisualMeetingsHow2010" >[2]</a>. In this setting the important thing is not the final drawing but the conversations that take place, the process. As Brandy Agerbeck puts it, “it is the process, not the product” <a class="link" href="#ref-agerbeckGraphicFacilitatorGuide2012" >[3, p. 71]</a>.</p>
<figure>
<img src="images/09-visualnotes-brandy.png" height="300" alt="Graphic recording created by Brandy Agerbeck" />
<figcaption aria-hidden="true">Graphic recording created by Brandy Agerbeck<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a></figcaption>
</figure>
<section id="footnotes" class="footnotes footnotes-end-of-document" role="doc-endnotes">
<hr />
<ol>
<li id="fn1"><p><a href="https://twitter.com/loosetooth/status/492302144406450176">twitter.com</a><a href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
</ol>
</section>
<figure>
<img src="images/09-visualnotes-poster-lean.jpg" height="300" alt="Poster created in a class" />
<figcaption aria-hidden="true">Poster created in a class</figcaption>
</figure>
<p>In face to face conversations, mainly in sales situations, Dan Roam used the term <em>back of the napkin</em> <a class="link" href="#ref-roamBackNapkinSolving2009" >[4]</a>. In UX conversations, Mike Crothers coined <em>presto sketching</em> <a class="link" href="#ref-crothersPrestoSketchingMagic2017" >[5]</a>. In informal settings Sunni Brown preferred to simplify and called them <em>doodles</em> <a class="link" href="#ref-brownDoodleRevolutionUnlock2014" >[6]</a>. Other people use the same ideas for personal organisation in <em>bullet journals</em>. Some people group all these formats into a catchall <em>visual thinking</em> and probably there are more names.</p>
<figure>
<img src="images/09-visualnotes-post-its.png" height="200" alt="Images used in post-its" />
<figcaption aria-hidden="true">Images used in post-its<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a></figcaption>
</figure>
<section id="footnotes" class="footnotes footnotes-end-of-document" role="doc-endnotes">
<hr />
<ol>
<li id="fn1"><p><a href="https://www.linkedin.com/pulse/flexible-agenda-toni-tassani/">Flexible agenda</a><a href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
</ol>
</section>
<p>The term that I use more frequently is <em>sketchnotes</em>, popularised by Mike Rohde <a class="link" href="#ref-rohdeSketchnoteHandbookIllustrated2013" >[7]</a>. He talks about note-taking at conferences, using boxes, arrows and visuals so that you capture only the essential parts and what resonates with you, and that way it is more likely that you will review your notes in the future. You can use the technique for taking your notes at a conference, from a podcast or from a book, and it will help you to be present. “Sketchnotes are about capturing and sharing ideas, not about art” <a class="link" href="#ref-rohdeSketchnoteHandbookIllustrated2013" >[7, p. 18]</a>. Ideas, not art.</p>
<figure>
<img src="images/09-visualnotes-sketchnote.png" height="300" alt="Sketchnote created by Mike Rohde" />
<figcaption aria-hidden="true">Sketchnote created by Mike Rohde<a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a></figcaption>
</figure>
<section id="footnotes" class="footnotes footnotes-end-of-document" role="doc-endnotes">
<hr />
<ol>
<li id="fn1"><p><a href="https://rohdesign.com/weblog/2010/3/21/sxsw-interactive-2010-sketchnotes.html">rohdesign.com</a><a href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
</ol>
</section>
<figure>
<img src="images/09-visualnotes-sketchnote-toni.png" height="300" alt="A sketchnote" />
<figcaption aria-hidden="true">A sketchnote</figcaption>
</figure>
<p>In some cases you draw on a notebook and others on a flip chart. Sometimes you can take your time to think and draw and other times you are drawing live in front of a group as fast as you can. In some situations you care only about the process and at other times you want to keep your final product. But the basics about visual notes stay the same.</p>
<h2 id="visual-notes-fundamentals">Visual notes fundamentals
</h2><p>We are going to review the building blocks of your visual notes and we are going to skip some of them. We won’t discuss structure, hierarchy, lines, dividers, colour, shading and people, but there is no shortage of references out there in the internet.</p>
<h3 id="choose-your-tools">Choose your tools
</h3><p>You need to find the pen and paper that better works for you. I want to enjoy my tools and I’ve tried a lot of them. Try paper of different sizes and thickness, bound and unbound (in a notebook or loose paper) and make your choice. Use a pencil if you have a better reason than “because I can erase”, because you have to love your mistakes. Consider trying pens with different thickness.</p>
<p>I like the feeling of Sharpies, but I don’t like that they smear on certain paper, they bleed on the other side and they have strong fumes. Check the traction of your marker on the surface. If it moves too fast it will be harder for you to control. It happens to me with ball-pens on a single sheet of paper on the table.</p>
<figure>
<img src="images/09-visualnotes-tools.png" height="300" alt="Tools" />
<figcaption aria-hidden="true">Tools</figcaption>
</figure>
<p>Digital tools are great, but don’t choose them because you can undo. Be brave.</p>
<p>For a long time I stuck to Staedtler pigment liner 0.05, 0.2 and 0.8 on a pocket-sized, plain paper, hardcover Moleskine.</p>
<h3 id="lettering">Lettering
</h3><p>The first approach to drawing is drawing letters: writing. It is a usual recommendation to use capital letters because they give you more consistency. It is also useful to have more than one “font”, at least for titles, so you can have a visual hierarchy.</p>
<p>Practising handwriting is about repeating the alphabet, or short texts. There are going to be letters that you will have to relearn.</p>
<p>Brandy Agerbeck suggests an exercise repeating the alphabet three times: normal, perfect and fast, so that you can identify the letters you need to work on <a class="link" href="#ref-agerbeckGraphicFacilitatorGuide2012" >[3, p. 177]</a>.</p>
<figure>
<img src="images/09-visualnotes-lettering.png" height="300" alt="Lettering" />
<figcaption aria-hidden="true">Lettering</figcaption>
</figure>
<h3 id="arrows">Arrows
</h3><p>You can practice different arrow types to describe relationships between the elements or to guide their sequence.</p>
<figure>
<img src="images/09-visualnotes-arrows.png" height="300" alt="Arrows" />
<figcaption aria-hidden="true">Arrows</figcaption>
</figure>
<h3 id="bullets">Bullets
</h3><p>It is useful to have more than one type of bullet for your lists, while keeping consistency.</p>
<figure>
<img src="images/09-visualnotes-bullets.png" height="300" alt="Bullets" />
<figcaption aria-hidden="true">Bullets</figcaption>
</figure>
<h3 id="containers">Containers
</h3><p>You can group parts of your notes in boxes or highlight special messages using containers. Most of the time it is better to write the text first and then add the container.</p>
<figure>
<img src="images/09-visualnotes-containers.png" height="300" alt="Containers" />
<figcaption aria-hidden="true">Containers</figcaption>
</figure>
<h3 id="icons">Icons
</h3><p>Some say there is a <a class="link" href="https://medium.com/the-xplane-collection/in-defense-of-the-visual-alphabet-a8dcca7cf151"  target="_blank" rel="noopener"
    >visual alphabet</a> <a class="link" href="#ref-grayDefenseVisualAlphabet2017" >[8]</a> of basic symbols that form what you draw (e.g. dots, lines and circles) whilst others consider that the important thing is a <a class="link" href="https://medium.com/the-history-philosophy-and-ethics-of-design/alphabets-and-ideographs-486d59d1dc01"  target="_blank" rel="noopener"
    >visual vocabulary</a> <a class="link" href="#ref-wodtkeAlphabetsIdeographs2017" >[9]</a>, with the basic ideas you want to draw (e.g. light bulbs and magnifying glasses).</p>
<p>Taking visual notes is not about adding more drawings and using more icons. Some people have the tendency to create an icon for every term that is mentioned, something that Brandy names <em>iconitis</em> <a class="link" href="#ref-agerbeckGraphicFacilitatorGuide2012" >[3, p. 276]</a>. Icons help, but they are not the main building block and they can slow you down.</p>
<p>To create your own collection of symbols, you can copy the icons on your phone, use <a class="link" href="https://thenounproject.com/"  target="_blank" rel="noopener"
    >thenounproject.com</a> for inspiration, or create your own ones based on photos. You can also search in Twitter or Instagram for the hashtag <a class="link" href="https://twitter.com/search?q=%23sketchabit%20%40evalottchen&amp;src=typed_query"  target="_blank" rel="noopener"
    >#sketchabit</a> that Eva-Lotta Lamm uses and you’ll see instructions on how to create certain icons. Some of them are in her reflection on visual alphabets <a class="link" href="#ref-lammChoreographySketching2017" >[10]</a>. They say that if you repeat the same image 50 times, it will stay as part of your personal visual vocabulary.</p>
<h2 id="practice-practice-and-practice">Practice, practice and practice
</h2><p>From now on it is up to you to practice and hone your skills. You have all the hints to find more references on the Internet, and you can find more in <a class="link" href="https://sketchnotehangout.com/resources/"  target="_blank" rel="noopener"
    >Sketchnote Hangout Resources</a> <a class="link" href="#ref-lewisResources2017" >[11]</a>.</p>
<figure>
<img src="images/09-visualnotes-workshop.png" height="300" alt="Visual Notes Workshop" />
<figcaption aria-hidden="true">Visual Notes Workshop</figcaption>
</figure>
<p>Find the right tools for you and enjoy your new notes.</p>
<p>Toni Tassani — 9 May 2022</p>
<p>This article was originally published on 12 April 2021 on the Ocado Technology intranet.</p>
<hr>
<div id="refs" class="references csl-bib-body" entry-spacing="0">
<div id="ref-blijsieWorldVisualFacilitation2019" class="csl-entry">
<p><span class="csl-left-margin">[1] </span><span class="csl-right-inline">Jeroen Blijsie, Tim Hammons, and Rachel Smith, Eds., <em>The World of Visual Facilitation: Unlock Your Power to Connect People and Ideas</em>. Nijkerk: The Visual Connection Publishers, 2019. </span></p>
</div>
<div id="ref-sibbetVisualMeetingsHow2010" class="csl-entry">
<p><span class="csl-left-margin">[2] </span><span class="csl-right-inline">David Sibbet, <em>Visual Meetings: How Graphics, Sticky Notes and Idea Mapping Can Transform Group Productivity</em>. Hoboken, N.J: John Wiley &amp; Sons, 2010. </span></p>
</div>
<div id="ref-agerbeckGraphicFacilitatorGuide2012" class="csl-entry">
<p><span class="csl-left-margin">[3] </span><span class="csl-right-inline">Brandy Agerbeck, <em>The Graphic Facilitator’s Guide: How to Use Your Listening, Thinking &amp; Drawing Skills to Make Meaning</em>. Loosetooth.com Library, 2012. </span></p>
</div>
<div id="ref-roamBackNapkinSolving2009" class="csl-entry">
<p><span class="csl-left-margin">[4] </span><span class="csl-right-inline">Dan Roam, <em>The Back of the Napkin: Solving Problems and Selling Ideas with Pictures</em>. London: Marshall Cavendish, 2009. </span></p>
</div>
<div id="ref-crothersPrestoSketchingMagic2017" class="csl-entry">
<p><span class="csl-left-margin">[5] </span><span class="csl-right-inline">Ben Crothers, <em>Presto Sketching: The Magic of Simple Drawing for Brilliant Product Thinking and Design</em>. 2017. </span></p>
</div>
<div id="ref-brownDoodleRevolutionUnlock2014" class="csl-entry">
<p><span class="csl-left-margin">[6] </span><span class="csl-right-inline">Sunni Brown, <em>The Doodle Revolution: Unlock the Power to Think Differently</em>. New York: Portfolio/Penguin, 2014. </span></p>
</div>
<div id="ref-rohdeSketchnoteHandbookIllustrated2013" class="csl-entry">
<p><span class="csl-left-margin">[7] </span><span class="csl-right-inline">Mike Rohde, <em>The Sketchnote Handbook: The Illustrated Guide to Visual Note Taking</em>. San Francisco, CA: Peachpit Press, 2013. </span></p>
</div>
<div id="ref-grayDefenseVisualAlphabet2017" class="csl-entry">
<p><span class="csl-left-margin">[8] </span><span class="csl-right-inline">Dave Gray, “In defense of the visual alphabet,” <em>Medium</em>, 15-Jan-2017. [Online]. Available: <a class="link" href="https://medium.com/the-xplane-collection/in-defense-of-the-visual-alphabet-a8dcca7cf151"  target="_blank" rel="noopener"
    >https://medium.com/the-xplane-collection/in-defense-of-the-visual-alphabet-a8dcca7cf151</a>. [Accessed: 02-Mar-2021]</span></p>
</div>
<div id="ref-wodtkeAlphabetsIdeographs2017" class="csl-entry">
<p><span class="csl-left-margin">[9] </span><span class="csl-right-inline">Christina Wodtke, “Alphabets and Ideographs,” <em>Medium</em>, 28-Sept-2017. [Online]. Available: <a class="link" href="https://medium.com/the-history-philosophy-and-ethics-of-design/alphabets-and-ideographs-486d59d1dc01"  target="_blank" rel="noopener"
    >https://medium.com/the-history-philosophy-and-ethics-of-design/alphabets-and-ideographs-486d59d1dc01</a>. [Accessed: 02-Mar-2021]</span></p>
</div>
<div id="ref-lammChoreographySketching2017" class="csl-entry">
<p><span class="csl-left-margin">[10] </span><span class="csl-right-inline">Eva-Lotta Lamm, “The Choreography of Sketching,” <em>Medium</em>, 22-Jan-2017. [Online]. Available: <a class="link" href="https://medium.com/@evalottchen/the-choreography-of-sketching-b21f8ba644e"  target="_blank" rel="noopener"
    >https://medium.com/@evalottchen/the-choreography-of-sketching-b21f8ba644e</a>. [Accessed: 02-Mar-2021]</span></p>
</div>
<div id="ref-lewisResources2017" class="csl-entry">
<p><span class="csl-left-margin">[11] </span><span class="csl-right-inline">Makayla Lewis, “Resources,” <em>Sketchnote Hangout</em>, 26-July-2017. [Online]. Available: <a class="link" href="https://sketchnotehangout.com/resources/"  target="_blank" rel="noopener"
    >https://sketchnotehangout.com/resources/</a>. [Accessed: 04-Mar-2021]</span></p>
</div>
</div>
]]></description>
      <author>Toni Tassani</author>
    </item>
  </channel>
</rss>
