[PPT] - Analyzing the Usability of UH Manoas Of6ice of the PowerPoint Presentation

SLIDE 1

Analyzing ¡the ¡Usability ¡

f ¡UH ¡Manoa’s ¡Of6ice ¡of ¡

the ¡Registrar’s ¡Website ¡

¡ ¡ ¡

Jus%n ¡Lau ¡ Learning ¡Design ¡& ¡Technology ¡| ¡Spring ¡2015 ¡ ¡ ¡

¡

SLIDE 2

Outline ¡

Background ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

AGE AGEND NDA A

SLIDE 3

Outline ¡

Background ¡
Usability ¡Study ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

AGE AGEND NDA A

SLIDE 4

Outline ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Background ¡
Usability ¡Study ¡
Design ¡

¡ AGE AGEND NDA A

SLIDE 5

Outline ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Background ¡
Usability ¡Study ¡
Design ¡
Moving ¡Forward ¡

AGE AGEND NDA A

SLIDE 6

(College ¡Student) ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 7

(College ¡Student) ¡

Contac%ng ¡Office ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 8

(College ¡Student) ¡

Contac%ng ¡Office ¡ Course ¡Descrip%ons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 9

(College ¡Student) ¡

Diploma ¡ Contac%ng ¡Office ¡ Course ¡Descrip%ons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 10

(College ¡Student) ¡

Diploma ¡ Enrollment ¡Verifica%ons ¡ Contac%ng ¡Office ¡ Course ¡Descrip%ons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 11

(College ¡Student) ¡

Diploma ¡ Gradua%on ¡ Enrollment ¡Verifica%ons ¡ Contac%ng ¡Office ¡ Course ¡Descrip%ons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 12

(College ¡Student) ¡

Transcripts ¡ Diploma ¡ Gradua%on ¡ Enrollment ¡Verifica%ons ¡ Contac%ng ¡Office ¡ Course ¡Descrip%ons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 13

(College ¡Student) ¡

Transcripts ¡ Diploma ¡ Gradua%on ¡ Enrollment ¡Verifica%ons ¡ Contac%ng ¡Office ¡ Course ¡Descrip%ons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Update ¡Student ¡Info ¡

How ¡did ¡I ¡choose ¡my ¡study? ¡

SLIDE 14

How ¡did ¡I ¡choose ¡my ¡study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 15

How ¡did ¡I ¡choose ¡my ¡study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 16

How ¡did ¡I ¡choose ¡my ¡study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 17

How ¡did ¡I ¡choose ¡my ¡study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 18

How ¡did ¡I ¡choose ¡my ¡study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 19

How ¡did ¡I ¡choose ¡my ¡study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 20

How ¡did ¡I ¡choose ¡my ¡study? ¡

Current ¡Office ¡of ¡the ¡Registrar ¡Website ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 21

How ¡did ¡I ¡choose ¡my ¡study? ¡

Current ¡Office ¡of ¡the ¡Registrar ¡Website ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 22

1) ¡ ¡Have ¡you ¡used ¡your ¡University’s ¡Office ¡of ¡the ¡ Registrar’s ¡website? ¡

A. Yes ¡
B. No ¡

Audience ¡Poll ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 23

Audience ¡Poll ¡

2) ¡ ¡For ¡those ¡of ¡you ¡that ¡have, ¡how ¡would ¡you ¡rate ¡ your ¡experience? ¡

A. Good ¡
B. Bad ¡
C. Neutral ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 24

What ¡is ¡a ¡Usability ¡Study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

“Watching ¡people ¡try ¡to ¡use ¡what ¡ you’re ¡crea%ng…with ¡the ¡inten%on ¡

f ¡making ¡it ¡easier ¡for ¡people ¡to ¡

use.” ¡

Krug, ¡S. ¡(2010). ¡Rocket ¡surgery ¡made ¡easy. ¡Berkeley, ¡CA: ¡New ¡Riders. ¡ ¡

SLIDE 25

What ¡is ¡a ¡Usability ¡Study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

