1. Website Usability Evaluation of the two
free online karaoke:KaraFun and
Cantanding

2. • To evaluate
Objective: online KaraFun
and cantanding
• Time constraints
Limitations: • Study consist of
five respondents

3. Methods Used:
• Think-aloud Method - (Think aloud protocols involve
participants thinking aloud as they are performing a
set of specified tasks. Users are asked to say
whatever they are looking at, thinking, doing, and
feeling, as they go about their task.)
• Checklist and Interview

4. • Is a free online website that lets you turn your
computer into a karaoke machine.
• Offers a built-in solution for creating and
KaraFun playing songs into karaoke mode.
• is the free Online Karaoke that allows users to
listen to music online without downloading
and watch the lyrics in real time. Singing
cantanding Karaoke with lyrics has never been so easy !

5. Features:
KaraFun
 Supports for more than
one monitor, tv, projector. cantanding
Manages files using it's 100% Compatible
playlists (KPL,M3U) with Android Devices,
Track information at the iPhone, iPad, iPod Touch,
beginning of the song PC, Mac, Linux,
Playstation 3 and Smart
 13,000 Karaoke songs
TV.
available
Hundreds of Thousands
Practical mode for easy of Karaoke Songs
reading available. English,
Compatible with Spanish, French, Italian,
Apple,Android Japanese.
 The voice
recording,realtime pitch
and tempo change

6. PRODUCTS

8. Statement of the Problem:
Which of the two website free online karaoke are
the users more satisfied in terms of Accessibility,
Identify, Navigation, Content ?
Which of the two website free online karaoke can
the users quickly perform the tasks to be done?
Which of the two website free online karaoke is
more preferred by the users?

9. Methodology
The test took place in University of San Jose-
Recoletos. Using one hp Pavilion g4 laptop and a
smart broadband . A think a loud method was
used in which the users described their thoughts
after they did the task.
After completing the tasks, a formulated checklist
was answered and actual observation in the work
area was conducted personally to gather the
needed information.

10. Research Respondents
The checklist was answered by five (5)
selected respondents who are never
experience using the two free online
karaoke: KaraFun and cantanding.
Since these people are new users of
the website free online karaoke they
are qualified to be the respondents of
the study.

11. Respondents
Name Gender Age Occupation
Christy Guinitaran Female 22 Student
Irene Hamelarin Female 22 Student
Japhet Palacio Male 21 Student
Hazel Gail Rosal Female 19 Student
Joseph Godinez Male 23 Student

12. Presentation, Analysis and
Interpretation of Data

13. Task
1. Explore the website
2. Search a song (My Valentine by Paul McCartney)
3. Play the song

14. To search a song

15. To Play the Song

16. Weights Range Scale Description
5 4.21 – 5.00 Very Satisfied (VS) If the free online karaoke
website contribute
totally to the user’s
satisfaction
4 3.41 – 4.20 Satisfied (S) If the free online karaoke
website contribute to a large
extent to the user’s
satisfaction
3 2.61 – 3.40 No Opinion (NO) If the free online karaoke
website contribute to a
moderate extent to the
user’s satisfaction
2 1.81 – 2.60 Unsatisfied (U) If the free online karaoke
website contribute to a less
extent to the user’s
satisfaction
1 1.00 – 1.80 Very Unsatisfied (VU) If the free online karaoke
website do not
contribute at all to the
user’s satisfaction

17. Results for Accessibility
CRITERIA KaraFun cantanding
Interpretation Interpretation
Ratings Ratings
1.Site load-time 4.2 Very satisfied 4.23 Very satisfied
2. Adequate text to background
5.0 Very satisfied 5.0 Very satisfied
contrast
3. Font size/spacing is easy to read 4.1 satisfied 5.0 Very satisfied
4.Flash & add-ons are used
2.61 No opinion 2.60 No opinion
sparingly
5.Images have appropriate ALT
4.90 Very satisfied 1.30 Very unsatisfied
tags
AVERAGE 4.16 Satisfied 3.63 satisfied

