Evaluating a Classroom Website Through Usability Testing Desiree Piercy - dpiercy@hawaii.edu - LTEC...

Evaluating a Classroom Website Through Usability Testing

Desiree Piercy - dpiercy@hawaii.edu - LTEC 690

Presentation Outline

•Background•Usability Study•Design•Next Steps

Presentation Outline

•Background•Usability Study•Design•Next Steps

Presentation Outline

•Background•Usability Study•Design•Next Steps

Presentation Outline

•Background•Usability Study•Design•Next Steps

Background Usability Study Design Next Steps

About me

Background Usability Study Design Next Steps

What I do

Background Usability Study Design Next Steps

Higher student

achievement

Background Usability Study Design Next Steps

Higher student

achievement

Parent

Background Usability Study Design Next Steps

Higher student

achievement

Parent

Student

Background Usability Study Design Next Steps

Higher student

achievement

Parent

Student

Teacher

Background Usability Study Design Next Steps

Higher student

achievement

Parent

Student

Teacher

CONNECTED

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Increase communication with parents though the use of a classroom website

Background Usability Study Design Next Steps

Increase communication with parents though the use of a classroom website

Background Usability Study Design Next Steps

Purpose

Evaluate the effectiveness of the navigation and organization of the content.

Background Usability Study Design Next Steps

What is a Usability study?

A. I have participated or conducted a usability study before.

B. I have heard of a usability study.C. I’ve never heard of a usability study in my life.

Audience Poll

Background Usability Study Design Next Steps

A technique designed to evaluate a product by testing it on users.

Background Usability Study Design Next Steps

A technique designed to evaluate a product by testing it on users.

Background Usability Study Design Next Steps

Sample usability test

Background Usability Study Design Next Steps

The website beginning…

•Text heavy pages•Few pictures•Wording was not consistent•A lot of scrolling

Background Usability Study Design Next Steps

The website beginning…

•Text heavy pages•Few pictures•Wording was not consistent•A lot of scrolling

Background Usability Study Design Next Steps

The website beginning…

•Text heavy pages•Few pictures•Wording was not consistent•A lot of scrolling

Background Usability Study Design Next Steps

The website beginning…

•Text heavy pages•Few pictures•Wording was not consistent•A lot of scrolling

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Blog

Background Usability Study Design Next StepsPolices and procedures page

Background Usability Study Design Next StepsCurriculum page

Background Usability Study Design Next StepsGrading page

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Peer Feedback

• Divide up content• Make drop down menus consistent

with names and room numbers• Add a homework blog and school

calendar• Add in back to top button-

Background Usability Study Design Next Steps

Peer Feedback

• Divide up content• Make drop down menus consistent

with names and room numbers• Add a homework blog and school

calendar• Add in back to top button-

Background Usability Study Design Next Steps

Peer Feedback

• Divide up content• Make drop down menus consistent

with names and room numbers• Add a homework blog and school

calendar• Add in back to top button-

Background Usability Study Design Next Steps

Peer Feedback

• Divide up content• Make drop down menus consistent

with names and room numbers• Add a homework blog and school

calendar• Add in back to top button-

Background Usability Study Design Next Steps

Peer Feedback

• Divide up content• Make drop down menus consistent

with names and room numbers• Add a homework blog and school

calendar• Add in back to top button-

Background Usability Study Design Next Steps

Background Usability Study Design Next StepsBefore

Background Usability Study Design Next StepsBefore After

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Before

Background Usability Study Design Next Steps

Before After

Background Usability Study Design Next Steps

Before After

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Background Usability Study Design Next Steps

Lessons Learned

It’s all about the user

Keep everything consistent

Don’t get too attached

Thank you!UH professors Critical friends & family

Coffee The audience

Questions?

dpiercy@hawaii.edu