From the category archives:

Web Design

Random Thought #1

by davidleeking on November 23, 2005

[Update: not so random after all - I probably heard Stephen Abram say this at Internet Librarian]

As I’m starting to re-write our website plan, I’m having some random thoughts… they don’t necessarily go in the plan, but might be useful nonetheless. So I’m posting them as they come.

Random Thought #1: Go where your customers already are, and be prepared to meet them with the information they need.

The second part of that statement might be difficult - then again, if we have well-rounded librarians, we should at least be able to track down said info.

First part of the statement - where are our customers? Here’s a beginning list:

  1. in the library
  2. at home
  3. on the phone
  4. in the classroom
  5. on the web
  6. in a meeting
  7. at the mall
  8. etc

My point? Can a library patron reach your library via phone, email, chat, IM, SMS, etc?

How about this - your customers are in school… how do you meet them? Your customers are at the cafe around the corner. How do you meet them? Your customers are working in the corporate office across the street. How do you meet them? Your customers are using Flickr/LibraryThing/Furl/del.icio.us/my yahoo/etc - How do you meet them?

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Review of the Las Vegas-Clark County Library District’s Website

by davidleeking on September 29, 2005

This time around, I’m reviewing the Las Vegas-Clark County Library District’s website. If you’re interested on the background of my reviews or past reviews, please see my first one.

Website at a Glance

Hits: Great visual design and navigation, nice and useful Info Guides, catalog and webiste are blended together, highlighting some Info Guides on the main page.

Further Reflection

Strengths:

  • Visual Design - awesome looking website! Colors, headings, choice of fonts - all work together nicely
  • Site Navigation - easy as pie
  • Info Guides - great job on subject type guides! Lots of great information, pulled from a variety of sources
  • Highlights (stuff above News & Press) - this is a great place to highlight new services and resources, like digital audio books, guides, or reference services
  • Events & Exhibits - very clean and simple
  • Catalog - attempted to integrate catalog into website (look and feel). That’s way more than most libraries have done!
  • Usability, Information Architecture - great - everything is clearly laid out - you know where you’re going when you click
  • Computer Reservation - you can reserve a computer by clicking on the main page - cool beans!
  • New resident link - cool idea! They are pulling out a subject guide to feature on the main page, which is a great way to display specific types of content
  • Main focuses - two stand out: content and connecting with a librarian. Can’t beat that!

Weaknesses:

Big Stuff:

  • Linking away from the library’s website - The Ask A Librarian link on the main page is a huge link, high up on the page, that links directly out of the library’s website (to a Nevada virtual reference service). That’s generally a no no on websites. Why? Website customers will immediately leave your site - if this service wasn’t what they were looking for, they’re gone. You can’t count those visits. And, you can’t give the customer more information. A better solution is to make a page describing the service and describing why patrons might want to use the service (and linking tot he service). Then link THIS page to the main page of the website. Problem solved.
  • Teen Zone - Using neon colors and adding pics of teens won’t attract teens. Interaction and content will. The Booklink Poll is a good start - just add LOTS MORE STUFF like that.
  • Just for Kids - My problem? This section is called “Just for Kids” - but it’s not. When I first looked at this page, the first event listed was “Women’s Diversity: 100 years of Influence.” Does that sound like a kid’s event? Also, just taking another peek at the page - it’s not really a kid’s site. Rather, it’s a site designed for parents with kids. Why do I say that? Besides the colors and the dinosaur at the top, there’s no interaction, no large words, no moving things - nothing to draw in a kid. Compare this to Nick Jr or even BookHive (done by a library). Both sites are obviously created for kids. The “Parents with Kids” thing isn’t a bad thing - just don’t call it “Just for Kids” if it’s not.

Small Beans:

  • Good Books - There’s a link on the main pages titled “Good Books.” Don’t they have music and videos? Why not point to more than just book recommendations?
  • Billboard effect - Quick, take a 5 second peek at the main page. Where’s the catalog link? The site is pushing people to the large links like Info Guides and Ask a Librarian. That’s not necessarily a bad thing… in fact, that might be exactly what the library wants - I really don’t know. But - library website planners should think about what the most important resources are, and make sure those resources are seen on the site. Steve Krug compares library web pages to driving past a billboard on a highway - is your message getting across?

