Category: Communication Design

Barrel Strength Design Business Cards - October 2011

Business cards are always a challenge. They always seem to take too much time but they reflect the identity of your organization so there are many details to consider and get right. This round, I decided to try moo.com. They have a solid business model that aims to provide high-quality products and not even bother with lower quality stuff. So far, from the online interface, to the shipping (one week early? neat), to the box, paper, and print quality, I'm pleased.

They also have a service called Printfinity where you can print multiple versions of the back of your business card. This service seems to be targeted at displaying work from your portfolio but I decided use it a bit differently, highlighting a variety of different services that my business offers. Instead of printing multiple versions of the back of my card, I created multiple versions of the front—using the back of my card to list the full range of services I currently offer. As the paper quality is the same (as far as I can tell), printing on the front vs. the back is really just a semantic issue of the online interface. Here's a look at the four versions of the front of the card, and the single version of the back.

Web Design & Development

Email Marketing & Training

Data Visualization & Information Design

Presentation Design & Coaching

Back of All Cards: Services

| Communication Design |

Student Friendly Presentation Resources

Drawing Tools

Photography

Animation

Screen capture

Presentations (ideas, humor, inspiration)

Books, Blogs, and Articles

Online Tutorials

  • Lynda.com Tutorials for Powerpoint, Keynote…

Seminars & Training

| Communication Design |

On Composition and Communication

Words, and the Placement Of is not about words. It is about understanding the relationship between human nature and effective communication, and exploring the universal elements of composition. It is a project that grows out of my desire to communicate more effectively with my clients, colleagues, students, friends, and family. The majority of these studies will probably focus on the visual arts, but I don't wish to limit the scope of this project. Its themes will shift as my interests shift.

The project evolves out of one primary observation: Many people are good communicators in one medium and have no idea how to transfer these skills to a different medium. A great speaker, who can compose her words with precise timing and inflection to win over any audience, finds herself incapable of creating an interesting PowerPoint presentation. A writer, whose everyday words flow like poetry and bring smiles to his readers faces, has no idea where to begin when he needs to complement his ideas with a chart or image. And when each of these great analytical minds show you their resume, an array of substantial qualifications is complemented with redundancy and little clarity.

Composition is Communication

Whether you like it or not, you're a designer. And much more. If you're involved with the placement of graphic symbols, words, or phonetics in space and time, you're a composer, and you are telling your audience things that are explicitly and implicitly embed in your composition. Just because you have no interest in serifs (the cross-strokes at the end of characters in some typefaces) or leading (the space between lines of text) doesn't mean a dense block of sans-serif type won't slow your audiences' ability to receive your message.

As the media which we use to communicate ? writing, images, speech, and space ? become more interrelated, the awareness we have of a communicator's gap in skills is amplified.

Composition is broader than the arts

Let's look at one ? fictitious, though not too uncommon ? situation: A speaker (physical composition) addresses an audience in a lecture hall (spacial composition) with the aid of a slide presentation (digital composition) and a handout (print composition). The talk is recorded on video (film composition) and also to be released as a podcast (audio composition). The talk is advertised with a short summary and the speaker's bio, as a flyer (written composition) and on the web (web composition).

Make your wishes to let the painters, novelists, and musicians be the only ones who need to worry about composition, but as the tools of communication become more accessible to a wider audience, the responsibility of a composition's success falls more and more in the hands of you, the everyday communicator.

Effective communication requires an understanding of human nature

Some people are born good communicators, and others must learn. The good news is that these skills can be learned. The better news is that, if you're already a strong communicator in one medium, understanding the principles of good communication in another medium is likely closer than you think.

Words, and the Placement Of aims to facilitate an understanding between an expert, superficial knowledge in one medium and an expert, fundamental knowledge across several media. The coming posts will explore the tools and relationships involved in this process.

| Communication Design |

Tools for Web Development

Just a few tools I've found quite useful in my (mac-based) workflow:

XHTML

TextMate: A true productivity enhancer. Costs a few bucks but worth every penny. Be sure to familiarize yourself with all the shortcuts and available bundles as well as the trick for how to edit remote files.

CSS

CSS Edit: Another beautiful program. X-ray view allows you to really dig into your CSS and is very handy for troubleshooting.

Blueprint CSS: Well grounded CSS framework for straightforward, quick development.

Content Management

