USABILITY STUDY OF A STUDENT- CENTERED CAREER RESOURCE WEBSITE FOR - - PowerPoint PPT Presentation

usability study of a student centered career resource
SMART_READER_LITE
LIVE PREVIEW

USABILITY STUDY OF A STUDENT- CENTERED CAREER RESOURCE WEBSITE FOR - - PowerPoint PPT Presentation

USABILITY STUDY OF A STUDENT- CENTERED CAREER RESOURCE WEBSITE FOR FACULTY AND STAFF Hk Hobbs University of Hawaii at Mnoa LTEC 690 Spring 2019 Introduction Introduction Hk Hobbs Background 3 rd year LTEC Masters Student


slide-1
SLIDE 1

Hōkū Hobbs University of Hawaiʻi at Mānoa LTEC 690 Spring 2019

USABILITY STUDY OF A STUDENT- CENTERED CAREER RESOURCE WEBSITE FOR FACULTY AND STAFF

slide-2
SLIDE 2

Introduction

slide-3
SLIDE 3

Hōkū Hobbs Background

  • 3rd year LTEC Master’s Student
  • Recreation Management
  • Quality Assurance
  • Education

Introduction

slide-4
SLIDE 4

Purpose Statement The purpose of this usability study was to evaluate a resource website of self- assessment tools and career related resources for UHMC faculty and staff who actively assist students in career exploration, planning and decision-making

Topic

Introduction

slide-5
SLIDE 5

Introduction What do you want to be when you grow up?

Do you remember being asked the question…

slide-6
SLIDE 6

Introduction

Audience Poll

Select the participant option located on the Zoom navigation

  • bar. If it is hidden move your

mouse toward the bottom of the

  • screen. Select YES or NO
slide-7
SLIDE 7

Statement of the Problem

