Counterweight to snark

I’m typing with my face today due to a stupidity-induced thumb injury from, I think, painting my basement. Homeowners beware.

In the meantime, just to show that I’m not all thorns and lemons, here are some good websites. Good in that attainable way. You will notice that these are mostly not library sites, but I hope you will enjoy the parallels between, say, a really clean weblog about t-shirts, and a really clean list of community activities.

Decent design example #1

The New York Public Library’s Main Page

Good things:

  • A nod to the principles of graphic design – a grid is established, everything is on one page, so no scrolling. A bit font-y, but not too bad. Clean and reasonable.
  • Respect for web traditions. Contact link, search, hours up top, copyright statement at the bottom.
  • There are tons of links, but they are separated by negative space and grouped to reduce clutter. There are only links to things the public might care about. If you want info about their current grants or whatever you have to dig down a bit, because fewer people care. I sure don’t.
  • User-friendly labeling. “Pictures, Photos, & Maps Online” rather than “The Boogaboo Collection” Thank you. As a user, I like pictures. I don’t know Mr. Boogaboo and I don’t want to.
  • Visually consistent (at least within this main page). The logo matches the icons which match the features. Don’t click on “Teens” or it will all go to hell.

Decent Design example #2

Preshrunk (hipster t-shirt weblog)

Good things:

  • This is negative space, my friends. As a user, it calms you, soothes you. Makes you feel a bit less like you are being attacked by dozens of people who all want your attention. Feel the negative space? Ohm…
  • Look! A clear focal point for each easily-distinguished item. It’s an image! A high-quality image! Not clip art! A visually consistent size and presentation for each image! Don’t you feel safe and warm?

Decent Design example #3

Planet Dog

Good things:

  • Great info architecture. What section are you in? It’s obvious! Your location is the only highlighted thing on the page. These guys aren’t out there trying to get you to “Find Databases” or click on “Interlibrary services”. Do you want a leash? Click on leashes. Do you want to know how the company works out contracts with various wholesalers? Of course you don’t. Click on leashes.
  • Here is a really full website that still seems calm and peaceful. It’s that negative space and consistent design thing again.
  • Notice all of the images? Aren’t they nice? Nobody downloaded those from Microsoft. Notice how they have their backgrounds dropped out? This gives them a consistent look and reduces visual clutter. If you can’t make, attain, or afford images that look this good than don’t use images. Use a clean CSS based layout instead…

Decent Design example #3

A List Apart (the other ALA)

Good things:

  • Look ma! A simple clean layout, and only one image up top. No need to keep a Photoshop maven on staff. Like it? There’s more.
  • This site changes its look every day. Why? Because they use CSS and it’s easy. Still, each design is minimalist, standards-compliant, and simple to navigate.

Finally, here are some books if you’re into that kind of thing…

Usability for the web [link]

Information Architecture [link]

Don’t make me think! [link]

Designing websites for every audience [link]

Designing for hyper-attentive cyborg children

cyhttp://www.blogger.com/img/gl.spell.gifborg childI got this in my email today:

What children can teach us: Lessons learned from the trenches of digital libraries“…developing digital libraries that support young people in querying, browsing, and reading scanned materials.”

It all sounds very impressive until you click the link. Look at that thing! It’s like getting stabbed in the eyeballs with suck! How can these people sleep at night?

This is a perfectly good children’s resource that is absolutely hidden from children. What is the focal point of the page? The word “Advanced” forgodsake. Why are there four search options? Do they actually think children care enough to distinguish between different search criteria? Who are these children? Can I have one?

I can’t even begin to list the mistakes they are making in this interface. Where is the content? I see three books. Why is there so much text? I don’t want to read that badly-formatted crap, and I’m a grown-up. Why is 98% of the navigation dedicated to links that are of absolutely no interest to children? Executive Summary? Yeah, my kid’s gonna click on that one. Why didn’t they hire a professional web designer? They make a huge deal about how kids “designed” the site, but they didn’t bother to honor those kids’ contributions by hiring a decent web developer. They’ve got more than 5 million dollars, they can afford it. In the time it took to write their complete curatorial policy (conveniently linked on the FRONT PAGE) they could have at least changed the default link color.

Once you actually find the content (just click “Simple Search” and chase the badly-written JavaScript pop-up around the screen until it works! It’s obvious! Cyborg children love to search!) the interface settles down a bit. The links related to the grant go away, and the library experiments with some innovative ways to find books, by color, length, etc. Good stuff. Except except except the graphics are so shitty and the labels are so poorly thought-out (“Real Animal Characters” rather than “Animals”, “Imaginary Animal Characters” rather than “Pretend Animals”) that it just all falls apart.

This site was designed for librarians, not for children.

another oneHumor me and compare it to nick.com (a favorite among the kids we researched in grad school). The big difference between the two is, on this site you can click absolutely anywhere and find something satisfying. You don’t even need to click. Information is conveyed by rollover sounds and animations. I’ve personally witnessed kids fight with each other over headphones in order to hear these sounds.

Look, I know I’m being an ass, and this is a great resource and these are good people and I’m going to get hate mail, but somebody has to say it.

It’s not enough that we are lovely librarians who care sooooo much about children. It’s not enough that we put all of this great content up on the interweb. It’s not enough that we are overworked researchers who will have to write tedious papers about the project to justify our tenure.

We need to run everything we do through a filter that asks: “If I click on this without a Master’s degree in Library Science, will it piss me off?” We need to acknowledge that design matters. We need to remove ourselves from our collections. We need to design websites that don’t mock the resources they contain. We need to do these things because otherwise all of our efforts are worthless. We need to design websites that don’t suck, because otherwise the kids that we care so much about are going to wander off and smoke crack. And it’s going to be our fault.