From Library to Knowledge Center: Building a Website to Introduce a New Building to the CommunityAraby Greene Web Development Librarian University Libraries/322 University of Nevada, Reno 1664 North Virginia Street Reno, Nevada 89557
When announced in March 2004, the biggest gift in the University of Nevada 's history was in support of a new library building, to be called "The Mathewson-IGT Knowledge Center." The decision to call the new facility a "Knowledge Center" deliberately calls attention to the expanded role of the institution. Earlier in the fund-raising campaign, a cartoon (Figure 1) was published in theNevada Sagebrush, our campus newspaper, depicting two tiny students silhouetted against the backdrop of a monumental building labeled "KNOWLEDGE CENTER." One student is saying to the other, "Dude, where's the LIBRARY?" Clearly, we had some explaining to do!
This article describes the design and development of a website to tell users about the role and progress of the Knowledge Center, allay fears about books disappearing forever into the great maw of the Automated Storage and Retrieval System (ASRS), encourage feedback, and create some excitement about a beautiful new place to work and collaborate.
Figure 1. Cartoon from the campus newspaper,Nevada Sagebrush
Now under construction, the 295,000 square-foot building is scheduled to open in fall 2008. The Knowledge Center is, indeed, a "knowledge working" space, designed to encourage the sharing and creation of knowledge by bringing together existing Library resources and services with technologically advanced tools for the discovery, use, and effective presentation of information. Unlike medieval cloisters, contemporary knowledge working spaces include online access to information and technical support as well as the physical environment (Dove, 2004).
Users of the new facility will be able to work in group areas with large screens for viewing shared projects, consult with librarians and technical support staff at a combined Research and Computing Help Desk, or study in quiet reading rooms. Convenient access to high-tech equipment and support is centralized in a single location that includes instructional design and WebCT services, collaborative media production facilities, "DataWorks" data management service s (Aldrich and Stefanelli 2006), an advanced data visualization lab as well as traditional computer labs, and robotic retrieval of older materials from the ASRS.
Who is the Website for? What should it do?
In the planning and pre-construction stages, we developed a website and outreach programs to explain the expanded role of the Knowledge Center to potential donors. As construction became a reality, with a window of two years to completion, we suddenly had much more information to share with our user community. The old website was well-established, but it was time for a fresh look at purpose, structure, and content. Primary tasks for the Knowledge Center website were redefined:
The website would also need to combine visually interesting features of a "brochure" and solid information. The site's look and feel should reflect the welcoming, user-centered ambiance of the "real" Knowledge Center, a poster-child for the requisite "high tech and beautiful" elements of forward-looking libraries (Gilbert, 2000). Since the building did not yet exist, creating a feel for the interior features would be a challenge. Moreover, the site must be easy to update as new and more complete information becomes available.
A literature search revealed no publications specifically about creating websites that promote library building projects. The lack of documentation was surprising, given the obvious importance of creating an informed user community before an unfamiliar new building opens its doors. Nevertheless, websites are mentioned as one of the public relations tools for promoting a library's role in local history (Lear, 2005), influencing voters (Gold, 2005), and promoting a successful building project (Davidson-Arnott, 2005). If the success of building campaign events depends on "participation of groups outside the library, including other university departments and community groups" (AmRhein and Sorkin, 1993) and student advocates (Horny, 1999), it makes sense to reach out to these stakeholders after the fund-raising buzz has faded. The visible construction phase creates an opportunity to spark interest among users as well as donors. Interested users provide the gift of feedback and suggestions, without which we could not improve communication and services.
To help us conceptualize our redesigned site, we looked at other libraries' new building project websites to gain insight into features that capture attention and encourage exploration, and features that are commonly included. In short, what seems to work well and what doesn't? Many such Websites exist, of course, and are quite easy to find using Google, in spite of sparse documentation on the design process and goals.
What site elements should we include and what should we avoid?
It is easier to spot the virtues or faults of sites developed by others than to be critical of one's own productions, inevitably seen through a mother's eyes. Visiting as many "new building" sites as possible helped sort out our design options and priorities.
Some sites were apparently crafted with care and much work, but appeared to be talking mainly to donors or politicians. The audience for a new building website changes over the life of the project. After funding is secured, the focus shifts to those who will use the building and its services. Matching interesting content to this audience emerges as the top goal. Some sites were chock-a-block with formidable amounts of text, legislation, technical details, and soporific working documents. Others provided press releases or a mission statement and little else. Overall, many sites included common features that provide visitors with interesting background information, introduce them to salient features of the building, or open channels of communication with users. Ten examples of well-executed academic and public library "new building" Websites are listed at the end of this article.
After visiting dozens of new building Websites it was easy, as well as prudent, to compile a list of notable features that might be incorporated into the Knowledge Center site:
Some practices seem to discourage Website exploration and should be questioned, if not entirely avoided:
In spite of good content, some sites were lackluster because they underused or omitted features that add "sparkle" to a website:
We already had a well-established Knowledge Center website with a memorable URL (www.knowledgecenter.unr.edu) that focused on outreach to potential donors. The first task, then, was to take a critical look at current content and set new directions and a timetable. The most urgent requirement was a way to regularly add news to the site, which had changed little over the previous year. We also needed to gear up for the start of construction by redesigning the site for a new audience. Since the Knowledge Center would consolidate previously scattered units of the Information Technology Division, we would be mindful of the need to broaden our perspective beyond a library-centric viewpoint. We also knew more about the materials and palette that would be used in the building's interior spaces and wanted to harmonize the new look with this palette and a new official "UNR blue."
Basic Design Principles
A common header and navigation tabs are on each page of the blog and Website. A standard sidebar appears on the right side of the two-column page template. We departed from our usual practice of having a different header for the home page and inside pages because the site will be relatively small, with a deliberately "shallow" structure to enable quick scanning by visitors and rapid updating. As with other Library Websites, we would code documents to XHTML and CSS standards and validate them regularly, using the free W3C validators (2006). Pages would also be checked against a Section 508 validator, the "Cynthia Says Portal" (2006).
Figure 2. The header illustrates decisions about important elements of the site
The first thing visitors will see is the header image, which contains a new logo, interior and exterior renderings of the Knowledge Center building, the University "brand," and a short "tagline" between the image and the navigation bar. Visitors who cannot view this image will see "The Knowledge Center" in standard large header text, and alternative text for each image. The header text is simply hidden by CSS in image-enabled browsers. The tagline, a usability enhancement for any site (Krug, 103-106), is essential. Visitors cannot be expected to know what “Knowledge Center” means, or that it has anything to do with them. The tagline text, "Information technologies and the resources of the University Libraries," is short enough to take in at a glance and makes a connection between an unfamiliar phrase and the University Libraries. The emphasis on "information technologies" correctly implies that the Knowledge Center will provide technologically advanced service s, but in the context of "the resources of the University Libraries," a familiar place known for its commitment to high standards of support for all users.
Text tabs were chosen for navigation "buttons" because they are a familiar cliché, a snap to edit as the site develops, degrade nicely in older browsers as bulleted lists, and are easily enlarged by low-vision visitors. The "current page tab" is presented with a contrasting background color to aid navigation. We used the same blue for links throughout the site, in a bold style whenever embedded in blocks of text. Hovered links are underlined and important image links include a title attribute which displays as a "tool tip" to dispel ambiguity. While Internet Explorer always displays "alt" attributes for images, Mozilla browsers, such as Firefox, do not show them in image-enabled browsers, but will consistently display the "title" attribute.
Figure 3. Knowledge Center Website Sidebar
Color is an important element of the site. We do not rely on it to convey essential information, but the palette deliberately harmonizes with the toned, neutral colors of the new building's interiors, except for the dark blue in the header, which is the official "UNR blue." White page backgrounds provide necessary contrast with dark gray body text. The body font is Georgia, a serif font designed for the web, with a large x-height that makes it sharp and legible.
Website and WordPress Blog Sidebars
We want visitors to be aware of several elements of the Website no matter where or how they enter it. These features appear in the sidebar (Figure 3) at the right side of the page, but are not critical to navigation. The WordPress blog also has a sidebar (Figure 4), but it contains elements for navigating within the blog. No one seems confused about the sidebars being fraternal rather than identical twins, perhaps because the blog is obviously different than the web pages, and blogs have become familiar.
The Home Page or "What's in it for me?"
The home page currently has two sections that expand on the meaning of the tagline. The first section includes the shortest possible summation of what the Knowledge Center is and a streaming video for visitors who would like a fuller exposition.
Figure 4. Knowledge Center Blog Sidebar
The longer section is a list of Knowledge Center "Features, Resources & Services" that is meant to answer the question: "What's in it for me?" In fact, the first iteration of the site had a tab with this label, but it quickly became apparent that "What's in it for me?" should be focus of the home page. The construction phase will be of interest, given the immense size of the excavation and constant activity of big equipment at the building site, but in the end, it's what I can do at the Knowledge Center, or what I can do because it exists, that truly interests me and those who will use its facilities and services in the future.
Beyond the home page
The Knowledge Center website has six sections containing as much information as we can provide at this stage of building construction:
Fortuitously, a centralized campus installation of mySql and WordPress became available just as we began work on the revised Website.
A blog was the logical solution for presenting and managing Knowledge Center news. The building Project Coordinator could easily contribute posts and moderate comments using a WordPress administrative login and web forms. The Library webmaster obtained a mySQL database and user account from the University's Information Technology (IT) Division Unix server administrator, installed WordPress in the account folder, and selected a theme for the interface. Customizing the theme and creating sample pages was easier than expected and took about a week. The blog interface worked so well, we adapted its header and templates for the revised Knowledge Center web. Users would access the blog by clicking the "News" tab on the site home page.
Figure 5. News Item from the WordPress blog
Realistically, more publicity is needed than making a blog available. Our IT Communications Specialist wrote stories for the University'sNevada News site, and our Knowledge Center Project Coordinator gave an interview to the local newspaper when construction began. The University's Development & Alumni Relations Website profiled the building project for potential donors with a link to our website, and the Events Department created publicity for events such as the Knowledge Center 's 12-million pound "Concrete Pour" in June 2006.
To appreciate where we are going, it helps to see where we have been! The history page includes a Library history timeline, University enrollment figures, and historic photographs of the building.
Figure 6. Main Library Building Timeline
Without donors, the Knowledge Center would not have been possible. In this section a video tour of building plans highlights named spaces and acknowledges donor contributions.
Figure 7. Donor Recognition Video
The Images and Media page gathers photographs and videos of current construction and events. It also includes exterior drawings and floor plans of the building's five levels. Links to the lead architectural firm and design firm logically appear here and on the Facts page.
Figure 8. Photo of Concrete Pour Event
This web page lists statistics and factual information about the size and features of the building. The succinct format is easily scanned by visitors.
Figure 9. Facts Page
A Question and Answer page addresses concerns and general questions drawn from feedback visitors have submitted via the Contact page. We implemented several helpful suggestions for our FAQ page from UNR's Marketing and Communications Office.
Figure 10. FAQ Page
The Contact page offers an e-mail feedback form and more information about the Project Coordinator and University Vice President for Development & Alumni Relations, who may also be contacted directly. Personally-identifying information is not required so that concerns may be freely expressed. An anti-spam filter prevents the form from being submitted unless the correct answer to a simple question is checked. If all answers are checked, the form also fails.
Figure 11. Comment form
Keeping the site fresh
Site administrators and publishers can post to the WordPress site using simple web forms that incorporate a basic HTML editor. For the main Website, there are Dreamweaver templates for Contribute users to create new pages or add content to existing ones, such as the FAQ page. For either the main Website or the associated WordPress blog, contributors need be concerned only with content, since all presentational formatting is handled by CSS style sheets.
One caveat is that content providers need to understand that pasting content from other HTML or word processing sources, including HTML e-mail, will also paste the source's styles into the code. In the end, the web developer will need to validate and review page code periodically to keep it clean and standards-compliant. Even with the best of intentions, non-standard markup will creep in if authors write content to the production server or paste news into WordPress. Validation of new and revised pages helps keep the Website usable and easier to maintain.
Part of the planning process for the new building was to provide current photographs and frequently updated videos of the construction process. The Teaching and Learning Technologies unit of the University's Information Technology Division produces these critical elements of the site:
Library faculty who are involved in particular areas of the site will also contribute new content as the building project proceeds. For example, our Distance Education Librarian is currently working on an informational page about the Automated Storage and Retrieval System (ASRS). Some of this content will migrate to the new Knowledge Center site after the building opens. Meanwhile, it's a priority to inform our students, faculty, and staff about important changes in how services are delivered before the changes are implemented.
If the site is fresh and nobody knows, effort is wasted. A great idea for publicizing a new library building project is theHarrison/Small Library Press Kit by the University of Virginia, which provides press releases, fact sheet, and photographs in appropriate resolutions and formats for the media. (University of Virginia, 2004)
Building a new Website on the foundations of an established one forces purposeful rethinking of design principles, content, method of presentation, and maintenance. Creating this site was an opportunity to incorporate a new WordPress blog, which in turn, led to experimentation with Dreamweaver templates and Contribute. Offering streaming video and frequently updated construction site photographs meant coordinating updates with other Information Technology Division personnel who have expertise in media production. Work on this introductory site is a source of ideas for the future metamorphosis of the Library Website into a future Knowledge Center site, as well as a framework for looking at services in new ways.
Because the main purpose of the building site is to inform and prepare users for a big change that will benefit them immensely, it cannot succeed without determined public relations efforts and University-wide support. Fortunately, we have a dedicated IT Communications professional and the University Events office to create news stories and publicize Knowledge Center events. The Library supports not only its own goals, but the University's strategic plan by developing this public Website for the huge building project. In turn, UNR's Development & Alumni Relations office links to our site as part of its outreach to donors. The Marketing and Communications office offers invaluable experience in public relations. The Library's history of cooperation with University policies for web publication, adherence to web standards, and previous successful projects helped us proceed quickly, without any significant conflicts.
Collaborative projects like this one tend to improve communication and mutual appreciation between the Library and other IT units that will soon share the same building. A head start on working together will surely result in a collegial environment that benefits users even more.
Examples of New Building Websites
"Building a New Central Library." 31 Jan 2006. Seattle Public Library. 23 June 2006 <http://www.spl.org/lfa/central/buildinganewcentral.html>
"Building: What's New with the Project." 19 June 2006. Laramie County Library. 23 June 2006
"Library Building Project." [06 Jan 2006] University of Houston Libraries. 23 June 2006. <http://info.lib.uh.edu/building/index.html>
"The McHenry Library Addition and Renovation Project." 07 November 2005. University of California, Santa Cruz. 23 June 2006 <http://library.ucsc.edu/mcadd/>
"Minneapolis Public Library: New Buildings and Capital Projects." 07 June 2006. Minneapolis Public Library. 23 June 2006 <http://www.mpls.lib.mn.us/newcentrallib.asp>.
"New Frank P. Doyle Library, Santa Rosa Campus." 12 May 2006. Santa Rosa Junior College Library. 23 June 2006 <http://www.santarosa.edu/library/newlibrary.shtml>
"New Library at Queens." 2004. Queen's University, Belfast. 23 June 2006 <http://www.qub.ac.uk/newlibrary/index.html>
"New Library Construction Update." 23 June 2006. University of Florida, George A. Smathers Libraries. 23 June 2006 <http://www.uflib.ufl.edu/pio/construction/>
"What's Happening: The New Main Library Project." 25 August 2006 Champaign Public Library. 11 September 2006. <http://www.champaign.org/about_us/construction_news.html>
"Your New Look Library." 15 July 2004. University of York Library. 23 June 2006.
Aldrich, Duncan M. and Greggory Stefanelli. (2006) "Library Services for a Digital Future."Educause Quarterly 29(6): 70-73. <http://www.educause.edu/LibraryDetailPage/666?ID=EQM06112>
AmRhein, Richard, and Marta Sorkin. (1993) "The Year of the Library becomes UNLV's year of success; to win support for a new building, an academic library launched a PR blitz."American Libraries 24(1993): 993-994. <http://search.epnet.com/login.aspx?direct=true&db=llh&an=BLIB93015917>
"Cynthia Says Portal." 2006. HiSoftware Company. 23 June 2006. <http://www.contentquality.com/>
Davidson-Arnott, Frances. (2005) "The NEW British Library: A Tour."Access 11(2): 32-34. <http://www.accessola2.com/images/infocentral/access11_2.pdf>
Dove, Angela (2004). "Designing space for knowledge work."Library & Information Update 3(3): 22-24. <www.cilip.org.uk/publications/updatemagazine/archive/archive2004/march/update0403a.htm>
Flerbert (pseud). "Dude, Where's the Library." (2004).The Nevada Sagebrush, 18 Feb 2004, 27.
Gilbert, Ellen D. (2000) "The High Tech and the Beautiful: Library Buildings, Digital Libraries, and the Future."Library Philosophy and Practice 3(1) 2000. <http://www.uidaho.edu/~mbolin/gilbert2.htm>
Gold, Ann Marie. (2005) "The Good Fight - Library Referenda 2004." Library Journal 130(5): 32-36. <http://www.libraryjournal.com/article/CA509760.html>
Horny, Karen L. and Paul Seale. (1999) "Student advocates: the key to successful funding for a new building."College & Research Libraries News 60(11): 899-902. <http://0-search.epnet.com.innopac.library.unr.edu:80/login.aspx?direct=true&db=llh&an=BLIB99015746>
Krug, Steve.Don't Make Me Think: A Common Sense Approach to Web Usability. 2 nd ed. Berkeley : New Riders, 2006.
Lear, Bernadette A. (2005) "The Hippest History."Library Journal 130(9): 52-53. <http://www.libraryjournal.com/article/CA601034.html>
"The Mathewson-IGT Knowledge Center." 26 May 2006. University of Nevada, Reno Libraries. 23 June 2006. <http://www.knowledgecenter.unr.edu/>
University of Virginia Library, Communications and Publications Department. (2004) "UVa Library Press Room: The Harrison/Small Building Press Kit." 23 June 2006. <http://www.lib.virginia.edu/press/03-04/newlib.html>
"Virtual Wroxton Abbey." (2005). Wroxton Abbey. 23 June 2006. <http://www.wroxtonabbey.org/>
"W3C Markup Validation Service." (20 February 2006). World Wide Web Consortium. 23 June 2006. <http://validator.w3.org/>