Hand-Drawn Illustrations

3 min read Original article ↗

It’s not for me to discourage this kind of generosity.

This image shows a LinkedIn post from Manoj Bhardwaj, whose profile indicates he is a "Software Development Educator/Certified Scrum Professional/Sustai..." (title appears to be cut off). The post was made 1 hour ago and reads: "We need a GoFundMe to get Kent Beck some drawing software." followed by a smiling emoji with rosy cheeks. The post includes "Like" and "Reply" buttons at the bottom.

However, being of a too-literal cast of mind, I’m going to well-actually this comment because I think there’s a deeper point beneath it. But first, thanks Manoj Bharadwaj!

Thanks to today’s sponsor Unblocked.

When I was a young programmer we were berated for not writing more documentation, but that documentation always turned out to be useless by the time we needed it. That experience was my impetus for writing about communicative code (Smalltalk Best Practice Patterns & Implementation Patterns).

Unblocked meets the same need in the same moment--I have to change this code but what is going on? Unblocked answers this question with less effort on the part of the original programmer & the answers are always up-to-date.

The comment was in response to this illustration.

This image shows a hand-drawn diagram on dotted paper with blue pen. It contains three horizontal levels, each with horizontal arrows pointing right and then turning down. Each level has small upward arrows on the left side (1 on the top level, 2 on the middle level, and 3 on the bottom level) and a downward arrow on the right side. To the right of each downward arrow is a dotted cloud-like shape. The size of the dotted shapes increases from top to bottom, while the horizontal lines appear to be gradually shrinking in length from top to bottom.

I wanted to help readers develop an intuition for why small, incremental releases were valuable. Even if each release doesn’t create much positive value (& that’s a big if), each release creates value by decreasing the potential loss if a big release goes badly.

Some people got it:

This image shows a LinkedIn post from Krishna Prasad Sharma, who is described as a "Seasoned Software Architect & Senior Software Engineer." The post was shared 2 weeks ago and is marked as "1st" (likely meaning it's his first post on this topic). The content reads: "Great visualization, Kent Sir! Small releases effectively minimize risk over time." The post has received 1 like and has "Like" and "Reply" options at the bottom.

Others didn’t:

This image shows a LinkedIn post from Matthias Patzak, whose profile indicates he is an "ex-CTO | Author of 'All Hands on Tech' | AWS | Speaker | Advisor | ex..." (with the title appearing to be cut off). The post was made 1 week ago and is labeled as "2nd" (likely indicating it's his second comment in a thread). His post reads: "Hmm, for me your visualisation is hard to understand." The post shows "Like" and "Reply" options at the bottom, and indicates there is 1 reply to this comment.

Which is a good reminder to let other people own their reactions & for me to only own how carefully I communicate.

But that wasn’t the point I wanted to make.

When I’m explaining an idea I tend to include visuals as part of my explanation. Sometimes the visualization comes first & the words support it. Sometimes I’m in the middle of a paragraph when a visual comes to me. What are my options when an illustration pops into my head?

  1. Open up a drawing program. Switch my brain to “drawing program” mode. Try to optimize my actions to achieve the desired visual. Speculate on the code implementing those actions (I’ve written & used drawing programs for 40 years). Critique the UI for too-long click paths. Begin designing an alternate UI. Consider starting a new open source drawing program. Where the hell was I?

  2. Knowing myself, consider the likelihood of #1 & give up on the illustration.

  3. Grab an index card & a pen (always right there). Draw. Snap a picture with my phone (also always right there). Crop. Copy. Hope Apple’s cross-machine copy & paste is choosing today to work. Paste. Done & back to writing.

In short, I hand-draw because it makes me more likely to illustrate. & more likely to write.

These illustrations have become part of my brand, part of my signature. If you see ink on dotted paper, you know I actually picked up a pen & drew for you. Some people get it & some people don’t (see above).

Some people are turned off by the lack of perfection in the illustrations (I’ve fielded this complaints many times). They see the rough nature of my illustrations as a sign of lack of commitment or polish or skill on my part. That’s okay. I spent 40 or 50 years coming up with these opinions. Ten minutes more or less isn’t going to change their value. If you decide that those 10 minutes are the difference between it being worth paying attention to what I say & not paying attention, you’re fully entitled to that opinion. On my side, I know I’ll write more & illustrate more if I work in this style.

The larger point I wanted to make is that you don’t just do your work, you design how you do your work. I call this Making Making. Pay attention. Experiment. You’re unique—find your unique style, but make sure it’s one that positively meshes with the people affected by that style.