June 30, 2016

Signs of Good Design | The User Experience

There’s more to design than appearances, but the way an object looks is often the most immediate and apparent aspect of how it has been designed.

The power of this immediacy allows some designers to think only about aesthetics, and that leads to attractive but unusable stuff. This happens quite often with websites created using Flash. LEGO Cl!ck (legoclick.­com) is a very attractive site, but I can’t figure out what its purpose is, and I don’t feel confident using or navigating it. Still, visual design is so powerful that people continue to buy difficult-to-use things simply because they’re nice to look at.

Of course, a focus on meaning and ease of use doesn’t mean aesthetics should be ignored. People are less likely to use something if it isn’t pretty, but aesthetics are even more important when they impact an object’s utility, as in the case of graphic design.

ljx110201webuserexperience(Original Import)Many small and medium-sized libraries—and some large ones, too—don’t have the luxury of an in-house graphic design department to create nice-looking, effective, and consistent signs and brochures. Let me be clear: a beautiful sign isn’t enough to save a library or make it relevant to its community, especially if it communicates a broken policy. It will, however, do something more subtle but important when it contributes to an overall pleasant experience for library users.

While pointing out ugly and rude messages in libraries has been a niche popular pastime recently (see bit.ly/­librarysigns for some examples), less has been done to help libraries improve their signs. Here are a few tips.

Conduct an audit

List on a spreadsheet all of the signs in your library, especially the little bits of paper taped up in random places. Note their message, location, attitude, and aesthetic. I wrote a blog post a while back proposing a grading matrix that might come in handy in judging your signs (walkingpaper.org/960).

Do any of these signs communicate out-of-date or questionable policies? If so, raise the issue with the appropriate people. Remove any signs that aren’t necessary or helpful. Fewer signs in your library will make the remaining signs more effective. Using your spreadsheet, figure out which signs should be redesigned first.

Redesign the signs

The first step in redesigning a sign is to remove as many words as possible while still retaining the sign’s message. Fewer words means fewer elements competing on the page. It also means that you’ll have room to enlarge some or all of the words on the page, making them easier to read. After that, it will probably be simpler to apply these two basic graphic design principles.

  1. Use a sans-serif font for large display text. While serif fonts are easier to read at small sizes, sans-serif fonts are generally considered easier to read when large.
  2. Left justify the words. This arrangement is much easier to read and comprehend than center justification, which is seemingly ever-­present on library signs.

Check out the example on this page of an actual sign I saw recently in a library and a quick revision I made using the above principles.

The original sign did some things well. It used an easy-to-read sans-serif font, Myriad Pro, which is the default font for many versions of Abode Illustrator. It also made use of contrast to give the page title more prominence. Importantly, it avoided using clip art in an attempt to liven up the design.

The revised sign removes unnecessary words, which let me use a larger font size and bolder font, in this case, Helvetica Bold. The sign title is the same size as the rest of the words but is offset by reversed black and white and by added italics. I left justified the words and evened out some of the vertical spacing. The extra space allowed me to add a message about regular hours resuming. I could have just as easily included some library branding there.

My revision isn’t perfect—it could be considered boring. I happen to think signs like this should be boring because they’re usually meant to communicate important info, not entertain people. That being said, someone with real graphic design chops could make even more improvements.

The tips above can improve your signs, but they’ll only take you so far. For more help read Robin Williams’s The Non-Designer’s Design Book and Tony Seddon’s Graphic Design for ­Nondesigners.

Beyond redesigning

Tacking up an instructional or prescriptive sign should be a last resort. It should only be done when absolutely necessary and when whatever the sign is about can’t be changed. We should aim to make our buildings and services so intuitive that little taped-up signs are redundant. The signs that we do need to put up, along with other print material, should be as easy to read and beautiful as we can make them.

This article was published in Library Journal. Subscribe today and save up to 35% off the regular subscription rate.

Aaron Schmidt About Aaron Schmidt

Aaron Schmidt (librarian@gmail.com) is a principal at the library user experience consultancy Influx (influx.us). He is a 2005 LJ Mover & Shaker. He writes at walkingpaper.org

Share
CONNECTING INDIE AUTHORS, LIBRARIES AND READERS
SELF-eLearn More
SELF-e is an innovative collaboration between Library Journal and BiblioBoard® that enables authors and libraries to work together and expose notable self-published ebooks to voracious readers looking to discover something new. Finally, a simple and effective way to catalog and provide access to ebooks by local authors and build a community around indie writing!
http://lj.libraryjournal.com/2011/02/opinion/aaron-schmidt/signs-of-good-design-the-user-experience/
lj.libraryjournal.com
crawl=CC-MAIN-2016-26
69786
application/http; msgtype=response
sha1:DNNKKX2J3ZKIFKYCOXDZJ6VRMEIAJNCI
<urn:uuid:5ad5a37a-8a59-432e-9ab0-1b58a0ed099f>
2016-07-01T11:36:23Z
216.70.86.237
sha1:S5TTBQT7PETKGQSUMA7SFTDFYR5LAGVK
<urn:uuid:74c715e0-4963-49bc-89a5-cc6f69c0fe12>
http://lj.libraryjournal.com/2011/02/opinion/aaron-schmidt/signs-of-good-design-the-user-experience/
length
response
<urn:uuid:63dac441-b911-49c9-ae0a-38bbf724c6b9>
robots: classic
hostname: ip-10-164-35-72.ec2.internal
software: Nutch 1.6 (CC)/CC WarcExport 1.0
isPartOf: CC-MAIN-2016-26
operator: CommonCrawl Admin
description: Wide crawl of the web for June 2016
publisher: CommonCrawl
format: WARC File Format 1.0
conformsTo: http://bibnum.bnf.fr/WARC/WARC_ISO_28500_version1_latestdraft.pdf