Archive for the 'Design' Category

Designing Dynamically

Technical writing is often built around encouraging action on the part of the reader, like instructions for building a piece of furniture. While words alone can be effective, many have chosen to use illustrations as part of that, not only including pictures of objects, but of objects being acted upon by a visible person. In American popular culture this has been seen before and technical communicators can learn from the art of the comic book.



                The most obvious is the figure itself. In comic books you develop personalities that are developed over time and then reinvented for a new audience when the original personality no longer connects with the intended readership. While technical communication rarely develops personalities, it can try to connect to the audience through art as well as words.

In some technical documents, like Scott McCloud’s Understanding Comics, the author is very clear about his reference material… he draws himself as a guide. But, in mainstream comics, the figure is often masked or hidden. The first is a way of connecting to the reader on a personal level, but it doesn’t create a persona for the reader in the way that mainstream comics often do. Arms and hands are often visible, and perhaps the most important element of all is the ¾ rule… the figure is not shown straight on or completely from the side, but a mix of both. This creates dimensionality and encourages engagement.


McCloud himself points to the simplicity of comic art as a good thing; it emphasizes what the artist is trying to communicate. This is already an active principle in technical communication, but the awareness of it. Michael Opsteegh’s article for “Techniscribe,” “What Technical Communicators can learn from Comics,” covers much of the elements that can be duplicated in technical communications, such as wavy lines to indicate a bad smell, or straight lines to show speed.


Opsteegh even takes us back in time to Will Eisner’s M16A manual, given in WWII to soldiers in order to efficiently communicate the care and use of the weapon, but Opsteegh misses an important part of  the art of comic books, even in Eisner’s case. Instead of looking at an individual panel, or one piece of art, we can look at the page design. Comics have ranged from magazine size (in the Golden Age of comics) through to pamplets (like Chick Tracts, some Tijuana Bibles, and other experimental efforts). This has required some interesting artistic choices. Eisner, in “Comics and Sequential Art,” talks about the flow of information across panels, unifying the document. Any technical document that wants to motivate the reader needs to do more than just guide the reader with big arrows… it also needs to design the page so that the graphical elements in the instructions themselves naturally flow toward the next instruction.

You can bet that with the rise of graphic journalism, the need to communicate to non-literate audiences, and the ability to create information dense documents, you’ll be seeing more graphic communications in your technical soup.

Designer’s Toolkit Infographic

From the blog Daily Infographic comes this cool breakdown of the apps used by design and creative professionals. The Hidden Gems section is especially helpful:

Designer's Toolkit Infographic

Domo Arifonto, Roboto

The world recently welcomed another new font, Roboto, which is the official font of Android’s OS Ice Cream Sandwich. The fanfare surrounding Roboto offers an interesting insight into the rationale behind typography design. In an interview about Roboto, Martias Duarte explains that the font was intended “to enchant you, to be attractive and eye-catching.”


Not everyone is a fan, however. Daring Fireball calls Roboto a Helvetica ripoff, and Typographica calls Roboto a four-headed Frankenfont.

Worst websites of 2011 (so far…)

Web Pages That Suck, which has long cataloged the most egregious web design offenders, offers up contenders for the worst web design of 2011. Looking at these webpages, it’s obvious why people navigate away from poor design so quickly. Still, usability expert Jakob Nielson offers this interesting analysis of user behavior data to demonstrate how crucial the first 10-20 seconds are for keeping visitors on a web page.

Graphic Design Flashbacks

The AIGA Design archives hosts a cool archive of charts, diagrams, graphs, and maps that’s worth browsing.  They also uncovered a NASA graphics standards manual from 1975. This Flickr site offers photos of several pages for a more in-depth look.