Case Study: Usability Testing for IT Training Website Redesign Project

42
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne

description

Case Study: Usability Testing for IT Training Website Redesign Project . Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne. [email protected] - PowerPoint PPT Presentation

Transcript of Case Study: Usability Testing for IT Training Website Redesign Project

Page 1: Case Study: Usability Testing for IT Training Website Redesign Project

September 29, 2011

Case Study:Usability Testing for IT Training

Website Redesign Project

Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne

Page 2: Case Study: Usability Testing for IT Training Website Redesign Project

[email protected]

The User eXperience Group (UXG) assists IT teams improve the user experience of their products and services through a variety of user-centered design and evaluation methods, including:

• Expert Reviews• Information Architecture Reviews• Design Critiques• Prototypes and Mockups• Focus Groups• User Testing

Page 3: Case Study: Usability Testing for IT Training Website Redesign Project

User TestingWHATUXG Consultants observe people using a system as they attempt to complete a set of representative tasks

WHY1. Through user testing, we identify problems and issues; we then

provide a report outlining suggested improvements and changes.

2. User testing is the best way to determine how well people interact with your system. It can provide valuable insights into the problems that real users might have, and offers the greatest potential for improving the usability of your site.

Page 4: Case Study: Usability Testing for IT Training Website Redesign Project

Instructor-led workshops

• Nearly 1,000 per year• 10,000+ participants per

year• 95% Very Good/Good rating

Page 5: Case Study: Usability Testing for IT Training Website Redesign Project

Self-paced training

downloadableworkshopmaterials

Page 6: Case Study: Usability Testing for IT Training Website Redesign Project

Why Usability Testing?

• Usability testing is essential to ensuring good customer experience.

• IT Training first tested its site in 2001 when introducing its first dynamic web site.

• The tests we’ll talk about today were conducted in 2009-2011.

• Goals were to make it easier for users to find training and to make the site more engaging.

Page 7: Case Study: Usability Testing for IT Training Website Redesign Project

Results

Page 8: Case Study: Usability Testing for IT Training Website Redesign Project

What Was Working

• TASK: Find a specific workshop• OBSERVATION 1: Specific workshops

were easy to find using the search on the IT Training website

• OBSERVATION 2: Specific workshops were easy to find using Google search

Image source: prlog.org

Search:

Page 9: Case Study: Usability Testing for IT Training Website Redesign Project

What Was Working

Registration:

• TASK: Register for a workshop• OBSERVATION: 90% of testers

and ~80% of all ‘real’ users were able to register for a class in 2009

2009 2011

EASY HARD FAIL

Page 10: Case Study: Usability Testing for IT Training Website Redesign Project

What Was WorkingUser Profile

• TASK 1: Update your profile

• TASK 2: Find a list of previously attended workshops

• OBSERVATION: Both tasks were easily completed.

‘09 ’11 ‘09 ‘11

EASY HARD FAIL

Page 11: Case Study: Usability Testing for IT Training Website Redesign Project

User Testing Video Clips

1b. Confusing Navigation -Lack of clear path to main content

1a. Confusing Navigation - Unintuitive modality-centered navigation2. Workshop Pricing3. The Shopping Cart4a. Certificates and Certifications -

Unclear certification options4b. Certificates and Certifications -

Certification comparison table

Page 12: Case Study: Usability Testing for IT Training Website Redesign Project

VIDEO CLIP

Page 13: Case Study: Usability Testing for IT Training Website Redesign Project

What was NOT working?

• TASK: Find a specific workshop

• OBSERVATION: We expected users to use the online listing of workshops to complete this task, but many instead downloaded the PDF catalog

1a. Confusing Navigation – Lack of clear path to main content:

2009 2011

EASY HARD FAIL

Page 14: Case Study: Usability Testing for IT Training Website Redesign Project

User Testing Video Clips

1a. Confusing Navigation - Lack of clear path to main content

1b. Confusing Navigation - Unintuitive modality-centered navigation2. Workshop Pricing3. The Shopping Cart4a. Certificates and Certifications -

Unclear certification options4b. Certificates and Certifications -

Certification comparison table

Page 15: Case Study: Usability Testing for IT Training Website Redesign Project

VIDEO CLIP

Page 16: Case Study: Usability Testing for IT Training Website Redesign Project

What was NOT working?

• TASK: Find ALL self-paced training options

• OBSERVATION: Users either couldn’t find any options, or they found only one and assumed there were no more

1b. Confusing Navigation –Unintuitive modality-centered navigation:

2009 2011

EASY HARD FAIL

Page 17: Case Study: Usability Testing for IT Training Website Redesign Project

Old IT Training Home Page

Page 18: Case Study: Usability Testing for IT Training Website Redesign Project

Old IT Training Site – Navigation Expanded

Page 19: Case Study: Usability Testing for IT Training Website Redesign Project

Old IT Training Site – Instructor Led by Topic

Page 20: Case Study: Usability Testing for IT Training Website Redesign Project