18. 5
4
3
4.16 Weight Range Scale
2 s 3.63 s
s 5 4.21 – 5.00 Very Satisfied (VS)
1
4 3.41 – 4.20 Satisfied (S)
0
3 2.61 – 3.40 No Opinion (NO)
karafun
cantanding
2 1.81 – 2.60 Unsatisfied (U)
1 1.00 – 1.80 Very Unsatisfied
(VU)
Results for Accessibility

19. Results for Identify
CRITERIA KaraFun cantanding
Interpretation Interpretation
Ratings Ratings
1.Company/website logo is
5.0 Very satisfied 5.0 Very satisfied
prominently placed
2. Tagline makes company’s
2.52 unsatisfied 5.0 Very satisfied
purpose clear
3. Home-page is digestible in 5
4.31 Very satisfied 1.21 unsatisfied
seconds
4.Clear path to company
4.93 Very satisfied 1.98 unsatisfied
information
5. Clear path to contact
4.87 Very satisfied 1.32 Very unsatisfied
information
AVERAGE 4.33 Very satisfied 2.90 No opinion

20. 5
4
3
Weight Range Scale
4.33 s
2 vs
5 4.21 – 5.00 Very Satisfied (VS)
2.90
1 no 4 3.41 – 4.20 Satisfied (S)
0 3 2.61 – 3.40 No Opinion (NO)
karafun
2 1.81 – 2.60 Unsatisfied (U)
cantanding
1 1.00 – 1.80 Very Unsatisfied
(VU)
Results for Identify

21. Results for Navigation
CRITERIA KaraFun cantanding
Interpretation Interpretation
Ratings Ratings
1.Main navigation is easily
3.44 satisfied 1.91 unsatisfied
identifiable
2. Navigation labels are clear &
3.55 satisfied 1.90 unsatisfied
concise
3. Number of buttons/links is
2.65 No opinion 2.60 No opinion
reasonable
4.Company logo is linked to home-
5.0 Very satisfied 1.81 unsatisfied
page
5. Links are consistent & easy to
4.21 Very satisfied 4.11 satisfied
identify
6. Site search is easy to access 4.92 Very satisfied 4.92 Very satisfied
AVERAGE 4.75 Very satisfied 3.45 satisfied

22. 5
4
3 Weight Range Scale
4.75 s
vs 5 4.21 – 5.00 Very Satisfied (VS)
2
3.45
s 4 3.41 – 4.20 Satisfied (S)
1
3 2.61 – 3.40 No Opinion (NO)
0
2 1.81 – 2.60 Unsatisfied (U)
karafun
cantanding
1 1.00 – 1.80 Very Unsatisfied
(VU)
Results for Navigation

23. Results for Content
CRITERIA KaraFun cantanding
Interpretation Interpretation
Ratings Ratings
1.Major headings are clear &
3.42 satisfied 2.52 unsatisfied
descriptive
2. Critical content is above the
3.40 No opinion 1.79 Very unsatisfied
“fold”
3. Styles & colors are consistent 5.0 Very satisfied 1.80 Very unsatisfied
4.Emphasis (bold,etc.) is used
4.8 Very satisfied 3.40 No opinion
sparingly
5. Ads & pop-ups are unobtrusive 1.0 Very unsatisfied 1.0 Very unsatisfied
6. Main copy is concise &
4.67 Very satisfied 1.84 unsatisfied
explanatory
7.URL’s are meaningful & user-
5.0 Very satisfied 3.41 satisfied
friendly
8. HTML page titles are explanatory 4.85 Very satisfied 1.96 unsatisfied
AVERAGE 3.56 satisfied 2.22 unsatisfied

