Screen Shot 2019-03-03 at 11.41.12 AM.png

Library Site Redesign

 
 

How can we create a library website that meets the needs of its users?

The State Library of Ohio serves the state government, other local libraries, and the residents of Ohio. Their website housed a lot of content and resources, but it there was no clear hierarchy of information and it was difficult for users to find the information they needed. We aimed to create an experience centered around the most common use cases of the libraries primary user base.

My role: UX research, Information Architecture and overall UX strategy, UX wireframes

 
 
SuttonLibrarian-02.jpg

User interviews and survey

I conducted interviews with representatives from the library’s key user groups: other local librarians, academic researchers, and residents of Ohio looking for hard-to-find materials. The overwhelming use case was to search for materials, a feature which was not very prominent in the existing website.


Persona creation

Using the interview findings and survey data, I clustered findings into theme based on behavior. I used these to create representative personas to keep the focus of the design on the end user and their needs. This allowed us to focus on user behaviors and tasks, rather than designing for distinct roles.

I began the persona creation process by clustering interview respondents according to key attributes.

I began the persona creation process by clustering interview respondents according to key attributes.

persona.jpg
nancy.jpg

site map.jpg

Information architecture

Based on the mental models of our personas, I redesigned the site’s content to allow easier access to the higher priority items.


wireframes.png

Wireframes

I created a skeleton of the site to create the right hierarchy of information.


Designs

Before redesign

The organization of content in the old library website made it difficult to find relevant materials. The primary feature, search, was hidden.

The organization of content in the old library website made it difficult to find relevant materials. The primary feature, search, was hidden.

After redesign

The new design highlighted search prominently on the home page. It made other key tools more readily available (databases, scholarly journals, and other collections).

The new design highlighted search prominently on the home page. It made other key tools more readily available (databases, scholarly journals, and other collections).