REDESIGN OF THE

UCI LIBRARIES WEBSITE

Final Presentation

November 26th, 2013

Overview

• Project description

• Methods

• Upcoming milestones

PROJECT DESCRIPTION

UCI Libraries website

• Evaluate the current libraries

website homepage

• Determine most important

features

• Redesign homepage

METHODS

Overview

Usability testing

Prototyping

Surveys

Google Analytics – Interviews – Front desk

GOOGLE ANALYTICS• Marc

• Andrew

• Siva

Takeaways

Looking at data from traffic for the last year we found the

following important:

• Off Campus Login

• Hours

• Course Reserves

• In-Site Search barely used

• Mostly Apple mobile access

INTERVIEWS• Anthony

• Negar

• Steven

• Peter

• Liu

• Ivan

• Han

• Xiang

• Jordan

Purpose and participants

• Purpose

“Insight”

• Participants

o 8 Undergraduate Students

o 7 Master’s Students

o 3 Ph.D. Students

o 2 Faculty

Method and questions

• Method

o In-person Interview

• Questions

o Main Purpose

o Terminology

o How do I, Ask a Librarian

o Mobile

o Improvement

Results

• Main Purpose

o Search, Hours, VPN - Graduate, Undergraduate

o Broken links - Faculty

• Terminology

o AntPAC?, Melvyl?, Quick Links? - Graduate,

Undergraduate

o Trial and error - Faculty

Results

• How do I, Ask a Librarian

o Google, Library desk, Email, ?? - Graduate,

Undergraduate

o Call - Faculty

• Mobile

o Limited, Not Used - Faculty, Graduate,

Undergraduate

Results

• Improvements

1) Search integration, complicated steps - Graduate,

Undergraduate

2) Search bar, search misspelling

3) Display important information (Hours, fees)

4) Page depth

5) Explain terminology

6) Reservation - Study room

7) Citation, working like Google Scholar - Faculty

FRONT DESK

INTERVIEWS• Renee

• Siva

• Moury

• Nathan

Findings

Check-out desk

• Course reserves

• Checked-out books

Ask Us desk

• Course reserves

• Research questions

• Wireless printing

• Connecting from off campus

SURVEYS• Moury

• Andrew

• Sunny

• Nathan

• Nityata

• Ibtisam

• Siva

• Sagar

Surveys

• Survey questions were based on the data that was

collected from the interview phase.

• Data collected from surveys helped to guide the

prototyping process.

Survey Distribution

• Paper Surveys

• Online Surveys

• Google Forms

Survey Distribution

• Paper surveys were physically distributed at various

locations on campus (i.e. UCI Starbucks, UCI Student

Center, UCI bus stop, etc.).

• Online surveys were distributed predominantly via social

media or by email.

Survey Questions

• 19 total questions

• Less questions answered if they didn’t use the UCI Libraries

Website/Mobile Website.

• A series of closed and open-ended questions.

• Choose only one answer

• Likert Scale Questions

• Free response

• Numbering/Ordering

Survey Results

• 286 total responses

• approximately ⅔ came from paper surveys

• approximately ⅓ came from online surveys

• Participants

• 207 Undergraduate Students

• 59 Master’s Students

• 18 Ph.D. Students

• 2 Faculty

Survey Results

Survey Results

Survey Results

Survey Results

Survey Results

Key Takeaways

• Participants typically use the website to search for

research materials, connecting from off campus (VPN),

and to use course materials.

• Participants found the usage of a search bar to be

helpful.

• Participants found the “Ask A Librarian” function of the

website to be useful.

• Participants found that the Quick Links bar provides easy

navigation of the website.

PROTOTYPING• Siva

• Nathan

• Andrew

• Marc

• Nityata

Initial Research

Examined ten other university library sites to gather data

and ideas.

BYU Library

(lib.byu.edu) UC Berkeley Library

(lib.berkeley.edu)

Harvard Library

(lib.harvard.edu)

Wireframe v0.1

Based on survey data, interview data, and examining other

sites, three preliminary “alpha” sites were built as a sort of

jumping off point.

“Tabs”

Tabs for the libraries,

cover flow for news

“Boxes”

A more boxy interface

with cover flow

“Just Search”

A simple, clean

interface highlighting

the library’s #1 used

feature

A modern interface

Current trends in web development lean towards a more

streamlined, clean interface. With the launch of Windows 8 as

well as Google’s “Card” structure, simple boxes arranged

aesthetically are quickly becoming the new, “modern” look for

websites (and other interfaces).

Windows Metro Google Keep

Consistency across sites

As we enter a more

technologically complex world,

CONSISTENCY is essential to

users!

When visiting the UCI Law

Library Website, we found it to

have a modern design from

start to finish similar to our

goal. We saw this website as

an opportunity for consistency

amongst UCI Library

websites.

UCI Law Library Website

How to combine all three?

“Boxes v. 0.1” Mockup

Modern User Experience

Consistency

Original UCI Libraries Wireframe

Overview of Major Changes

“Boxes” was the favorite, but still

needed work.

Based on our surveys, we decided on key

major changes:

• Replace the acronyms ANTPAC and Melvyl to

the easy-to-understand “Search in UCI” and

“Search all UC Libraries”

• Rework individual UCI Library pages

• Rename the popular “Quick Links” to a more

modern “How do I” or “I want to”

Overview of Major Changes

More key changes:

• Keep “I want to” (previously Quick Links) only

on the main navigation page, and removed it on

subpages

• Use a breadcrumb style (ie: Home -> Library

Services -> Borrowing) to allow easy navigation

• A Search bar on the main page capable of

searching for all resources, from materials to

library policy to in-site information

• Having general library information including

current hours and a link to each library’s unique

information

Future UCI Libraries Wireframe

Sample of sub-level wireframes

Mobile Experience

• Tablets will show full version of website with user

friendly tile-interface if resolution allows

• For smaller tablets and smartphones, the

existing mobile website design will be presented

with an updated theme

USABILITY TESTING• Anthony

• Negar

• Steven

• Peter

• Liu

• Ivan

• Han

• Xiang

• Jordan

• Moury

• Sunny

• Ibtisam

• Sagar

Usability testing

• Participants

• 15 participants

• Incentives

• Each participant will be given a $5 Starbucks gift card after

completing the usability test.

Usability testing

• Procedure

• Participants will evaluate two different sites: the current UCI

Libraries website and the prototype.

• Introductory Questions

• Tasks to complete on Website A.

• Ask questions about Website A.

• Tasks to complete on Website B.

• Ask questions about Website B.

• Comparative questions.

UPCOMING MILESTONES

Upcoming milestones

• Week 9

• Finalize usability tests

• Run usability tests

• Week 10

• Finish up running usability tests

• Analyze the results of usability tests

• Improve and finalize prototypes

• Finals Week

• Finalize and turn in report

THANK YOU FOR YOUR

ATTENTION, QUESTIONS?