Archive for the 'interface' Category


Footer mullet

I was talking to some folks today about our library website redesign plans and various web design trends…

One of the topics of conversation was the big footer trend. Our web designer described it as kind of a “mullet” (you know, business in front, party in back) because it lets you devote all the main screen real estate to serious content and then put all the fun stuff (like news & events, flickr images, featured/spotlight content, etc.) hanging out at the bottom.

The University of Louisville has a nice example of a big footer:
http://louisville.edu/
ULouisville

The group had mixed feelings about this web trend. What do ya’ll think?

What do you think about big web site footers?
View Results

Powerhouse Museum joins the Commons on Flickr

The Powerhouse Museum in Australia has just joined the Library of Congress to be the second member of the Commons on Flickr.

And BTW - Seb Chan’s Powerhouse blog Fresh + New(er) is one of my favorites and a fantastic source for interesting discussions about digital media, access systems, interface design, tagging and web2.0. I also love their opac/online collections site (really, it’s super cool, go play with it).

More info here:

Library Web Design - Search Box Round-up

If you could only have one single feature on your library web page… what would it be?

Search, right? Except library searches don’t usually work like Google (yet)… That doesn’t mean library websites should hide their search boxes, all tucked away in the corner.

Here are a few lovelies I thought I’d highlight. I tried to stick mostly to search boxes that let the user choose which “silo” to search (so, more than just a web page search or catalog search) but a few single searches were worth including.

University of Virginia Library
Now that’s a dedication to giving up some screen real estate! It won’t even fit in my blog template. I bet this one doesn’t get missed. It also has a fresh “2.0″ feeling (as does the rest of the site). Oh, and one of the tabs is for Google Scholar… interesting!
UVA.png

British Library
The search box is in a very prominent location, and it’s very clear about what is being searched. The little descriptions of what each search option includes is a fantastic idea and I bet does a lot to solve those pesky terminology problems.
BritishLibrary.png

Free Library of Philadelphia
I’m not actually sure I like how you have to select the box to do a site search only… (I’d prefer it not have the message above about what’s being searched and instead have select boxes below that say “catalog,” “databases,” and “site search” and all are selected by default). However, I find their overall design irresistible and I appreciate that the “FIND” area is a good 1/3 of the main body content!
FreeLibOfPhiladelphia.png

University of North Carolina Libraries
When you select a different tab - the options under the text box change. Nicely designed and seems easy enough to use.
UNC.png

Vancouver Public Library
Catalog search only, but I really like how well it’s integrated into the overall site design. Very simple, yet still stands out.
VancouverPL.png

Yale University Library
This is the most simple example but simple is sometimes hard to do. It has a good amount of white space around it that helps set it out from the rest of the site.
yale.png

I found a few more nice onces - All are in my Search Box flickr set.

Any suggestions for other sites that have a nice, big search box?

Giant prototyping

Paper prototpying dramatization

Here’s a cool video of paper prototyping in action (minus the tedious bits). The device being tested is a PDA for meeting new people.

{ found via www.guuui.com }

Amazon adds word stats

All of Amazon’s Search Inside!™ books now show stats about the content of the book: the book’s 100 most frequently used words, number of words, words per sentence, “readability” (difficulty), etc.

Amazon book stats

find stats by hovering over the cover of a book that has “Search Inside!™” and choose “Concordance” or “Text Stats” | link to example

[via information aesthetics]

web forms & pizza beef pellets

The Sneeze, about the only “for-fun” blog I still manage to read, has a funny post about using the Domino’s Pizza delivery web order form. I feel like there’s an interface design lesson her, but not sure what it is…

The Great Pizza Orientation Test

“Ask Us” Service comparison of label terminology and graphics

With anything these days, there’s always tons of debate over terminology, categorization, and placement of links on a page… We’ve been debating & testing our “Ask Us” (email & IM reference) service for over a year now and we still haven’t settled on something we all agree on (and the user’s agree on). So, Shana Kimball and I decided to do a little comparison of how some other libraries are doing it.

We’re not including any judgments in this report because we don’t have any data about how successful these libraries are - it’s merely a comparison. I’m sure there are many other libraries that have enticing graphics or wordings that we missed so suggestions are welcome.

Ask Us graphics

Link to pdf of comparison chart (courtesy of the Usability Working Group).

Design Library of Library Designs

When designing websites and interfaces, it’s important to know when to try to be unique and when to go with a standard. I think users are more adept at adapting to new interfaces than we give them credit for… however, if there is a standard already in place that will enable users to not have to think about where to click or how to search - why not use it?

To help with this, I’ve started a flickr account to collect Library Designs. I started with about 20 of my favorite library websites and took screen shots of the home page and a second level page.

For my first themed set, I picked out the sites that prominently link to their library’s email or chat reference services. I’ll formally report on this later.

I’ll add to this as topics come up. If anyone has suggestions for nice library websites, opacs, or digital library interfaces - I’m open to suggestions!

User’s Lib Flickr Design Library

User’s Lib Flickr set

Helvetica, the movie

helvetica

Went to a screening of Helvetica, a documentary by Gary Hustwit.

I’m not sure if I’ll be using Helvetica any time soon, but the interviews with Helvetica fanatics and critics were fantastic and it gave me a renewed love for design.

Here’s what I learned. Helvetica (the typeface) is everywhere, it’s soulless, it’s neutral, it’s the mother tongue, it’s responsible for the Vietnam war, it’s your friend, it’s the corporation, it’s the air, it’s about the figure and the ground, it’s ubiquitous, it’ll bore the shit out of you.

Next Page »