redesign of the uci libraries websitekobsa/courses/inf231/13f/group2-prefinal.pdf ·...
TRANSCRIPT
![Page 1: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/1.jpg)
REDESIGN OF THE
UCI LIBRARIES WEBSITE
Final Presentation
November 26th, 2013
![Page 2: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/2.jpg)
Overview
• Project description
• Methods
• Upcoming milestones
![Page 3: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/3.jpg)
PROJECT DESCRIPTION
![Page 4: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/4.jpg)
UCI Libraries website
• Evaluate the current libraries
website homepage
• Determine most important
features
• Redesign homepage
![Page 5: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/5.jpg)
METHODS
![Page 6: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/6.jpg)
Overview
Usability testing
Prototyping
Surveys
Google Analytics – Interviews – Front desk
![Page 7: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/7.jpg)
GOOGLE ANALYTICS• Marc
• Andrew
• Siva
![Page 8: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/8.jpg)
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
![Page 9: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/9.jpg)
INTERVIEWS• Anthony
• Negar
• Steven
• Peter
• Liu
• Ivan
• Han
• Xiang
• Jordan
![Page 10: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/10.jpg)
Purpose and participants
• Purpose
“Insight”
• Participants
o 8 Undergraduate Students
o 7 Master’s Students
o 3 Ph.D. Students
o 2 Faculty
![Page 11: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/11.jpg)
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
![Page 12: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/12.jpg)
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
![Page 13: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/13.jpg)
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
![Page 14: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/14.jpg)
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
![Page 15: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/15.jpg)
FRONT DESK
INTERVIEWS• Renee
• Siva
• Moury
• Nathan
![Page 16: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/16.jpg)
Findings
Check-out desk
• Course reserves
• Checked-out books
Ask Us desk
• Course reserves
• Research questions
• Wireless printing
• Connecting from off campus
![Page 17: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/17.jpg)
SURVEYS• Moury
• Andrew
• Sunny
• Nathan
• Nityata
• Ibtisam
• Siva
• Sagar
![Page 18: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/18.jpg)
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.
![Page 19: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/19.jpg)
Survey Distribution
• Paper Surveys
• Online Surveys
• Google Forms
![Page 20: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/20.jpg)
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.
![Page 21: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/21.jpg)
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
![Page 22: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/22.jpg)
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
![Page 23: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/23.jpg)
Survey Results
![Page 24: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/24.jpg)
Survey Results
![Page 25: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/25.jpg)
Survey Results
![Page 26: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/26.jpg)
Survey Results
![Page 27: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/27.jpg)
Survey Results
![Page 28: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/28.jpg)
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.
![Page 29: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/29.jpg)
PROTOTYPING• Siva
• Nathan
• Andrew
• Marc
• Nityata
![Page 30: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/30.jpg)
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)
![Page 31: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/31.jpg)
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
![Page 32: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/32.jpg)
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
![Page 33: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/33.jpg)
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
![Page 34: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/34.jpg)
How to combine all three?
“Boxes v. 0.1” Mockup
Modern User Experience
Consistency
![Page 35: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/35.jpg)
Original UCI Libraries Wireframe
![Page 36: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/36.jpg)
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”
![Page 37: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/37.jpg)
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
![Page 38: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/38.jpg)
Future UCI Libraries Wireframe
![Page 39: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/39.jpg)
Sample of sub-level wireframes
![Page 40: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/40.jpg)
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
![Page 41: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/41.jpg)
USABILITY TESTING• Anthony
• Negar
• Steven
• Peter
• Liu
• Ivan
• Han
• Xiang
• Jordan
• Moury
• Sunny
• Ibtisam
• Sagar
![Page 42: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/42.jpg)
Usability testing
• Participants
• 15 participants
• Incentives
• Each participant will be given a $5 Starbucks gift card after
completing the usability test.
![Page 43: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/43.jpg)
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.
![Page 44: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/44.jpg)
UPCOMING MILESTONES
![Page 45: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/45.jpg)
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
![Page 46: Redesign of the UCI Libraries websitekobsa/courses/INF231/13F/Group2-PreFinal.pdf · •Participants typically use the website to search for research materials, connecting from off](https://reader033.vdocument.in/reader033/viewer/2022050611/5fb1ef67560727203112a5b4/html5/thumbnails/46.jpg)
THANK YOU FOR YOUR
ATTENTION, QUESTIONS?