In summary, the Las Vegas-Clark County Library District website looks great, works great, and is able to connect library customers to information and to librarians. Work on connecting teens and kids a little more, and this will be one solid website.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 1 comment }

Blending is Good!

by davidleeking on August 16, 2005

Last week, I stopped at Starbucks on my way to work. Instead of the usual rather large coffee, I ordered an “iced shaken coffee,” slightly sweetened. It was good! And I realized that it blended multiple things that I like - I like iced drinks, I like coffee, and I like sweet drinks… And this drink gave them all to me at once. Whew!

Experience Planning, at it’s best, should also be that way. When staging experiences, your goal is a blending of experiences: you want to entertain and educate, you want your esthetics to mix with the escapist experience. Why? The book claims it “makes the experience richer” … but come on. The real reason is this: offering multiple types of experience is bound to catch more people. If someone isn’t keen on education, then the entertainment or the esthetics aspect of the blended experience might hook him, where focusing on just one type of experience might not have grabbed him as easily, on that particular night.

Libraries and library websites can mix these experience realms into a rich website, providing entertainment, education, escapism, and wrap it up in a pleasing esthetic. And if you provide a positive experience, that customer will come back in order to experience more “positive experiences.” Like an addiction to caffeine.

ps - no posts from me for the next week - I’m officially on vacation for a week!

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Review of the Ann Arbor District Library’s Website

by davidleeking on July 28, 2005

A friend of mine recently mentioned that he’s been waiting for my review of the Ann Arbor District Library’s newly redesigned website… and I had to laugh. I’ve been toying with the idea of doing occasional library website reviews on this blog, and thought “well, at least one person will read them, so why not?”

So, without further adieu, welcome to my first Library Website Review (said with a boomy, echoey voice :-). Plans might change… but for now, I plan on arranging these reviews in two sections:

  1. A quick Website At a Glance section highlighting “hits” and “misses,” complete with a 1-5 cups of coffee rating system (hey, we’re all caffeine-addicted techno-nerds, are we not?)
  2. A Further Reflection section that provides more detailed thoughts on the site.

Remember - these are my opinions on the websites I review. Everyone has an opinion, and I’m full of them! I could be dead-wrong about something - if I am, feel free to point it out to me! Then again, websites aren’t perfect - every site can benefit from some constructive criticism (except maybe if God made a website for Heaven - that site might just come close to perfection :-)

Now, on to the review… and what a perfect website to start with - when Ann Arbor’s redesign went live, I almost audibly heard “oohs” and “aahs” throughout the wired library community - everyone, it seems, loves this new site!

Website At a Glance

Further Reflection

