website redesign - 2018 md tech connect€¦ · website redesign. a user-centered approach....
TRANSCRIPT
![Page 1: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/1.jpg)
Anne Briggs, web services and communications librarianGrace Gu, reference librarianBobby Reeves, e-resources librarian
Montgomery College Library
December 6, 2018
Website RedesignA User-Centered Approach
![Page 2: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/2.jpg)
Outline
1
Institutional Background
History and Issues with the Website
User Research Plan
Deliverables
Lessons Learned
Next Steps
![Page 3: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/3.jpg)
Montgomery College
2
Serves about 54,000 students, 8,000 FTE
Staffed by over 3,000 employees
Montgomery College Library has three locations across the three main campuses
• Germantown, Rockville, Takoma Park/Silver Spring
• 45 library employees
![Page 4: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/4.jpg)
Web Services Committee
3
Internal library committee with six members
Chaired by the web services and communications librarian
“The Web Services Committee is charged with the general oversight of the MC Library website, with a focus on ongoing development of the library web presence to facilitate seamless and intuitive user access to the library’s services and resources.”
![Page 5: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/5.jpg)
MC Library’s Web Services Committee
4
Jenny Hatleberg
Brandon Mollock
Grace Gu
Anne Briggs
Nancy Nyland
Bobby Reeves
![Page 6: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/6.jpg)
Website Usage
5
• Page Views: 500,000+
• Users: 140,000+• LibGuides Views:
180,000+• Sources of
analytics:• Google
Analytics• Crazy Egg
![Page 7: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/7.jpg)
What Problems Are We Trying to Solve?
6
Office of Information Technology began migration from Ektron CMS to OmniUpdate CMS almost three years ago
Library currently scheduled to migrate by April 30, 2019
Ektron CMS to be retired June 30, 2019
![Page 8: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/8.jpg)
What’s Past Is Prologue
7
Library website last overhauled in 2010
MC Library’s homepage over the years…
![Page 9: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/9.jpg)
8
2002
![Page 10: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/10.jpg)
9
2005
![Page 11: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/11.jpg)
10
2010
![Page 12: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/12.jpg)
11
2018
![Page 13: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/13.jpg)
LibQUAL+ 2014 & 2017
12
Results LibQUAL+ survey asks participants to rate statements on
a scale of 1-9 for minimum, desired, and perceived levels of service
How did we do on "A library website enabling me to locate information on my own"?
• Largest decline in adequacy mean between 2014 and 2017 for any area
![Page 14: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/14.jpg)
LibQUAL+ 2014 & 2017
13
Comments "The library webpage…must be updated to be more user
friendly and clean." (2014)
"The physical library is more dependable to me than the online version. The layout is confusing and I find it’s so much harder to try to find information there than on google." (2017)
"Understanding of the website just doesn’t come until someone shows you how to do something." (2017)
![Page 15: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/15.jpg)
Why User-Centered Research?
14
Usable websites are essential for education.
User-centered designs focus on the end-user and their needs and make data-driven decisions based on empirical testing.
User-centered websites are:
UsableUsefulDesirable
FindableCredibleAccessible
![Page 16: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/16.jpg)
Value of Usability Testing
15
Provides an opportunity to incorporate findings from real users into the design rather than basing on "assumptions of users' needs and information seeking behaviors" (Becker and Yannotta 16)
Identifies what might be "hindering users from accomplishing tasks" and thereby helps to determine improvements in need (Azadhakht, Blair and Jones 34)
Captures users' "aesthetic and emotional responses" and "satisfaction with the layout and logic of the site" (Ipri, Yunkin and Brown 181)
![Page 17: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/17.jpg)
Optimal Workshop for User Research
16
A web platform including a suite of usability testing tools
• Open/closed card sort: OptimalSort
• Tree testing: Treejack tool
• First click testing: ChalkMark
Free plan for unlimited studies in limited scale
More info and demo at https://www.optimalworkshop.com
![Page 18: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/18.jpg)
User Research Plan
17
Content Organization Studies
![Page 19: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/19.jpg)
Open Card Sort
18
![Page 20: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/20.jpg)
Closed Card Sort
19
![Page 21: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/21.jpg)
Site Map/Navigation Diagram
20
![Page 22: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/22.jpg)
Tree Testing
21
![Page 23: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/23.jpg)
Layout and Design Studies
22
User Research Plan
![Page 24: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/24.jpg)
One Question Survey
23
![Page 25: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/25.jpg)
Site Review
24
![Page 26: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/26.jpg)
Wireframes
25
![Page 27: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/27.jpg)
First Click Testing
26
![Page 28: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/28.jpg)
Website Redesign Fundamentals
27
Website audiences
Goals of priority audiences
Purpose of website
Issues with current website
Website redesign goals
![Page 29: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/29.jpg)
Site Navigation Diagram
28
Displays the hierarchy of every page on the website.
![Page 30: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/30.jpg)
Site Navigation Diagram - Highlights
29
Home
AboutPolicies, Locations, Hours, Maps, Directory, Director’s
Corner, etc.
Borrowing Borrowing Policies, Course Reserves, ILL, etc.
Faculty SupportTutorials/Quizzes, Copyright
Info, Instruction Request, Course Reserves, etc.
ResearchCatalog,
RaptorSearch, Databases, Course/Subject Guides
Technology and Study Spaces
Technology Info, Room Reservations, DSS
![Page 31: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/31.jpg)
30
![Page 32: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/32.jpg)
31
![Page 33: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/33.jpg)
32
![Page 34: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/34.jpg)
Lessons Learned
33
1. It really is important to establish a baseline understanding of your goals, priorities, and audiences.
![Page 35: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/35.jpg)
Lessons Learned
34
2. Sometimes “quick and dirty” leaves you with more questions than answers.
![Page 36: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/36.jpg)
Lessons Learned
35
3. It’s very hard to accept that we are NOT our users!
![Page 37: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/37.jpg)
Next Steps
36
Additional user research activities
Prototyping website with OIT
Usability testing on live prototype
Developing plan for continual enhancement of website based on regular user research and usability testing
![Page 38: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/38.jpg)
Questions?
37
Contact Us:
Anne Briggs –[email protected]
Grace Gu –[email protected]
Bobby Reeves –[email protected]
![Page 39: Website Redesign - 2018 MD TECH CONNECT€¦ · Website Redesign. A User-Centered Approach. Outline. 1 Institutional Background History and Issues with the Website User Research Plan](https://reader033.vdocuments.net/reader033/viewer/2022042915/5f5018d301dbad25ec5c715c/html5/thumbnails/39.jpg)