Technical Email Design
Tags: communication, softskills
Published: 2019-04-18 13:21:09

---
title: Technical Email Design
published: true
description: A good technical email design can save hours or even days of wasted time. Minding clarity, formatting, and graphics are a great way to accomplish this.
tags: #communication #softskills
canonical_url: https://remotejavadev.com/technical-email-design/
---

<h1>Technical Email Design</h1>
A good technical email design can save hours or even days of wasted time. &nbsp;This translates into dramatic savings for your business and highlights the unique value you can provide. &nbsp;

So what makes a good technical email design? Abundant clarity, liberal formatting, and thoughtful graphics are a good start.
<h3>Clarity</h3>
Clarity is king when designing technical emails.&nbsp; Therefore, like any good UX/UI designer we should be mindful of presenting information in an easily digestible form. &nbsp;

In contrast, how many emails have you received that were nothing but painful walls of text? &nbsp;The secrets of the universe might be contained in that wall of text, but you’d be hard-pressed to extract it in such a malevolent form.

Compare the following:
<ul>
 	<li>“A good object oriented design should adhere to the five SOLID principles which are Single-Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion.”</li>
</ul>
<ul>
 	<li>Good Object-Oriented design should follow <b>SOLID</b> principles:
<ul>
 	<li>Single-Responsibility</li>
 	<li style="font-weight: 400;">Open/Closed</li>
 	<li style="font-weight: 400;">Liskov Substitution</li>
 	<li style="font-weight: 400;">Interface Segregation</li>
 	<li style="font-weight: 400;">Dependency Inversion</li>
</ul>
</li>
</ul><i>It’s clear which of these two approaches presents the information with more clarity.</i>


<h3>Formatting</h3>
The previous example leads nicely into the topic of formatting.&nbsp; Above all, a little formatting goes a long way to making content more digestible. &nbsp;We’re not writing English Lit essays here. Formatting and clarity should take precedence over literary flare.

There are a number of tactics we can use to clarify our writing. &nbsp;I’ve listed some of my favorites below. While this is not an exhaustive list, it should be a good starting point. &nbsp;We certainly don’t need to deploy them all in every email, just pick and choose where it makes it sense.
<h5><b>Do Use:</b></h5>
<ul>
 	<li style="font-weight: 400;">Lists (Bullet and Numbered)</li>
 	<li style="font-weight: 400;">Headings and Subheadings</li>
 	<li style="font-weight: 400;">White Space</li>
 	<li style="font-weight: 400;">Indentation</li>
 	<li style="font-weight: 400;">Bold, Italic, Colored, and Highlighted text</li>
</ul>
<h5><b>Don’t Use:</b></h5>
<ul>
 	<li style="font-weight: 400;">Walls of text</li>
 	<li style="font-weight: 400;">Long sentences and paragraphs</li>
 	<li style="font-weight: 400;">Uncommon fonts</li>
</ul>
<h3>Graphics</h3>
Graphics can be an incredible time saver. &nbsp;Whether it’s a screenshot, a technical diagram, or a hacky MS Paint drawing, we can often replace volumes of text with a simple graphic. &nbsp;It’s just more natural to understand a graphic than it is to derive the same information from text.

Similarly to formatting, we have a number of tools available for graphics. &nbsp;Depending on the email’s audience we’ll&nbsp;of course prefer a different subset of graphics. &nbsp;Screenshots are almost universally useful regardless of the audience, especially a sequence of screenshots for any application flow for example.&nbsp;&nbsp;
<blockquote>
				“I would recommend embedding content within an email whenever possible.”</blockquote>
Also I would recommend embedding content within an email whenever possible. &nbsp;Attachments are fine for large files as a reference, but it ruins the flow of a good email if your graphic content is attached and not embedded. &nbsp;

Moreover, common sense should be used when deciding whether to embed or attach. &nbsp;For example, embedding a 1000 line Excel table within an email will make you very unpopular. &nbsp;Knowing not to do this is unlikely to be a problem for anyone reading this site.

Finally, resizing or scaling graphics should also be done liberally. &nbsp;We rarely need a 1MB+ image when a 100KB will work just as well. &nbsp;As remote Java devs, we should be conscious that not everyone is on a 1GB internet connection. &nbsp;Efficiently sizing our emails takes a minimal amount of effort and can make a big difference to our lower bandwidth counterparts.
<h5><b>Do Use:</b></h5>
<ul>
 	<li style="font-weight: 400;">Screenshots</li>
 	<li style="font-weight: 400;">Diagrams</li>
 	<li style="font-weight: 400;">Code Snippets</li>
 	<li style="font-weight: 400;">Embedded tables</li>
</ul>
<h5><b>Don’t Use:</b></h5>
<ul>
 	<li style="font-weight: 400;">Attachments when you could embed</li>
 	<li style="font-weight: 400;">Huge, un-resized graphics</li>
</ul>
<h3>Summary</h3>
A well-designed technical email should have clarity, formatting, and graphics. &nbsp;By minding these three concerns you can save yourself time and your employer money. &nbsp;As remote java devs, we should excel in our communications and writing clear, aesthetically pleasing emails are a great way to do so.

The payoff for writing good emails is avoiding unnecessary meetings and endless email volleys. &nbsp;These are time sinks and prevent us from providing the level of value of which we’re capable. Everybody wins if we can avoid these for ourselves and ultimately for everyone who would have been sucked up in these gyres of futility.

*****Cross post from my blog: [Technical Email Design](https://remotejavadev.com/technical-email-design/)***