Strengths:

  • Visual Design – awesome! Someone obviously put a lot of thought into color schemes - the colors of the site work well together. The site also uses a current website “skeleton” (a three column page design), and they’re most likely using CSS and other current web design standards… all of which make for a very appealing visual design.
  • Site Navigation – this site is very easy to navigate. Everything makes sense.
  • Usability – the site seems very usable to me. Most information presented is easy-to-use, is labeled well, and matches other websites (except for one thing listed below
  • The library catalog blends in with the design of the website – that’s very cool, and not seen very often. Blending the look-and-feel of the catalog and the website seems like a little thing, but that cohesiveness really provides a better online experience for customers
  • Focus on content - the main page of the website lists events, services, library-related news, etc. That’s a great way to showcase library content.
  • Blogs! They have a number of blogs with RSS feeds – even the library director has a blog. That rocks!
  • Customers can leave comments on many pages throughout the website, and staff actually respond to those comments.
  • Events section is easy to use, and is searchable by location and event, browsable by location, type, subject and age
  • When you log in to the website, a few more options are offered (and I’m assuming this will be expanded to other library services in the future).

Weaknesses:

Big Stuff:

  • What library is this? The website calls itself aadl.org, but there’s no mention of the library’s full name, or that they are even a library… except in the html title field (which most customers won’t notice). It’s quite possible that the library’s local customers know and understand who aadl.org is… but a website is a global thing. It’s good to also list a library’s full name somewhere on the main page (i.e., in a footer).
  • Featured services and events can be found on the main page of the site, but they are slightly hidden. They fall below the huge login box on the right-hand side of the page, and are pushed underneath the fold for most browser/monitor resolution combinations. More on that in the next item…
  • Logging in to the site: The main page of the site features a huge Username and Password log-in area. What’s it for? Why should I login? Do I have to login to use the website or the catalog? There’s nothing on the main page that helps me understand why I should login to the site. Clicking on My Account or Login in the header provides some explanation, but a little more info would probably help users - even a link under the Create New Account/Request new password links saying something like “what is this?” would go a long way.

Small Beans (or the “picky stuff”):

  • Contact us page doesn’t have many options – no address, no phone number, no email – just a web-based form to fill out. Online forms are fine… but what do I do if I printed something out and want to contact the library for more info? What if I don’t like online forms? There should be more than one option of contacting the library.
  • Here’s a picky thing: the RSS button on the RSS-ified pages is at the bottom of the page. Moving the button up to the top of the page, or even the top right hand side of the page, would place the button in a more usual (and easier-to-find) place (and please don’t look at where my library placed the RSS button… :-)
  • Events: a search by date option would probably also be useful.
  • Another login thing - do you really need three mentions of logging in on the main page? There’s the big login box, the My Account link in th emenu bar, and the Login lik in the header… that’s a lot of redundancy!
  • Database listing is having some CSS problems in my version of IE 6… it looks like table fields are stretching out a little too far. This doesn’t happen in Firefox.
  • Lack of a footer. Footers on website are very handy creatures. They visually “end” a page, plus you can add some simple-yet-useful items, like the library’s name, address, phone number, some other choice links, etc. Plus, most website use footers these days, so it’s a recognizable part of a website.

In summary, Ann Arbor has done an excellent job at creating a modern, easy-to-use library website. Library webmasters, model this site, and you’ll go a long way towards helping your customers! Ann Arbor, your site already rocks. Work on the weaknesses, and your site will be the Bono of the library website world!

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 7 comments }

KCResearch is Live!

by davidleeking on July 21, 2005

Update to the update: see, I told you - we’re already back live…

Update: wouldn’t you know it - right after I psted this, we took the server offline. We are in the process of switching servers… ssssooooo, bear with us - it WILL be up again soon!

KCResearch, a project my library is working on, is finally live! What is KCResearch? KCResearch is a “searchable web portal that identifies, collects, categorizes and provides access to research information related to the Kansas City regional area.”

We have partnered with community, research, and academic organizations in the area to provide this portal, and the project has been funded for three years by the Ewing Marion Kauffman Foundation.

The project includes two full-time grant-funded employees that are building the website and search portal, finding and adding research to the database, and reaching out to the KC-area community to find research about KC.

The search engine portion of the website is what makes our project (the digital portion, anyway). Right now, we have almost 300 records in the database - we plan to have over 1000 by the end of the year. We are using iVia for our search engine. iVia is an open source web harvester - we can point it to specific websites, and it will automatically add records to our database. Then we have the option to edit each record (and we do - to add local and LC subject headings and other descriptors). iVia is created by the people that run INFOMINE.

So go check it out! We are improving the website daily, so if you notice odd things… well, there’s a reason for that. And of course, if you happen to know of any Kansas City-based research…. send it our way! You can request it be added to our database by filling out our Suggest a Resource form.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Continue the Experience with a Matching Website

by davidleeking on July 6, 2005

