Image is the New Text
Looking at various library web pages, the casual observer will–more often than not–notice a similar style of web design:
- tons and tons of text.
From my work as a library webmaster, I’m pretty sure I’ve hit upon the reasoning behind that so-called ‘style’.
Librarians are big on information, so that obviously plays some part, but I don’t think it’s solely responsible. Also at fault is the librarians’ desire to make all that information easily accessible.
Unfortunately, that desire–at least in my experience–results in information overload. The library web page where I work is a good example: when I arrived, it was basically a huge 3-column list of links to various services, databases, sub-pages, &c..
So, a little bit counter-intuitively, the desire to make every thing easily accessible (“Students need to be able to get to it in one click or they won’t bother.”) actually leads to making everything relatively inaccessible–or at least hard to find (Student: “I can’t find what to click on.”)
To make matters worse, the text-links on that old web page were not text, but images. (This is different from the Image in my title, and is a whole other bag of fresh bloodworms from the fish store.) This meant web-savvy users of the site were completely unable to quickly find the link they wanted using ctrl-f.
In other words, what the user of the average library website is faced with is a bewildering array of text.
What this means in practical terms is information overload.
That can be avoided by using more images and fewer text–or at least text that is more evenly spaced out on the page.
It’s hard to find a good example in the world of libraries, but fortunately the Library Success Wiki has done some of the work for me.
Case Studies
Case 1: Henry Madden Library, CSU Fresno
This website is visually appealing, and the minimal amounts of text make it really easy to find what you’re looking for. This is the very first time I have looked at their web page, and I can immediately see links to journals, articles, the library catalog, the library hours, and other important things.
Especially useful are the “Not sure where to start?” and “Need help? Ask!” buttons.
The three-row design splits the website into sections and makes it easier to focus on the information on each one. The use of graphics AND text in the bottom row makes those links stand out where text alone would probably make them impossible to see.
Case 2: UCLA Library
This site is even more minimalistic than the other, and on the web less is definitely more. The almost complete lack of text make it easy to focus on the text that is there, helpfully titled “Search and Find”, “Services”, “Libraries and Collections”, and so forth. The fact that UCLA has avoided library jargon like “Databases” (at least on this page) is good–students will be less confused and more able to find what they need.
The minimalism of the site also allows UCLA to highlight special events and exhibits. At the time of this posting, there was a very easy-to-spot link to an online collection of Mexican-American music.
Case 3: Queen’s University Library
This website is different from my other two case studies: unlike them, it does still have a lot of text. However, the page is well-designed, and has an adequate amount of white space, which allows users to easily spot what they’re looking for.
The use of Javascript to split the information into tabs is a good trick to get more information on the page without cluttering things, although they do have perhaps a bit too much in each of those tabs. Better would be to redirect users to a sub-page upon clicking for the information.
Regardless, there is plenty of white space, and the page is clearly organized, so you don’t get lost. The high-contrast blue-on-yellow of the top menu, and the fact that their drop-down menu is sufficiently padded and bordered so that the information doesn’t get lost in the rest of the page, are both nice touches.
So far as bad library web design goes, I don’t even need to post examples–I’m sure everyone knows what I’m talking about. If you ever find yourself in a position to influence the course of your own library’s web page, please do your patrons a favour: argue for less text, more image, more organization!