website redesign - 2018 md tech connect€¦ · website redesign. a user-centered approach....

39
Anne Briggs, web services and communications librarian Grace Gu, reference librarian Bobby Reeves, e-resources librarian Montgomery College Library December 6, 2018 Website Redesign A User-Centered Approach

Upload: others

Post on 16-Jul-2020

3 views

Category:

Documents


0 download

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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