1. Observe ¡par%cipants ¡

SLIDE 26

What ¡is ¡a ¡Usability ¡Study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

1. Observe ¡par%cipants ¡
2. Qualita%ve ¡tests ¡to ¡determine ¡problems ¡

SLIDE 27

What ¡is ¡a ¡Usability ¡Study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

1. Observe ¡par%cipants ¡
2. Qualita%ve ¡tests ¡to ¡determine ¡problems ¡
3. Make ¡adjustments ¡for ¡improvement ¡

SLIDE 28

What ¡is ¡a ¡Usability ¡Study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

1. Observe ¡par%cipants ¡
2. Qualita%ve ¡tests ¡to ¡determine ¡problems ¡
3. Make ¡adjustments ¡for ¡improvement ¡
4. Observe ¡& ¡test ¡again ¡

SLIDE 29

What ¡is ¡a ¡Usability ¡Study? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

1. Observe ¡par%cipants ¡
2. Qualita%ve ¡tests ¡to ¡determine ¡problems ¡
3. Make ¡adjustments ¡for ¡improvement ¡
4. Observe ¡& ¡test ¡again ¡
5. Repeat ¡cycle ¡

SLIDE 30

Audience ¡Poll ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

3) ¡ ¡Have ¡you ¡ever ¡been ¡a ¡part ¡of ¡a ¡usability ¡study? ¡

A. Yes, ¡I’ve ¡parCcipated ¡in ¡a ¡usability ¡study ¡
B. Yes, ¡I’ve ¡conducted ¡a ¡usability ¡study ¡
C. No, ¡I ¡have ¡no ¡clue ¡what ¡that ¡is ¡
D. Know ¡about ¡it, ¡but ¡have ¡not ¡par%cipated ¡or ¡

conducted ¡a ¡usability ¡study ¡

SLIDE 31

Purpose ¡of ¡Usability ¡Study ¡

Naviga%onal ¡Efficiency ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 32

Purpose ¡of ¡Usability ¡Study ¡

Naviga%onal ¡Efficiency ¡ User ¡Sa%sfac%on ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 33

Purpose ¡of ¡Usability ¡Study ¡

Naviga%onal ¡Efficiency ¡ User ¡Sa%sfac%on ¡ Organiza%on ¡of ¡Content ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 34

Out ¡with ¡the ¡Old ¡

Lack ¡of ¡pictures/graphics ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 35

Out ¡with ¡the ¡Old ¡

Lack ¡of ¡pictures/graphics ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 36

Out ¡with ¡the ¡Old ¡

Text ¡heavy ¡pages ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 37

Out ¡with ¡the ¡Old ¡

Text ¡heavy ¡pages ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 38

Out ¡with ¡the ¡Old ¡

Difficult ¡ ¡to ¡find ¡or ¡lack ¡of ¡links ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 39

Out ¡with ¡the ¡Old ¡

Difficult ¡ ¡to ¡find ¡or ¡lack ¡of ¡links ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 40

Out ¡with ¡the ¡Old ¡

Other ¡Common ¡Feedback ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 41

In ¡with ¡the ¡New ¡

New ¡Background ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 42

In ¡with ¡the ¡New ¡

New ¡Background ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 43

In ¡with ¡the ¡New ¡

Links ¡& ¡Pictures ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 44

In ¡with ¡the ¡New ¡

Links ¡& ¡Pictures ¡

Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡ Before ¡

SLIDE 45

In ¡with ¡the ¡New ¡

New ¡Graphics ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 46

In ¡with ¡the ¡New ¡

New ¡Graphics ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 47

In ¡with ¡the ¡New ¡

Menu ¡Bar ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 48

In ¡with ¡the ¡New ¡

Menu ¡Bar ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 49

In ¡with ¡the ¡New ¡

NoCceable ¡PDF ¡Links ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 50

In ¡with ¡the ¡New ¡

NoCceable ¡PDF ¡Links ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 51

In ¡with ¡the ¡New ¡