Old IT Training Site – Instructor Led by Topic – Excel

Page 21: Case Study: Usability Testing for IT Training Website Redesign Project

Old IT Training Site – Tutorials Page

Page 22: Case Study: Usability Testing for IT Training Website Redesign Project

User Testing Video Clips

1a. Confusing Navigation -Lack of clear path to main content

1b. Confusing Navigation -Unintuitive modality-centered navigation

2. Workshop Pricing3. The Shopping Cart4a. Certificates and Certifications -

Unclear certification options4b. Certificates and Certifications -

Certification comparison table

Page 23: Case Study: Usability Testing for IT Training Website Redesign Project

VIDEO CLIP

Page 24: Case Study: Usability Testing for IT Training Website Redesign Project

What was NOT working?

• TASK: Find the cost of a workshop• OBSERVATION:

o Users expected the cost to be near the workshop description

o Link for the pricing opened the FAQ page, not the specific article

2. Workshop Pricing:

2009 2011

EASY HARD FAIL

Page 25: Case Study: Usability Testing for IT Training Website Redesign Project

User Testing Video Clips

1a. Confusing Navigation - Lack of clear path to main content1b. Confusing Navigation -

Unintuitive modality-centered navigation2. Workshop Pricing

3. The Shopping Cart4a. Certificates and Certifications -

Unclear certification options4b. Certificates and Certifications -

Certification comparison table

Page 26: Case Study: Usability Testing for IT Training Website Redesign Project

VIDEO CLIP

Page 27: Case Study: Usability Testing for IT Training Website Redesign Project

What was NOT working?

• TASK: Register for a workshop

• OBSERVATION: The fix for the navigation problem found in the 2009 test resulted in a screen layout change that called for better indication that an item was added to the cart

Image source: modmyi.com

3. The Shopping Cart:

Page 28: Case Study: Usability Testing for IT Training Website Redesign Project

User Testing Video Clips

1a. Confusing Navigation -Lack of clear path to main content

1b. Confusing Navigation -Unintuitive modality-centered navigation

2. Workshop Pricing3. The Shopping Cart

4a. Certificates and Certifications -Unclear certification options

4b. Certificates and Certifications –Certification comparison table

Page 29: Case Study: Usability Testing for IT Training Website Redesign Project

VIDEO CLIP

Page 30: Case Study: Usability Testing for IT Training Website Redesign Project

• TASK: Find all certification and certificate options.

• OBSERVATION: o Users couldn’t find all

accreditation options, “settling” on one or two

o Were not confident if what they found satisfied the task

What was NOT working?

4a. Certificates and Certifications – Unclear certification options

2009 2011

EASY HARD FAIL

Page 31: Case Study: Usability Testing for IT Training Website Redesign Project

User Testing Video Clips

1a. Confusing Navigation - Lack of clear path to main content1b. Confusing Navigation -

Unintuitive modality-centered navigation2. Workshop Pricing3. The Shopping Cart4a. Certificates and Certifications –

Unclear certification options

4b. Certificates and Certifications - Certification comparison table

Page 32: Case Study: Usability Testing for IT Training Website Redesign Project

VIDEO CLIP

Page 33: Case Study: Usability Testing for IT Training Website Redesign Project

• TASK: Find all certification and certificate options.

• OBSERVATION: Comparison table was useful, but was difficult to find

What was NOT working?

4b. Certificates and Certifications - Certification comparison table

2009 2011

EASY HARD FAIL

Page 34: Case Study: Usability Testing for IT Training Website Redesign Project

Task Success Rates ’09 ’11 ’09 ’11 ’09 ’11 ’09 ’11 ’09 ’11 ’09 ’11 ’09 ’11 ’09 ’11 ’09 ’11

EASY HARD FAIL

Page 35: Case Study: Usability Testing for IT Training Website Redesign Project

Next Steps

• Get user profile information from central systems.

• Users indicated they didn’t know why they need to have an IT Training profile

• Will align with IU systems and user expectations

• Addressed in near term through FAQ

Page 36: Case Study: Usability Testing for IT Training Website Redesign Project

• Make it easier to find old versions of materials.

• Current site tells users to contact us.

• Need to make self-service.

Next Steps

Page 37: Case Study: Usability Testing for IT Training Website Redesign Project

• Events calendar

Other new features to come

Page 38: Case Study: Usability Testing for IT Training Website Redesign Project

• More filtering

Other new features to come

Page 39: Case Study: Usability Testing for IT Training Website Redesign Project

• Deep linking into 3rd party elearning where possible.

Other new features to come

Page 40: Case Study: Usability Testing for IT Training Website Redesign Project

• We will use usability testing to make sure we build these features the right way!

Where do we go from here?

Page 41: Case Study: Usability Testing for IT Training Website Redesign Project

• Usability testing is a very valuable tool• It helps us see what is going on with our

changing audience, instructional delivery and business model

• It has already helped us greatly improve our customer’s experience and we know it will continue to do so

• We believe in it and we teach it!

Conclusions