Expression Engine: This CMS is wonderful. Simple to use, well documented, and great pricing. It has allowed me to focus on designing websites with XHTML and CSS, while simplifying the tools to create dynamic websites. Also, has a pretty user-friendly admin side. The forums are quite useful for any problems that arise.

FTP Client

Transmit: I searched long and far for an FTP program that has the same column view as Mac's Finder and Transmit is it. Great program all around.

Plugins

Web Developer Toolbar: While there are prettier browsers out there to surf the web, if you develop websites Firefox is really the way to go. This extension adds a host of tools to your arsenal.

Firebug: This one adds more.

YSlow: And this one even more!

| Communication Design |

Improving the Design of Tax Forms: Identifying the Problem

If information design has a golden challenge, it is to redesign the U.S. tax forms. These behemoths ooze the opportunity for improvement. Not only do they clothe a complex tax in a dismal plaid, but every year they encourage thousands of diligent, hardworking citizens (unable to understand their own tax returns) to tempt hordes of labor away from other value-creating activities.

The 1040 (and its offspring the 1040A, 1040EZ) are not the only culprits, but they will be my inspiration today. Is there a good reason these forms are confusing? Yes. Several. However, the challenge of the information designer is not to overhaul the tax system, it is to take the problem at hand, and make it beautiful (at least from the user-experience perspective). Let's walk through four common elements of good design and see if we can identify why the average taxpayer is so confused.

If you'd like to follow along: our challenge awaits here.

Proximity

Good design groups related items together. It's how our brain works. If you see a man and a women walking together, gazing into each others eyes, you might assume they're married. The same principle is true for items on a form. Though our culprit, the 1040, just may be leading us on...

At first glance, the 1040 appears to have been grouped into sections of similar data: Label, Filing Status, Exemptions, Adjusted Gross Income, Tax and Credits. Though as we begin to look into the detail of these sections a number of unexplainable relationships emerge from the design. How are Other Taxes different from Tax and Credits? Why do some deductions fall under Adjusted Gross Income and others fall under Tax and Credits? Do you want $3 to go to the Presidential Election Campaign? Wait a second, what is this doing in the Label section (and where are the check boxes for us to allocate the rest of our money to projects we support)?

Alignment

Elements that line up with one another help create a visual order. The alignment of letters along their baselines and blocks of text (to the left, right, or center) help organize the elements on the page for the viewer. Alignment is most easily applied to shapes with nice, straight edges. It's a bit more challenging to work with text, but quite possible to succeed.

The 1040 does pretty well aligning elements in some respects. The rectangular spaces available to fill in our personal information, income , and other data line up for the most part. The rows are indented where a subtotal needs to be calculated. The line numbers and the start of each line also do just fine. But when we look to the right side of the text at the other end of each line (on the page and in the left margin), the text on the page becomes quite jarring. Hardly any of the lines match up, and when viewed as a whole, the text on the page looks extremely jagged, frequently disrupting the flow of the viewer?s eye.

On top of this, nearly each line refers to a complimentary schedule, form, or page to help you calculate it. This information is not differentiated in any way, it just blends in with the madness. For example, to determine a health savings account deduction, you are to fill out form 8889. For farm income and losses, you need to attach Schedule F. Each form is hidden at the end of its respective line, wherever that may be. Some relationships, like with Standard and Itemized Deductions, are even more confusing. Itemized Deductions refer you to Schedule A in the line, and then give a set of instructions in the left margin regarding the standard deduction. Without the help of alignment, or some other element of design such as contrast, there is no easy way to scan the 1040 in search of this information. It could be anywhere.

Repetition

Repeated elements (such as graphics, fonts, and size) help make a design consistent. See inconsistencies in all other sections.

Contrast

Contrast draws a viewer in and creates visual hierarchy. The point of highest contrast attracts the eye's attention.

So where is your eye drawn to on the 1040? Probably the header or the arrows instructing that you must enter your social security numbers and Sign here. Just about everything else blurs together into a gray fog. There are a good number of words (and other elements) in bold, but if your eye even happens to focus in on them, they generally come off as a combination of erratic highlighting and incoherent fragments of sentences. This is not helped by the text being an abundant, dense block of sans-serif type at a small font size. The only thing they could have done to make it less readable would be to make it all CAPS. Perhaps we can expect this next year.

| Communication Design |