24. 5
4
3
Weight Range Scale
2 3.56 s
s
5 4.21 – 5.00 Very Satisfied (VS)
1 2.22
us 4 3.41 – 4.20 Satisfied (S)
0 3 2.61 – 3.40 No Opinion (NO)
karafun 2 1.81 – 2.60 Unsatisfied (U)
cantanding
1 1.00 – 1.80 Very Unsatisfied
(VU)
Results for Content

25. 5
Weight Range Scale
4
s
5 4.21 – 5.00 Excellent (E)
3
4 3.41 – 4.20 Good (G)
4.21
2 E 3 2.61 – 3.40 Satisfying (S)
3.05
S 2 1.81 – 2.60 Poor (P)
1
1 1.00 – 1.80 Unusable (U)
0
KaraFun
catanding
Overall Performance

26. TASK DURATION
TASK USER 1 USER 2 USER 3 USER 4 USER 5
karaFun Cantan karaFun Cantan karaFun Cantan karaFun Cantan karaFun Cantan
ding ding ding ding ding
TASK 0:28 0:52 0:38 0:35 0:59 0:32 1:12 1:05 0:33 0:28
1
TASK 1:05 1:32 1:07 1:32 1:21 1:13 3:45 1:00 1:01 1:23
2
TASK 0:10 0:05 0:07 0:09 0:06 0:10 0:06 0:10 0:15 0:12
3
TOTA 1:53 2:29 1:52 2:16 2:26 1:55 5:03 2:15 1:49 2:03
L
TIME

27. THINK A LOUD METHOD AND INTERVIEW RESULTS
Questions User 1 User 2 User 3 User 4 User 5
1. Which free online karaoke
was the easiest to use? Why? KaraFun because KaraFun because Cantanding Cantanding KaraFun because
it is easy to use for me it is easy to because when I because easy to easy to search a
use open the website find a song song you wanted
it is easy to search to play.
a song
2. Which free online karaoke KaraFun because KaraFun because Cantanding Cantanding KaraFun because
would you rate the best? the different I like the features because of the because of the of the different
why? features is offered features; features; features.
compatible with availability of
my phone different
languages is
offered
3. Which features of karaFun The background The pitch; the The pitch; there is Have a signal sign Have a signal or
did you like? when I play the features; the a signal sign when the you play sign when the
song and a signal background; the song. song started to
to start the song. there is a signal play. The tempo
Many songs when the song and pitch
available started to play change.
4. Which features of karaFun There’s no icon on Don’t have a icon None Do not have a No icon on
did you dislike? searching a song which is to search icon to search a searching a song
song
5. Which features of It is easy to search Easy but I don’t A friendly to use; None It is an easy to use.
cantanding did you like? a song. like the website
6. Which features of The design of the none The website None The design of the
cantanding did you dislike? website . design. website. No
adjustable tempo
and pitch.

28. Findings and Conclusions

29. Which of the two
website free online
karaoke are the users
more satisfied in terms
of Accessibility, Which of the two
Identify, Navigation, website free online
Content and task karaoke can the Which of the two
completion? users quickly website free online
Based on the perform the tasks to karaoke is more
results found in be done? preferred by the
tables 1 , the users?
 Based on the
users were more
results found in Based on the
satisfied with the
table 5, three out results in tables
two free online
five users 4 and 6, the
karaoke. Table 2 ,
consumed lesser users prefer to
the users were
time in using the
very satisfied on use the
KaraFun
the KaraFun.
compared to the
KaraFun than
Table 3 , the
cantanding the cantanding
users were very
satisfied on the
KaraFun. Table 4,
the users were
satisfied on the FINDINGS
KaraFun.

30. CONCLUSIONS
Based on the results presented, the study
shows that KaraFun is more usable than
cantanding. KaraFun satisfies the users
more, easy to use and provides better
performance than cantanding, as rated
by the users.

31. RECOMMENDATIONS
Karafun cantanding
 Put a website information to
identify
 Add icon which is to
“search” to access easy  Add icons to access easy
 Add main navigation to easily
identifiable
 Navigation labels should be
clear and concise
 Add a signal/sign start to singing