REDESIGN OF THE UCI LIBRARIES WEBSITE. Final Presentation November 26 th, 2013

Transcription

1 REDESIGN OF THE UCI LIBRARIES WEBSITE Final Presentation November 26 th, 2013

2 Overview Project description Methods Upcoming milestones

3 PROJECT DESCRIPTION

4 UCI Libraries website Evaluate the current libraries website homepage Determine most important features Redesign homepage

5 METHODS

6 Overview Google Analytics Interviews Front desk Surveys Prototyping Usability testing

7 GOOGLE ANALYTICS Marc Andrew Siva

8 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

9 INTERVIEWS Anthony Negar Steven Peter Liu Ivan Han Xiang Jordan

10 Purpose and participants Purpose Insight Participants o o o o 8 Undergraduate Students 7 Master s Students 3 Ph.D. Students 2 Faculty

11 Method and questions Method o In-person Interview Questions o o o o o Main Purpose Terminology How do I, Ask a Librarian Mobile Improvement

12 Results Main Purpose o o Search, Hours, VPN - Graduate, Undergraduate Broken links - Faculty Terminology o o AntPAC?, Melvyl?, Quick Links? - Graduate, Undergraduate Trial and error - Faculty

13 Results How do I, Ask a Librarian o o Google, Library desk, ,?? - Graduate, Undergraduate Call - Faculty Mobile o Limited, Not Used - Faculty, Graduate, Undergraduate

14 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

15 FRONT DESK INTERVIEWS Renee Siva Moury Nathan

16 Findings Check-out desk Course reserves Checked-out books Ask Us desk Course reserves Research questions Wireless printing Connecting from off campus

17 SURVEYS Moury Andrew Sunny Nathan Nityata Ibtisam Siva Sagar

18 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.

19 Survey Distribution Paper Surveys Online Surveys Google Forms

20 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 .

21 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

22 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

23 Survey Results

24 Survey Results

25 Survey Results

26 Survey Results

27 Survey Results

28 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.

29 PROTOTYPING Siva Nathan Andrew Marc Nityata

30 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)

31 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. Boxes A more boxy interface with cover flow Tabs Tabs for the libraries, cover flow for news Just Search A simple, clean interface highlighting the library s #1 used feature

32 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

33 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

34 How to combine all three? Boxes v. 0.1 Mockup Consistency Modern User Experience

35 Original UCI Libraries Wireframe

36 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

37 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

38 Future UCI Libraries Wireframe

39 Sample of sub-level wireframes

40 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

41 USABILITY TESTING Anthony Negar Steven Peter Liu Ivan Han Xiang Jordan Moury Sunny Ibtisam Sagar

42 Usability testing Participants 15 participants Incentives Each participant will be given a $5 Starbucks gift card after completing the usability test.

43 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.

44 UPCOMING MILESTONES

45 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

46 THANK YOU FOR YOUR ATTENTION, QUESTIONS?