Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
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?