Is your homepage as good as your door sign?

By: Maria Matveeva
sign

Today is a federal holiday, and a day off for us at DockYard. On days like these, when I do not travel, I often go to the local library.

Today gave me the perfect opportunity to see how easy it would be to find a specific bit of information (is the library open today?) on a library website.

Like many government and community organizations, libraries are easy targets for ridicule when it comes to web design. Look at the outdated styles their site uses! How crowded it is! The HTML tables used for layout! The multi-colored announcements “designed” in Word! 

What I am looking for today is something else: I want to judge the achievability of a specific task regardless of the presentation. Presentation (layout, hierarchy, and just plain good design) affects a user’s ability to achieve her goals, no doubt. I just want to start with the goals, and a specific measurement, rather than starting with the common pitfall of visual designers like myself: noticing the surface details that seem broken rather than the process behind them.

So, here’s my experiment:

Find out if the library is open today.

With a few considerations.

It may be self evident that a library is closed on a government holiday. It was not to me. I assume that most casual users have a vague suspicion that it may be closed, and would seek confirmation via the website.

I narrowed my search to just the homepage for this exercise, expecting to find the equivalent of a physical “Sorry, closed today!” door sign. And while many libraries provided the same information on Twitter or Facebook, it would be prohibitive to compare all these resources for this quick study.

I saw most of these homepages for the first time today. A regular user of the local library may notice things differently than a new user, so for example the “CLOSED” text announcement that replaces a daily schedule of events, might stand out more for them.

I looked for three things:

  • was the holiday at all on the homepage,  
  • was it clear, and 
  • was it obvious?

I got about halfway down the alphabetized list of Minuteman Library Network locations, and consider this to be a useful and fair sample for my purpose.

Let’s roll:

1. Acton

##3/3!

The site is visually appealing and clear at the same time. I immediately got an answer to my question. Success!

###2. Arlington (Robbins Library) ##0/3

Hours are clearly listed, but the holiday is not. Based on this page, I would assume it is open today — in fact, the clear listing of hours reinforces my wrong assumption. To see the holiday announcement, I would need to know to visit the Calendar. A shame, because the site looks quite polished to me and was likely re-designed fairly recently (guessing 2013, from its footer). An investment in a bit of user testing and research would have likely fixed this.

###3. Ashland ##Huh? 0.5/3

While there is no indication of library closure today, the Townhall is clearly closed. As a local, I might know what that means for my library trip, so I gave 0.5 points for at least mentioning the holiday exists.

###4. Bedford ##0/3

Today’s closure is not mentioned anywhere. Neither are the regular hours. I would look either in About Us, or (eventually) see a link for Hours & Directions close to the top right.

###5. Belmont ##3/3!

The site doesn’t look like much, but it accomplishes my goal today perfectly. The library is clearly closed.

###6. Brookline ##3/3

This library goes beyond my expectations by clearly listing not only today’s closure, but the entire holiday weekend for all three of its locations. The “Closed” notice is clear and immediately jumps to my attention. While there is no “closed TODAY” notice, I found this more detailed listing works just as well.

###7. Cambridge ##0/3

This library was a particular disappointment, because I have used it many times and the collection and its building are delightful. I am assuming it is one of the better funded libraries, given its location in direct proximity to Harvard. While the amount of content this page needs to show may be far greater than what a smaller local library deals with, this is no excuse for making things difficult to find. I get the feeling that the structure of the site is based on internal objectives, rather than user goals. 

Here’s where today’s closure information is, in fact, located:

I would have to do this:

  • “find library hours” on the homepage
  • select “holidays” among eleven listings
  • see on the list that today, January 19th, is a holiday

###8. Concord ##0/3

No indication of whether it is open today. The latest news seems to be the New Year’s.

###9. Dedham ##3/3

It is immediately clear that the library is closed today.

###10. Dover ##2/3

There is a clear indication that the library is closed today. I had to scan the page for a while and read a few things before I noticed it, so it was not obvious.

###11. Framingham ##2.5/3

It was almost obvious that “all libraries will be closed” today — even on this crowded page. I was distracted by the email sign-up notice, but the next thing I read was the closure notice. Not pretty, but close to functional.

###12. Franklin ##0/3

The public library website seems to be just a layer of content on top of the Franklin local government site. Very confusing. No indication of closure.

###13. Holliston ##2.5/3

I found the closure information quickly, but it did not stand out enough (for my taste) from other news.

###14. Lexington ##3.5/3

The first indication of the library closure for MLK is in the featured image. It eventually changes to another feature, but there is a second indicator (Today’s hours: CLOSED) that makes the situation obvious. This fall-back “closed” notice got this site an extra .5 points on my scale.

##What did I miss?

Of course, this is a very small test for a very specific user need. The sites that did well on my scale for “closing hours” may fail miserably at providing an answer to “what’s the street address?” or “can I renew my book online?”.

This test reiterated for me the importance of research and real-life user testing. Knowing what problems people might try to solve by going to a website, and where the site fails them, is necessary for most any meaningful improvement. 

##How not to miss things:

As a designer, I am often excited by a problem I see, and can jump to a solution I consider to be self-evident. (The page is too crowded. Let’s change the typeface and layout!) But to make my solutions truly useful to other people, I must know what they need.

In this example, I am a user with a specific need. Designers do not often start working on a project with solid knowledge of user needs. To bridge this gap, we test the current product (if it exists), create personas and scenarios, and ask lots of questions.

Research could have prevented the “is the library closed?” problem. If there was one question I could ask people, it would be “What was the most frustrating thing about this library?” Out of many responses, I would imagine at least one would mention showing up at the library to find it closed. Asking these types of general questions, not “how satisfied are you with the library website? (on a scale from one to ten)”, will eventually lead us to meaningful design.

Or, at least, save us the frustration of showing up to a closed library.