Faculty and staff at the University of Hawai`i Maui College (UHMC) are confronted with the challenges students face of college life and careers

  • Career committee team formed
  • Faculty and staff from diverse academic

and professional backgrounds.

  • Resource: Google Drive, email, and bi-

monthly meetings.

  • A resource website created
  • Help reorganize access to career-related

resources and material

  • Infuse technology-based training and

development

Introduction

slide-8
SLIDE 8

Literature Review

slide-9
SLIDE 9
  • 1. Career Exploration Planning
  • Educating college students

around career development should involve multiple stakeholders (Stebleton & Diamond,

2018)

  • Connection to educators having

a positive influence on the educational and career ambitions of students

Literature Review

I N I N T T E E R R E E S S T T E X E X P E R P E R I I E N E N C C E E GO GOALS S K S K I I L L L L S S ED EDUCATION V A V A L L U U E E S S

CAR CAREER

slide-10
SLIDE 10
  • 2. Technology & Professional Development
  • Recruiting and training of faculty committed

to activities will create a collegiate environment that will have a dramatic impact on student learning (Umbach &

Wawrzynski, 2005)

  • Increased use of technological applications

in education, infusing technology into recruitment strategies helps generate faculty and staff interest

Literature Review

slide-11
SLIDE 11
  • 3. Usability Testing
  • The usability field has matured

significantly in both the academic world and product development practice (van Kujik, Christiaans, Kanis &

van Eijk, 2007)

  • Usability testing is an important

element to producing and maintaining consistent computer- based training and learning

X

Literature Review

slide-12
SLIDE 12
  • 4. Accessibility
  • Web accessibility is one of the

most significant aspects of modern web development

  • Accessibility guidelines and

best practices need to be integrated into regular content lifecycle to provide a user experience that allows people to achieve their goals (Ng, 2017)

Literature Review

slide-13
SLIDE 13

Methodology

slide-14
SLIDE 14

Research Questions

  • 1. Are the learners able to use

the website efficiently and easily to complete basic and complex tasks while navigating within and between site modules?

  • 2. How are the tools and

resources provided to learners able to further assist student career exploration?

?

Methodology

slide-15
SLIDE 15

Content Analysis Styles and strategies to engage learner participation:

Methodology

  • Videos
  • Graphics
  • Text
  • Links
  • Resources
slide-16
SLIDE 16

Cognitive

  • Familiarity
  • Followed Direction
  • Range of Technical Skills

Methodology

Affective

  • Enthusiasm
  • Awareness
  • Motivated to Share
  • Passion (Student Success

beyond academia) Domains of Learning

slide-17
SLIDE 17

Recruitment and Participants

  • Target audience: Current and

prospective UHMC faculty, staff, and career committee members

  • Recruitment: Email and in
  • person. With 9 participants
  • Text message (Time &

Location): Third round participants, due to testing modifications.

  • Testing done in person, using

Google Screencastify

Methodology

slide-18
SLIDE 18

Evaluation Instruments:

Methodology

slide-19
SLIDE 19

Evaluation Instruments

continued…

Methodology

slide-20
SLIDE 20

Usability Protocol Task – (Krugs facilitator script)

  • Pre Task: Figure out by browsing through the homepage

what the website is about

  • Task 1: Locate information about different types of self-

assessments tools

  • Task 2: Locate information about career exploration

resources

  • Task 3: Click on self-assessment tools
  • Task 4: Access information about the STRONG Interest

Inventory assessment

Methodology

slide-21
SLIDE 21

Usability Protocol Task- continued…

  • Task 5: Find further information about MBTI

assessment result readings

  • Task 6: Access internship information
  • Task 7: Find information about the difference

between an internship and volunteering

  • Task 8: Find information about obtaining or

remaining current in assessment and certification

  • Task 9: Where to go to share ideas and obtain

feedback from colleagues

Methodology

slide-22
SLIDE 22

Usability Rating Scale Severity of problems: Molich, Jeffries and Dumas (2007) recommended scale

  • Delayed user briefly
  • Delayed user significantly but

eventually allowed user to complete task

  • Prevented user from completing

task Additional components

  • N/A: No issues
  • Task completion in seconds

Catastrophic Serious Minor No Issues

Methodology

slide-23
SLIDE 23

Usability Measurement Based on Nielsen’s Usability Testing Method

  • Task unevenly performed
  • Identify acceptable task time
  • 0-10 seconds: No issues
  • 11-21 seconds: Minor
  • 21-160 seconds: Serious
  • 160 +: Catastrophic

Methodology

slide-24
SLIDE 24

Results

slide-25
SLIDE 25

Results

Pre-survey Demographic 11% 45% 22% 22% Age

18-29 30-39 40-49 50 and above

33% 45% 22%

UHMC Association

0-12 months 2-5 years 6-10 years More than 10 years

slide-26
SLIDE 26

Results

11.1 22.2 66.7 Novice Advanced beginner Competent Proficient Expert 10 20 30 40 50 60 70 80 Computer Proficiency 11.1 33.3 44.4 22.2 5 10 15 20 25 30 35 40 45 50 Novice Advanced beginner Competent Proficient Expert Internet Confidence

Pre-survey Demographic (continued…)

slide-27
SLIDE 27

Results

100 100 20 40 60 80 100 120

Desktop/Laptop computer Mobile: Tablet, iPad, Smartphone

Internet Access Type

77.8 44.4 100 55.6 66.7 44.4 100 20 40 60 80 100 120

S h

  • p

p i n g N e w s W

  • r

k S

  • c

i a l M e d i a R e s e a r c h E n t e r t a i n m e n t E m a i l O t h e r :

Internet Activity Pre-survey Demographic (continued…)

slide-28
SLIDE 28

Results

4 1.22 1.33 1.66 3.88 23.11 14.88 4.44 27 8.9 2.78 0.62 0.94 1.24 5.52 44.4 10.09 7.41 38.08 5.23

10 20 30 40 50 60

Pre Task Task 1 Task 2 Task 3 Task 4 Task 5 Task 6 Task 7 Task 8 Task 9

Time in Seconds Task Time: Average Rounds 1, 2, & 3 Average Standard Deviation

slide-29
SLIDE 29

Results

1 2 3 4 5 6 7 8 9 Pre Task Task 1 Task 2 Task 3 Task 4 Task 5 Task 6 Task 7 Task 8 Task 9 # of Participants

Severity of Problems Rating Scale

Minor Serious Catastrophic No Issues

slide-30
SLIDE 30

Results

Characteristics Section Average Round 1 Section Average Round 2 Section Average Round 3 Website is visually appealing 4.95 4.75 4.75 (=↓) Text is clearly written Images are interesting and relatable to topic Organization of information is clear

1= strongly disagree; 2= somewhat disagree, 3= somewhat agree; 4= agree, 5= strongly agree

User Experience: Design Layout

slide-31
SLIDE 31

Results

Characteristics Section Average Round 1 Section Average Round 2 Section Average Round 3 Main Navigation is easily identifiable 4.26 4.53 4.93 (↑) Navigation labels are clear and concise Number of buttons/links are reasonable Links are consistent and easy to identify Site search is easy to access

1= strongly disagree; 2= somewhat disagree, 3= somewhat agree; 4= agree, 5= strongly agree

User Experience: Navigation

slide-32
SLIDE 32

Results

Characteristics Section Average Round 1 Section Average Round 2 Section Average Round 3 Website is user-friendly 5.0 4.66 5.0 (=↑) Website has a clean and simple presentation

1= strongly disagree; 2= somewhat disagree, 3= somewhat agree; 4= agree, 5= strongly agree

User Experience: Ease of Use

slide-33
SLIDE 33

Results

Characteristics Section Average Round 1 Section Average Round 2 Section Average Round 3 Information on the website is useful 4.8 4.26 5.0 (↑) It is easy to find information on the web I felt comfortable navigating website I would use information on the website in my class/workshop/one-on-one sessions Website is effective in providing instructions strategies to learners with disabilities

1= strongly disagree; 2= somewhat disagree, 3= somewhat agree; 4= agree, 5= strongly agree

User Experience: Effectiveness

slide-34
SLIDE 34

Results

Characteristics Section Average Round 1 Section Average Round 2 Section Average Round 3 Instructions and guidelines for participating in the usability testing were clear 5.0 4.67 4.66 (↓)

1= strongly disagree; 2= somewhat disagree, 3= somewhat agree; 4= agree, 5= strongly agree

User Experience: Study Participation

slide-35
SLIDE 35

Results

4.81 4.57 4.88 4.68 4.77 1 2 3 4 5

Design Layout Navigation Ease of Use Effectiveness Study Participation Characteristics Likert Scale 1= strongly disagree; 2= somewhat disagree, 3= somewhat agree; 4= agree, 5= strongly agree

Post Survey User Experience: Average Rounds 1, 2 & 3

slide-36
SLIDE 36

Results

User Experience: Qualitative Results

slide-37
SLIDE 37

Project

slide-38
SLIDE 38
  • Wireframe.cc
  • Left side navigation

menu

  • Search Bar

Project

slide-39
SLIDE 39
  • Homepage

image (cover)

  • Side

navigation bar

  • Text over

image

  • Arrow to

additional homepage information

  • Search

Project

Original Prototype

slide-40
SLIDE 40
  • Homepage side

navigation menu

  • Forms &

Templates subpage

Project

Original Prototype

slide-41
SLIDE 41

Revisions

  • Homepage

image (banner)

  • Top

navigation menu

  • Text below

image

  • Ability to see
  • ptions below

and scroll

Project

slide-42
SLIDE 42

Revisions

  • Subpage options
  • Forms &

templates

  • + About

Project

slide-43
SLIDE 43

Pre Task

Project

Before After

slide-44
SLIDE 44

TASK 1, 3, 4, 5

Project

Before After

slide-45
SLIDE 45

TASK 2, 6, 7

Project

Webpage Subpage

slide-46
SLIDE 46

TASK 8

Project

Before After

slide-47
SLIDE 47

TASK 9

Project

Before After

slide-48
SLIDE 48

Discussion

slide-49
SLIDE 49

Lessons Learned

  • Website Platform: strengths and

weaknesses

  • Usability Task: questions, verbiage,

performance goals and measures

  • Flexibility
  • Data Collection: appropriate and

relatable

Discussion

slide-50
SLIDE 50

Discussion

Conclusion

  • Overall positive user experience
  • Implementation and integration
  • Related training and development

(what, how, who)

  • Additional technology-based VR,

AR training and development https://sites.google.com/view/uhmccareerexplore/home Interest Future T i m e User Experience

slide-51
SLIDE 51

Discussion

As a parent, coach, mentor, educator

  • r influencer…

Have you asked anyone the question…

What do you want to be when you grow up?

slide-52
SLIDE 52

Discussion

Audience Poll

Select the participant option located on the Zoom navigation

  • bar. If it is hidden move your

mouse toward the bottom of the

  • screen. Select YES or NO
slide-53
SLIDE 53

Discussion How have you assisted that individual(s) with their career exploration? Final Thoughts… What steps have you taken to familiarize yourself with available career exploration tools and resources?

slide-54
SLIDE 54

?? ?

MAHALO