Internet Trend Watch for Libraries:

Issues

Volume 2, Number 12
December 1997

Editor's Note

TOTI
by Eric Rumsey

8 Hours in Cyberspace: Operating a Library Web Site
by John Kupersmith

Designing for the Web
by Eric Schnell

Why Validate
John Creech

Internet Toolkit

Clipboard


Other Issues

Current Issue

November 1997
Training and the Internet

October 1997
Evaluating Internet Services

September 1997
Internet and Special Needs Patrons

August 1997
Databases on the Web

July 1997
Distance Education

June 1997
Anniversary Issue

May 1997
Researching the Internet

April 1997
Internet, Libraries and the Law

March 1997
Intelligent Agents

February 1997
WebTV

January 1997
Internet and Youth

1996 Issues


TOTI
Eric Rumsey

What should a library home page look like?

Unlike other areas of library operation, there is no pre-ordained standard for library web page design. What makes a good library home page design is a wide-open field with differing points of view. As I've looked at library Web sites over the past 2 to 3 years, I've been interested in how design trends have changed and evolved. While there is not yet anything approaching a standard, the fact that it's so easy to see what other libraries are doing means that design ideas have been shared from one library to another. In this article, I briefly discuss how library home page design has evolved, and then present a design concept that's been emerging recently, both in library circles, and over the Net in general.

First generation, Second generation

In what might be called the "first generation" of library home pages, it was common to have the entire first screen of the page taken up by a photograph of the library. This impulse arose from the idea of the importance of "the library as a place." The problem is that a large photo does little to draw the interest of the user. An elementary principle of Web page design is that most users are unlikely to scroll down past the first screen of a page. This makes it crucial to use "first screen real estate" effectively in order to to attract interest.

In "second generation" Web page design, the first screen was used more effectively, by including links to other parts of the library Web site. Typically, these are links to the secondary sections of the site, with the links in a large font, and with descriptive annotations underneath. For an example of this see our library's former home page, used from 1995 to 1997, and recently replaced . Since links are visible on the first screen this was an improvement in library Web page design. But, the use of non-linking text annotations still takes up too much valuable first page real estate. It doesn't give users what they really want which is LINKS!

On to the third generation! - TOTI

While surveying library home pages to find ideas for a new design for our library's home page, we found that several libraries use a design template that we call the "tips of the iceberg" (TOTI) approach. We gave it this name because its purpose is to show the user the "high spots" of the site, those points that lurk beneath the surface. As in second generation design, the TOTI template features 4-8 main headings, represented on the home page by large text links. These links go to the separate sections of the site - i.e. Library Services, Collections, Web Links, etc.

Instead of having text annotations under the section links, as in second generation design, in the TOTI design each large section heading has under it a few links from the section, with no additional description. These links may be hot links from the section which are likely to draw the user's interest/attention. Or they may be listed because they give the user some indication of what sorts of things are listed in the section (thus serving both as description and as links). The idea behind this design is that space on the top of the home page is too valuable to be taken up by mere description - Why not fit in as many links as possible? A nice touch, often used with this design, is to have a link at the bottom of the sub-section links, called something like "more," that links to the main section page, thus reinforcing in the user's mind the idea that the few sub-section links shown are only a small subset of what's available in the section.

T0TI - Not only for libraries

Among libraries, the TOTI design is becoming common, especially on medical and health science library home pages. Interestingly, after finding it on those, I've noticed that several of the large commercial search sites also use the TOTI design. And lest anyone think that libraries have copied it from these "big guys in the information world," I believe this is not the case! While I can't say just when Yahoo, Excite, and Infoseek adopted the TOTI design, I use those tools enough to know that it was not before the first library use of TOTI. Correspondence with staff at libraries that use the TOTI design, and from at least one example in the Swedish Archive, shows that the first library use of TOTI was at least two years ago.

Caveats to consider

  • My comments are based mostly on my observations over the last three years of medical library Web sites, and to a lesser degree, general academic library sites. (As maintainer of the standard list of Medical/Health Sciences Libraries on the Web, I keep a particularly close eye on libraries on the list.). I have not kept up with other types of library Web sites, and I suspect that design considerations may be different for them.

  • The distinctions I have made in design types are obviously somewhat of an oversimplification. Aspects of the three different "generations" that I've defined can certainly be mixed together on one page, and there are certainly designs that don't fit neatly into any of the three types I've discussed.

While acknowledging these caveats, however, I would maintain that there is a general trend toward the TOTI design, or at least toward a design that puts more links on the first screen of the home page. Certainly the fact that the large search services are adopting TOTI is an indication of its effectiveness!

Links

  • Swedish archive of web pages, Anna Brümmer & Lotta Åstrand - This is a very useful source for the Web historian! It is an archive of screen capture images of library home pages circa 1995-96, done for a masters thesis. The text of the page is in Swedish, but many of the links are to American libraries. There is an English abstract.
TOTI Design Sites
(Complete, updated list)

[Eric Rumsey is a librarian at the Hardin Library for the Health Sciences, University of Iowa. In addition to maintaining the library web site, he also maintains these wider web tools - Medical/Health Sciences Libraries on the Web and Hardin Meta Directory of Internet Health Sources. Portions of this article are adapted from a posting to the Web4Lib listserv, 9/97.]


Internet Trend Watch for Libraries is a publication of LEO: Librarians and Educators Online. All contents (c) 1997 by LEO. For information about LEO's services, visit our web site, call (617) 499-9676, or e-mail us at itw@leonline.com.

LEO logo