Page 139 of the book Priceless: Turning Ordinary Products into Extraordinary Experiences used the store Home Depot as an example. Home Depot does something quite cool - their physical store and their website match. Have you ever noticed this? I hadn’t until I read about it, but it’s true! The physical store has wide aisles, helpful people everywhere, frequent sales posted around the store, lots of products, information about those products, and how-to-do-it classes. The website does the same thing: part of the website header includes a smiling employee (plus “Customer Support” is easy to find); the site uses lots of white space, thus mimicking those big aisles at the actual store; you quickly see a clearance ad for sales, you can shop, and they offer a huge “Know-How” section that teaches the same stuff as their in-store classes.

Libraries can do this, too. Think about things like your collection development policy, for starters. Do you emphasize one type of collection over another, like business resources or romance novels? Then feature those online as well - and provide more than just a list of those books. Write articles about how to start a small business (using your books, databases, etc. as resources). Do a “if you like Danielle Steele, you’ll like…” type of book list, and provide direct links to those books in your library catalog. If your library has a logo and stylized signage around the building, use those same themes on your website.

Get the idea? Figure out what experiences people are having at your library, and find a way to continue those experiences online.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Build-A-Bear and Continuing the Experience

by davidleeking on July 6, 2005

Page 74 of the book Priceless: Turning Ordinary Products into Extraordinary Experiences: - Build-A-Bear (my kids love this place!):

…”checking out isn’t usually an experience people look forward to.” But at Build-A-Bear, you’re not just paying for a product… you’re continuing an experience.”

Checkout is where you receive the new toy’s birth certificate, and the bear condo - its cardboard carrying box. (I have three of these in my house!). It’s also where you part with your money. Build-A-Bear has built a “looking forward to” type of experience into the checkout time for the customer, so the experience of paying is seen as a positive one.

Build-A-Bear continues this experience online, too - they have created a “virtual dress up game” where you can dress your “new friend” in different clothing to see how the stuffed animal looks. So the theme of “building a bear” is continued from the physical store to the online website (and it also provides kids with a Christmas/birthday wish list to give to the grandparents :-)

Do my kids want to go again? You bet!

Can a library make “finishing a transaction” part of the online experience? I think so - here’s two ideas:

  1. My library has an online library card application form. After the form is filled out, something like a “thank you” page appears. That page could be transformed into more of a “now that you have a library card, you can do this” type of page that emphasizes resources like the catalog, remote access to databases, etc. This way, the experience of getting a library card isn’t finished by clicking Submit; instead, the new customer’s library experience can be continued by providing pointers to things the customer can do with his/her new library card.
  2. How about the Summer Reading Program most public libraries do? The usual practice is to provide lots of physical games, activities and giveaways in the actual library buildings, but online not much is offered - maybe nothing more than a paragraph or two about the program. Instead of quickly ending the online summer reading program experience with a paragraph of text, how about providing some online games and activities, too? This can be as complicated as Flash-based games, or as simple as an online quiz that kids turn in for more goodies. But either way, instead of ending the experience online, you’re continuing the experience by providing something to do.
Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

What Should the Customer Leave With?

by davidleeking on June 28, 2005

Pg. 43 of the book Priceless: Turning Ordinary Products into Extraordinary Experiences:

  • Disney released the Lion King computer game just befrore Christmas…
  • … but didn’t think through the experience they were going to provide (on Christmas morning)
  • They got lots of angry calls, because the software wasn’t easy to install (and there were lots of kids who wanted to play their new games!)

Next christmas Disney wised up. They released another computer game, but this time they planned for their customer’s Christmas morning experience:

  1. They sent clear instructions
  2. They sent a separate note with the instructions advising parents to test the game out before Christmas morning
  3. They sent a clearly labeled 1-800 support number with the instructions

Believe it or not, this DOES apply to libraries. What is the experience we want to leave our library customers with when they visit our website? FIGURE THAT OUT - and then plan services accordingly. Another way to ask this question - What do we want the customer to leave with when they visit our website? A call number? A book that’s been placed on hold? An article? A list of hot resources the library owns? Or the knowledge that our board voted on carpet colors (egad!)? Answer that question, and then use the website as a tool to point the customer to appropriate resources - the resources that answer the question and/or fill the need being addressed.