Created ¡PDF ¡Links ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 52

In ¡with ¡the ¡New ¡

Created ¡PDF ¡Links ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 53

In ¡with ¡the ¡New ¡

ReformaNed ¡InformaCon ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 54

In ¡with ¡the ¡New ¡

ReformaNed ¡InformaCon ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 55

In ¡with ¡the ¡New ¡

Eliminated ¡Unnecessary ¡Text ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 56

In ¡with ¡the ¡New ¡

Eliminated ¡Unnecessary ¡Text ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 57

In ¡with ¡the ¡New ¡

Added ¡More ¡

Before ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 58

In ¡with ¡the ¡New ¡

Added ¡More ¡

Before ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 59

In ¡with ¡the ¡New ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡ Before ¡

Added ¡More ¡

SLIDE 60

In ¡with ¡the ¡New ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡ Before ¡ Ager ¡

Added ¡More ¡

SLIDE 61

In ¡with ¡the ¡New ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡ Before ¡ Ager ¡

Added ¡More ¡

SLIDE 62

In ¡with ¡the ¡New ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡ Before ¡ Ager ¡

Added ¡More ¡

SLIDE 63

In ¡with ¡the ¡New ¡

Contact ¡Us ¡

Added ¡More ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 64

In ¡with ¡the ¡New ¡

Contact ¡Us ¡

Added ¡More ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 65

What’s ¡next? ¡

Before ¡

Provide ¡Specific ¡Dates ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 66

What’s ¡next? ¡

Before ¡ Semester ¡Graduated ¡ Diploma ¡Release ¡Date ¡ Spring ¡2014 ¡ ~July ¡18, ¡2014 ¡ Summer ¡2014 ¡ ~October ¡17, ¡2014 ¡ Fall ¡2014 ¡ ~March ¡2, ¡2015 ¡ Spring ¡2015 ¡ ~July ¡27, ¡2015 ¡ Ager ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Provide ¡Specific ¡Dates ¡

SLIDE 67

What’s ¡next? ¡

Current ¡

Convenient ¡OpCons ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 68

What’s ¡next? ¡

Current ¡

Email ¡to: ¡

¡

uhmrec@hawaii.edu ¡

Convenient ¡OpCons ¡

Future ¡ Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

SLIDE 69

What’s ¡next? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Convenient ¡OpCons ¡

SLIDE 70

What ¡have ¡I ¡learned? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Changes ¡takes ¡%me ¡

SLIDE 71

What ¡have ¡I ¡learned? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Changes ¡takes ¡%me ¡
Everyone ¡malers ¡

SLIDE 72

What ¡have ¡I ¡learned? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Changes ¡takes ¡%me ¡
Everyone ¡malers ¡
Don’t ¡be ¡offended; ¡change ¡is ¡a ¡good ¡thing ¡

SLIDE 73

What ¡have ¡I ¡learned? ¡

Background ¡| ¡Usability ¡Study ¡| ¡Design ¡| ¡Moving ¡Forward ¡

Changes ¡takes ¡%me ¡
Everyone ¡malers ¡
Don’t ¡be ¡offended; ¡change ¡is ¡a ¡good ¡thing ¡
Usability ¡study ¡= ¡lots ¡of ¡tes%ng ¡

SLIDE 74

Thank ¡you! ¡

SLIDE 75

Thank ¡you! ¡

LTEC ¡instructors/peers ¡

SLIDE 76

Thank ¡you! ¡

Cri%cal ¡friends ¡ LTEC ¡instructors/peers ¡

SLIDE 77

Thank ¡you! ¡

Cri%cal ¡friends ¡ LTEC ¡instructors/peers ¡ Study ¡rooms ¡

SLIDE 78

Thank ¡you! ¡

Cri%cal ¡friends ¡ LTEC ¡instructors/peers ¡ Starbucks/caffeine ¡ Study ¡rooms ¡

SLIDE 79

Comments/Ques%ons? ¡

jus%nla@hawaii.edu ¡ ¡