Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly...
Transcript of Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly...
![Page 1: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/1.jpg)
Evaluating the Usability of a Newly Created Business Office Website
Angela Gannon University of Hawai`i at Mānoa
Learning Design & Technology | Spring 2017
![Page 2: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/2.jpg)
BACKGROUND
1. About Me
2. Project Concept
3. The Problem
4. The Solution
Background Usability Design Usability Results Moving Forward
![Page 3: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/3.jpg)
USABILITY DESIGN
1. What & Why
2. Tools
3. Influences
4. Original Prototype
Background Usability Design Usability Results Moving Forward
![Page 4: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/4.jpg)
USABILITY RESULTS
1. Participants
2. Modifications
3. Results
Background Usability Design Usability Results Moving Forward
![Page 5: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/5.jpg)
MOVING FORWARD
1. Website Future
2. What I Learned
Background Usability Design Usability Results Moving Forward
![Page 6: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/6.jpg)
ABOUT ME College Employee
Info Tech
Student
Background Usability Design Usability Results Moving Forward
9 years with Academic Instruction for Asst. Dean’s Office
17 years with Administration the Vice Chancellor
![Page 7: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/7.jpg)
• Office Administration & Technology, A.S. (1985)
• Liberal Arts, A.S. (2003)
• Business Careers, A.A.S. (2013)
• Business & Information Technology, B.A.S. (2013)
• Certificate in Online Learning & Teaching, student COLT (2017)
• Learning Design & Technology, student M.Ed. (2017)
ABOUT ME College Employee
Info Tech
Student
Background Usability Design Usability Results Moving Forward
9 years with Academic Instruction for Asst. Dean’s Office
17 years with Administration the Vice Chancellor
![Page 8: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/8.jpg)
PROJECT CONCEPT Faculty &
Staff Survey
Background Usability Design Usability Results Moving Forward
![Page 9: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/9.jpg)
PROJECT CONCEPT
25% 24%
23%
16% 15%
0%
5%
10%
15%
20%
25%
30%
2008 2010 2012 2014 2016
Perc
enta
ge
Disagree
SURVEY RESULTS:
An average of
20%
felt strongly
that there was a need
for access and resources
Procurement policies and procedures are readily accessible.
Background Usability Design Usability Results Moving Forward
Faculty & Staff
Survey
![Page 10: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/10.jpg)
PROJECT CONCEPT
Comments:
“Information and guidance are needed.”
“When policies and procedures change, there is no campus notification.”
“It is hard to find necessary forms.”
“I need more direction on how to complete travel documents.”
Business Office Survey
Background Usability Design Usability Results Moving Forward
![Page 11: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/11.jpg)
THE PROBLEM Procurement
Cashier Process
Forms
Payment Protocol
Travel Services
Links &
Resources
Faculty, Staff and Students
need an information resource
to be always available for
them.
Background Usability Design Usability Results Moving Forward
![Page 12: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/12.jpg)
THE PROBLEM Existing Website Presence March 2016:
Background Usability Design Usability Results Moving Forward
![Page 13: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/13.jpg)
THE SOLUTION Create a mock-up website for the
Business Office
Background Usability Design Usability Results Moving Forward
![Page 14: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/14.jpg)
THE SOLUTION Create a mock-up website for the
Business Office and conduct a
Usability Study to evaluate and
see if it works.
Background Usability Design Usability Results Moving Forward
![Page 15: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/15.jpg)
Basic Process: 1. Watch participants 2. They perform tasks 3. Note their problems 4. Make recommendations 5. Iterate
WHAT IS A USABILITY STUDY?
Have any of you been a participant in a usability study?
Background Usability Design Usability Results Moving Forward
![Page 16: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/16.jpg)
WHAT IS A USABILITY STUDY?
Basic Process: 1. Watch participants 2. They perform tasks 3. Note their problems 4. Make recommendations 5. Iterate
Background Usability Design Usability Results Moving Forward
![Page 17: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/17.jpg)
WHAT IS A USABILITY STUDY?
Basic Process: 1. Watch participants 2. They perform tasks 3. Note their problems 4. Make recommendations 5. Iterate
Background Usability Design Usability Results Moving Forward
![Page 18: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/18.jpg)
WHY DID I DO A USABILITY STUDY?
...for the faculty, staff, and prospective/current students of
UH Maui College
Purpose was to evaluate the NEWLY created website’s ... usefulness,
ease of navigation,
and accessibility to
resources and links
Background Usability Design Usability Results Moving Forward
![Page 19: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/19.jpg)
TOOLS
PROS: Easy to manage Easy to build HTML Edit Source Tool
CONS: Limited Font Choice Limited Bullet Choices Lack of Animations
Background Usability Design Usability Results Moving Forward
![Page 20: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/20.jpg)
TOOLS
PROS: Easy to manage Easy to build HTML Edit Source Tool
CONS: Limited Font Choice Limited Bullet Choices Lack of Animations
Background Usability Design Usability Results Moving Forward
![Page 21: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/21.jpg)
TOOLS Data Collection Tool
Observation/Interview Sheet Participant’s Name: _____________________ Test date: _____________________ Starting time: ___________________________ Ending time: __________________ ____ Check if the consent form has been signed. Task #1: Initial Reactions Have you ever seen this Website before? ___ yes ___ no Please give me your initial impressions about the layout of this page and what you think of the colors, graphics, photos, etc? _____________________________________________________________________ _____________________________________________________________________ Without clicking on anything yet, please describe the options you see on the home page and what you think they do. _____________________________________________________________________ _____________________________________________________________________
Background Usability Design Usability Results Moving Forward
![Page 22: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/22.jpg)
Data Collection Tool Observation/Interview Sheet
Participant’s Name: _____________________ Test date: _____________________ Starting time: ___________________________ Ending time: __________________ ____ Check if the consent form has been signed. Task #1: Initial Reactions Have you ever seen this Website before? ___ yes ___ no Please give me your initial impressions about the layout of this page and what you think of the colors, graphics, photos, etc? _____________________________________________________________________ _____________________________________________________________________ Without clicking on anything yet, please describe the options you see on the home page and what you think they do. _____________________________________________________________________ _____________________________________________________________________
TOOLS
Background Usability Design Usability Results Moving Forward
![Page 23: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/23.jpg)
Data Collection Tool Observation/Interview Sheet
Participant’s Name: _____________________ Test date: _____________________ Starting time: ___________________________ Ending time: __________________ ____ Check if the consent form has been signed. Task #1: Initial Reactions Have you ever seen this Website before? ___ yes ___ no Please give me your initial impressions about the layout of this page and what you think of the colors, graphics, photos, etc? _____________________________________________________________________ _____________________________________________________________________ Without clicking on anything yet, please describe the options you see on the home page and what you think they do. _____________________________________________________________________ _____________________________________________________________________
TOOLS
Think Aloud Protocol Testing
Background Usability Design Usability Results Moving Forward
![Page 24: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/24.jpg)
Business & Fiscal Office Websites University of Hawai’i System
Best Practices:
Financial Management Office
UH CC System- Administrative Affairs
INFLUENCES
Background Usability Design Usability Results Moving Forward
![Page 25: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/25.jpg)
Subject Matter Experts:
Vice Chancellor
Fiscal Administrators
Accounts Payable & Receivable
Cashiers
Travel
PCard Specialists
Revenue Generating
INFLUENCES
Background Usability Design Usability Results Moving Forward
![Page 26: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/26.jpg)
ORIGINAL PROTOTYPE
Business Office Homepage
Background Usability Design Usability Results Moving Forward
Design Goals:
Populated with SME guidance
Consistency between pages
Links options
Created 8 pages
![Page 27: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/27.jpg)
ORIGINAL PROTOTYPE
Business Office Homepage
Background Usability Design Usability Results Moving Forward
![Page 28: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/28.jpg)
ORIGINAL PROTOTYPE
Cashier’s Office Homepage
Background Usability Design Usability Results Moving Forward
![Page 29: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/29.jpg)
ORIGINAL PROTOTYPE
Cashier’s Office Homepage
Background Usability Design Usability Results Moving Forward
![Page 30: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/30.jpg)
Forms Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 31: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/31.jpg)
PCard Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 32: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/32.jpg)
PCard Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 33: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/33.jpg)
Procurement Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 34: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/34.jpg)
Procurement Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 35: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/35.jpg)
Revenue Generating Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 36: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/36.jpg)
Travel Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 37: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/37.jpg)
Travel Homepage
ORIGINAL PROTOTYPE
Background Usability Design Usability Results Moving Forward
![Page 38: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/38.jpg)
WHO PARTICIPATED IN THE USABILITY STUDY?
Background Usability Design Usability Results Moving Forward Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
![Page 39: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/39.jpg)
WHO PARTICIPATED IN THE USABILITY STUDY?
12
Background Usability Design Usability Results Moving Forward Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
![Page 40: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/40.jpg)
Declined
Not Available
Not Available
Not Available
WHO PARTICIPATED IN THE USABILITY STUDY?
Background Usability Design Usability Results Moving Forward Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
![Page 41: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/41.jpg)
Round 1 Participants: Round 2 Participants:
WHO PARTICIPATED IN THE USABILITY STUDY?
Background Usability Design Usability Results Moving Forward
8
Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
![Page 42: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/42.jpg)
Student Affairs Vice Chancellor’s Office
Security
Information Services And Technology Science Tech Engineering
And Math (STEM)
WHO PARTICIPATED IN THE USABILITY STUDY?
Background Usability Design Usability Results Moving Forward
Round 1 Participants: Round 2 Participants:
Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
![Page 43: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/43.jpg)
Academic Affairs Vice Chancellor’s Office
Student Affairs Vice Chancellor’s Office
Facilities Maintenance
Human Resources
Financial Aid Office
Security
Information Services And Technology Science Tech Engineering
And Math (STEM)
WHO PARTICIPATED IN THE USABILITY STUDY?
Background Usability Design Usability Results Moving Forward
Round 1 Participants: Round 2 Participants:
Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
![Page 44: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/44.jpg)
Academic Affairs Vice Chancellor’s Office
Student Affairs Vice Chancellor’s Office
Facilities Maintenance
Human Resources
Financial Aid Office
Security
Information Services And Technology Science Tech Engineering
And Math (STEM)
TWO MALE
SIX FEMALE
WHO PARTICIPATED IN THE USABILITY STUDY?
Round 1 Participants: Round 2 Participants:
Participant Criteria: 1. Current UHMC employee
2. Knowledge in using a computer and the internet;
3. Interaction with business office services often;
4. Authorized PCard participant.
Background Usability Design Usability Results Moving Forward
![Page 45: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/45.jpg)
RESULTS Task Questions: Task 1 – Homepage Explore
Task 2 – Free to Explore
Task 3 – Procurement Task
Task 4 – Purchasing Card
Task 5 - Travel
Research Questions: 1. How easy or difficult was it to locate key features and resources
aligned with specific tasks/projects?
2. What information or areas were needed that would aid/assist in the
ease of the task/job/requirement you need to complete?
Background Usability Design Usability Results Moving Forward
![Page 46: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/46.jpg)
RESULTS Task Questions: Task 1 – Homepage Explore
Task 2 – Free to Explore
Task 3 – Procurement Task
Task 4 – Purchasing Card
Task 5 - Travel
Research Questions: 1. How easy or difficult was it to locate key features and resources
aligned with specific tasks/projects?
2. What information or areas were needed that would aid/assist in the
ease of the task/job/requirement you need to complete?
Background Usability Design Usability Results Moving Forward
![Page 47: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/47.jpg)
MODIFICATIONS
Participants comments from Round 1: ➔ “Color is nice and easy to read but would be easier if it was on a white background.” ➔ I’m not a fan of the “...”.
➔ “I like to have the address listed in an address stacked as it is a good copy/paste feature.” ➔ “The address is listed twice in the site footer.” ➔ “Bottom section font too big, make it smaller.”
➔ “Provide a description of what the page purpose and objective is.”
➔ “Place subpages on left side.” ➔ “Provide the subpage on the left side.”
➔ “Need access to links mostly used often.” ➔ “I always need eTravel and UH Kuali Portal link.”
Background Usability Design Usability Results Moving Forward
Original Prototype BEFORE
![Page 48: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/48.jpg)
MODIFICATIONS
Prototype 1
MODIFICATIONS TO ORIGINAL:
1. Changed To A White Background
Background Usability Design Usability Results Moving Forward
AFTER
Original Prototype BEFORE
![Page 49: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/49.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
1. Changed To A White Background
2. Removed “…”
Background Usability Design Usability Results Moving Forward
Prototype 1 AFTER
Original Prototype BEFORE
![Page 50: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/50.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
1. Changed To A White Background
2. Removed “…”
3. Changed Sub-heading Color To Ada Compliant Color
Background Usability Design Usability Results Moving Forward Original Prototype
BEFORE
![Page 51: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/51.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
1. Changed To A White Background
2. Removed “…”
3. Changed Sub-heading Color To Ada Compliant Color
Background Usability Design Usability Results Moving Forward
Prototype 1 AFTER
![Page 52: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/52.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
4. Made footer font smaller, stacked address and did not list twice
Original Prototype BEFORE
Prototype 1 AFTER
Background Usability Design Usability Results Moving Forward
![Page 53: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/53.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
4. Made footer font smaller, stacked address and did not list twice
5. Add description of page
Original Prototype BEFORE
Prototype 1 AFTER
Background Usability Design Usability Results Moving Forward
![Page 54: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/54.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
4. Made footer font smaller, stacked address and did not list twice
5. Add description of page
6. Move links to left side of page
Original Prototype BEFORE
Prototype 1 AFTER
Background Usability Design Usability Results Moving Forward
![Page 55: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/55.jpg)
MODIFICATIONS
MODIFICATIONS TO ORIGINAL:
4. Footer smaller font, address stacked and not listed twice
5. Add description of page
6. Move links to left side of page & added them to description
Original Prototype BEFORE
Prototype 1 AFTER
Background Usability Design Usability Results Moving Forward
![Page 56: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/56.jpg)
MAJOR MODIFICATIONS TO PCARD PAGE:
1. Less subpages
10
MAJOR MODIFICATIONS
6
BEFORE
AFTER
Original Prototype
Final Prototype
Background Usability Design Usability Results Moving Forward
![Page 57: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/57.jpg)
MAJOR MODIFICATIONS TO PCARD PAGE:
1. Less subpages and
made “Read More” links to pages with more information
MAJOR MODIFICATIONS
Original Prototype BEFORE
Final Prototype AFTER
Background Usability Design Usability Results Moving Forward
![Page 58: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/58.jpg)
MAJOR MODIFICATIONS
MAJOR MODIFICATIONS TO PCARD PAGE:
1. Less subpages and
made “Read More” links to pages with more information
2. Remove Admin Procedures from Main Area to the side.
Original Prototype BEFORE
Final Prototype AFTER
Background Usability Design Usability Results Moving Forward
![Page 59: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/59.jpg)
MODIFICATIONS TO FINAL
MODIFICATIONS TO FINAL:
1. Added 3 more important links
9
12
Directory R25 Room Scheduler UH PCard Site
Prototype 1 BEFORE
Final Prototype AFTER
Background Usability Design Usability Results Moving Forward
![Page 60: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/60.jpg)
MODIFICATIONS TO FINAL:
1. Added 3 more important links
2. Add Google Maps location link
Google.com/maps MODIFICATIONS TO FINAL
Final Prototype AFTER
Background Usability Design Usability Results Moving Forward
![Page 61: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/61.jpg)
MODIFICATIONS TO FINAL:
1. Added 3 more important links
2. Add Google Maps location link
3. Add eTravel link before explanation
MODIFICATIONS TO FINAL
Prototype 1 BEFORE
Final Prototype AFTER
Background Usability Design Usability Results Moving Forward
![Page 62: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/62.jpg)
RESULTS
Task 5 = 58% Increase in Ease
Task 3 & 4 = 36% Increase in Ease
Observation Sheet:
Background Usability Design Usability Results Moving Forward
![Page 63: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/63.jpg)
RESULTS Post-Usability Survey:
Observation Sheet:
Background Usability Design Usability Results Moving Forward
![Page 64: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/64.jpg)
“Great job – Can’t wait for it to go LIVE!”
“This site is going to be SO USEFUL!
RESULTS Post-Usability Survey:
Observation Sheet:
Background Usability Design Usability Results Moving Forward
![Page 65: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/65.jpg)
“Great website – Can’t wait to use it!”
RESULTS Post-Usability Survey:
Observation Sheet:
Background Usability Design Usability Results Moving Forward
![Page 66: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/66.jpg)
RESULTS
87.5% Agree
87.5% Agree
62.5% Agree
87.5% Agree
Post-Usability Survey:
Background Usability Design Usability Results Moving Forward
![Page 67: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/67.jpg)
FUTURE MODIFICATIONS Checklists
Training Videos
More Definitions
Sites & Forms
Background Usability Design Usability Results Moving Forward
![Page 68: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/68.jpg)
FUTURE MODIFICATIONS Checklists
Training Videos
More Definitions
Sites & Forms
Background Usability Design Usability Results Moving Forward
![Page 69: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/69.jpg)
FUTURE MODIFICATIONS Checklists
Training Videos
More Definitions
Sites & Forms
Background Usability Design Usability Results Moving Forward
![Page 70: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/70.jpg)
FUTURE MODIFICATIONS Checklists
Training Videos
More Definitions
Sites & Forms
Background Usability Design Usability Results Moving Forward
![Page 71: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/71.jpg)
FUTURE MODIFICATIONS Checklists
Training Videos
More Definitions
Sites & Forms
Background Usability Design Usability Results Moving Forward
![Page 72: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/72.jpg)
WHAT I LEARNED Usability is Awesome
Background Usability Design Usability Results Moving Forward
![Page 73: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/73.jpg)
WHAT I LEARNED Usability is Awesome
Think Out Loud Protocol
Background Usability Design Usability Results Moving Forward
![Page 74: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/74.jpg)
WHAT I LEARNED Usability is Awesome
Think Out Loud Protocol
Plans are Crucial
Background Usability Design Usability Results Moving Forward
![Page 75: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/75.jpg)
WHAT I LEARNED Usability is Awesome
Think Out Loud Protocol
Plans are Crucial Design Discoveries
Background Usability Design Usability Results Moving Forward
![Page 76: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/76.jpg)
WHAT I LEARNED Usability is Awesome
Think Out Loud Protocol
Plans are Crucial Design Discoveries
Website’s Importance
Background Usability Design Usability Results Moving Forward
![Page 77: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/77.jpg)
WHAT I LEARNED
Background Usability Design Usability Results Moving Forward
![Page 78: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/78.jpg)
THANK YOU
My LTEC Program: Dr. Lin Dr. Ho Dr. Fulford Dr. Hoffman Dr. Menchaca Dr. Leong Dr. Kimura Dr. Paek Kitty
Background Usability Design Usability Results Moving Forward
![Page 79: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/79.jpg)
THANK YOU
My LTEC Program My critical friends:
Pamela Terrado Sylvia Mata Kristel de Leon
My original cohort
Background Usability Design Usability Results Moving Forward
![Page 80: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/80.jpg)
THANK YOU
My LTEC Program My critical friends My original cohort My family
Background Usability Design Usability Results Moving Forward
![Page 81: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/81.jpg)
THANK YOU
My LTEC Program My critical friends My original cohort My family The audience
Background Usability Design Usability Results Moving Forward
![Page 82: Evaluating the Usability of a Newly Created Business …...Evaluating the Usability of a Newly Created Business Office Website Angela Gannon University of Hawai`i at Mānoa Learning](https://reader033.fdocuments.in/reader033/viewer/2022050214/5f602d5ba4a94137a447af4d/html5/thumbnails/82.jpg)
QUESTIONS? Email: [email protected] Final Prototype: https://sites.google.com/a/hawaii.edu/uh-maui-college-business-office/
Angela Gannon University of Hawai`i at Mānoa
Learning Design & Technology | Spring 2017
Background Usability Design Usability Results Moving Forward