The tricky part is that we want the library website customer to leave with more than one thing when they visit our website - so we have to think globally about our resources.

This question works well for a library’s physical building, too: what do we want the customer to leave with when they visit us in-person? And, is our physical building, signage, and arrangement set up to help the customer leave with those things?

Hmm… stuff to think about…

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 1 comment }

Adventures in Experience Planning

by davidleeking on June 24, 2005

The last few weeks I’ve been learning about experience planning - and trying to figure out how it works for libraries, especially library websites. So, what is experience planning? To get the complete picture, read The Experience Economy by B. Joseph Pine II and James H. Gilmore. In a nutshell, they examined the experience, rather than the product, as a marketable commodity. It’s a cool idea that translates well to a library setting… and it’s just gotta work for websites, too!

Before I get to The Experience Economy, I read through this book - Priceless: Turning Ordinary Products into Extraordinary Experiences by Diana LaSalle and Terry A. Britton. My next few posts will play off ideas presented in this book, and will attempt to relate those ideas and thoughts to libraries and library websites.

Pg 29: “first and foremost, an experience begins with an interaction between a customer and a product, a company, or its representative. So, by definition, an experience cannot happen without the customer’s involvement. This is a critial point, because it requires a shift in thinking from consumers as customers to consumers as participants. You can’t do it alone.”“Once the interaction takes place, a reaction occurs.”

The goal is to have the reaction mentioned above be a positive one. How can that happen on a library website? Here are a few ideas:

  1. Try to put things where people might look (usability)
  2. Offer people information they actually want (focus groups)
  3. Provide a pleasing experience - one with a good feel to it (this one’s the hard one!)

Here’s another, slightly related idea. A few weeks ago, I participated in a library manager’s planning day for my library. The speaker was talking about experience planning, and had some good points. One of those points went something like this: if you want to attract a certain group of people to your facility, go where that group hangs out and then design accordingly. His example focused on a library (I believe it was the Singapore Public Library) that built a fun branch at a shopping mall - they were going for teens, who hung out at the mall. And the branch didn’t look much like a library - it really resembled a cool bookstore that would be in a mall.

But when I heard this, I was itching to try it out for websites, too! So here’s the plan: ask library customers to take a quick survey at the circ desk and online. Ask them to name their top five favorite, most visited websites. Maybe ask their age, too.

Once we have that information, it’s a short step to visiting those websites and to start figuring out what we can incorporate (ie., copy, steal, etc) into our library websites. For example: Do those popular websites use a certain navigational structure? Do they feature certain types of graphics, or have a similar look-and-feel? How is information presented on the site? Ask yourself these types of questions, and then compare those popular websites to your library website - and see what needs to be changed.

Why? The goal here is to provide a similar online experience - and to ultimately turn your library website into one of those top five most visited sites!

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 1 comment }

Writing for the Web

by davidleeking on June 7, 2005

Website content & usability is an extremely useful article on writing for the web. The author gives eight guidelines:

1. Use clear and simple language - the KISS principle.
2. Limit each paragraph to one idea - Believe it or not, you learned this in high school english class. Really. And it still applies today.
3. Front-load content - if anyone took a newspaper writing class… this is the inverted pyramid writing style.
4. Use descriptive sub-headings - this is also useful when writing magazine articles.
5. Bolden important words - “bolden” - is that really a word? Ick. Good point, though. It’s another way to visually break up text into easy-to-read snippets. But you can do his in other ways - color can do the same thing.
6. Use descriptive link text - no “click here” language.
7. Use lists - like this one… :-)
8. Left-align text - his point is that left-aligned text is easier to read than justified text. Not sure if I completely agree with that one, but whatever.

This list (and the actual article) can be summed up this way: make your content easy to read! You worked hard creating it, buying it, and transforming it into something useful for your customers. Now make it easy for those customers to digest it - and learning how to write for the web is one way to do that.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }