Human and Computer

Interaction
Group 3
Daryl Ivan E. Hisola (daryhsoa@gma.com / 0909.223.7828)
Melton B. Llenos (meton.enos@crs.org / 0917.531.9267)
Ruel Cadiz (ruerofcadz@gma.com / 0942.722.3807)
Sandra olcanain (s|ocanan162@gma.com / 0917.636.1640)
Moc! "sa#ility $est
Directions
Ths s a mock usabty test n whch you are supposed to gauge the usabty
of Blue%oda. Undergo the exercse, notng the dffcutes, probems, and
chaenges that confront you as you go aong. You w probaby encounter
smar stuatons when you conduct your own test.
$est &lan
&urpose
The purpose of ths test s to determne the usabty of the Blue%oda.
&ro#lem statement ' $est o#(ectives
The purpose of ths test s to determne whether a novce user can create a
persona profe. We woud ke to fnd out whether a novce user:
1. Create new pro|ect
2. Insert background
3. Create banner wth text
4. Create eft sde bar wth text
5. Create Soca Networkng Ste nk
6. Insert profe pcture
7. Insert content
8. Create rght sde bar wth text
9. Insert vdeos
"ser pro)ile
The target partcpant may be mae or femae, coege eve preferaby
computer reated courses. S/he shoud be abe to operate a computer but
shoud have tte or no pror experence n usng Blue%oda.
Met*odolo+y
For ths partcuar test, the group must assgn peope to pay the foowng
roes:
Test monitor. Ths s the person responsbe for admnsterng the test. The
test sub|ect w ony nteract wth the test montor. The test sub|ect w not
nteract wth any other member of the group.
Three data loggers. The data ogger takes notes regardng the test sub|ects
performance durng the test and durng the debrefng. These sectons w be
dscussed n greater deta ater. Data oggers w aso have to take the roe
of tmers.
$est &rocess
The test process s dvded nto 5 sectons: orentaton, gatherng of
background nformaton, testng and data coecton, post-testng, and
debrefng.
Orientation
The test process usuay begns wth a screenng questonnare. However,
because you are brngng your own test sub|ects, we wont be abe to screen
them anymore. We assume that they ft the crtera. The partcpant w be
brefed foowng an orentaton scrpt (see Blue%oda). Fee free to add other
orentaton nformaton that you thnk the test sub|ects w need.
Gathering of background information
As part of the orentaton, the test montor w ntervew the partcpant to
gather some background nformaton (see Bac!+round In)ormation
,uestionnaire).
Testing and data collection
The test montor shoud ensure that Blue%oda s aready runnng and s
actve on screen. Ask the partcpant st n front of a computer, besde the
test montor.
Foowng the drectons (see Directions )or t*e &articipant), the
partcpant w create a persona profe usng Blue%oda.
1. Usng the Data Collection Instrument -, one observer w perodcay
record the sub|ects affectve state.
2. Usng Data Collection Instrument ., the second observer w note
a. How ong t took for the partcpant to compete the task.
b. Whether the task was competed successfuy / unsuccessfuy.
c. Any probems or ssues that arose.
3. Usng Data Collection Instrument 3, one observer w perodcay
record whether the sub|ect s on-task or off-task.
Post-testing
After the partcpant competes a the tasks, s/he w be asked to answer the
post-test questonnare (see &ost/test). The purpose of the post-test s to
determne whether the software was ndeed usabe or not.
Debriefing
After the post-test, the partcpant w be ntervewed the foowng debrefng
questons (see De#rie)in+ ,uestions). The purpose of ths secton s to
gather quatatve data regardng the partcpant's experence. Once agan,
the partcpant w be encouraged to expound on hs/her answers. The data
ogger w take down the partcpants responses to the debrefng questons.
You can ask addtona questons.
Reportin+ o) results
The quanttatve and quatatve data w be summarzed and reported.
Recommendatons and suggestons for mprovement w be made based on
the fndngs of the test.
Blue%oda $est
Bac!+round In)ormation ,uestionnaire
Name (optona): _______________________________________
Age: _____
Gender: M / F
Hghest Educatona Attanment (check one):
______ Grade Schoo
______ Hgh Schoo
______ Coege
______ Graduate degree
Do you reguary use a computer? Y / N
If yes:
Pease rate you computer profcency:
Not profcent _____
Somewhat profcent _____
Very profcent _____
Have you used the program Blue%oda before? Y / N
Pease ndcate your eve of famarty wth the foowng terms by tckng the
approprate box.
$erm 0ot
)amiliar
Some1*
at
)amiliar
2amiliar %ery
)amiliar
Webpage
Tabe
Banner
Navgaton
Hypernk
Tempate
Mutmeda
Web browser
HTML
Data Collection Instrument -
1 2 3 4 5 6 7 8 9 10
BOR BOR BOR BOR BOR BOR BOR BOR BOR BOR
CON CON CON CON CON CON CON CON CON CON
ENG ENG ENG ENG ENG ENG ENG ENG ENG ENG
FRU FRU FRU FRU FRU FRU FRU FRU FRU FRU
DEL DEL DEL DEL DEL DEL DEL DEL DEL DEL
NEU NEU NEU NEU NEU NEU NEU NEU NEU NEU
11 12 13 14 15 16 17 18 19 20
BOR BOR BOR BOR BOR BOR BOR BOR BOR BOR
CON CON CON CON CON CON CON CON CON CON
ENG ENG ENG ENG ENG ENG ENG ENG ENG ENG
FRU FRU FRU FRU FRU FRU FRU FRU FRU FRU
DEL DEL DEL DEL DEL DEL DEL DEL DEL DEL
NEU NEU NEU NEU NEU NEU NEU NEU NEU NEU
21 22 23 24 25 26 27 28 29 30
BOR BOR BOR BOR BOR BOR BOR BOR BOR BOR
CON CON CON CON CON CON CON CON CON CON
ENG ENG ENG ENG ENG ENG ENG ENG ENG ENG
FRU FRU FRU FRU FRU FRU FRU FRU FRU FRU
DEL DEL DEL DEL DEL DEL DEL DEL DEL DEL
NEU NEU NEU NEU NEU NEU NEU NEU NEU NEU
Data Collection Instrument .

$as! $ime Success &ro#lem'Issues
1. Create new pro|ect
Start:
End:
Yes___
No___
None
2. Insert background
Start:
End:
Yes___
No___
Inserted mage
doesn't ft to defaut
browser
3. Create banner wth text
Start:
End:
Yes___
No___
No menu tem to
change banner
propertes
4. Create eft sde bar wth
text
Start:
End:
Yes___
No___
No menu tem to
change banner
propertes
5. Create Soca Networkng
Ste nk
Start:
End:
Yes___
No___
Wrong menu tem
used
6. Insert profe pcture
Start:
End:
Yes___
No___
None
7. Insert content
Start:
End:
Yes___
No___
None
8. Create rght sde bar wth
text
Start:
End:
Yes___
No___
No menu tem to
change banner
propertes
9. Insert vdeos
Start:
End:
Yes___
No___
It s dffcut to fnd
the vdeo propertes
10. Vew webste n web
browser
Start:
End:
Yes___
No___
None
Data Collection Instrument 3
1
ON TASK
16
ON TASK
OFF TASK OFF TASK
2
ON TASK
17
ON TASK
OFF TASK OFF TASK
3
ON TASK
18
ON TASK
OFF TASK OFF TASK
4
ON TASK
19
ON TASK
OFF TASK OFF TASK
5
ON TASK
20
ON TASK
OFF TASK OFF TASK
6
ON TASK
21
ON TASK
OFF TASK OFF TASK
7
ON TASK
22
ON TASK
OFF TASK OFF TASK
8
ON TASK
23
ON TASK
OFF TASK OFF TASK
9
ON TASK
24
ON TASK
OFF TASK OFF TASK
10
ON TASK
25
ON TASK
OFF TASK OFF TASK
11
ON TASK
26
ON TASK
OFF TASK OFF TASK
12
ON TASK
27
ON TASK
OFF TASK OFF TASK
13
ON TASK
28
ON TASK
OFF TASK OFF TASK
14
ON TASK
29
ON TASK
OFF TASK OFF TASK
15
ON TASK
30
ON TASK
OFF TASK OFF TASK
Blue%oda $est
&ost/test
0ame 3optional4 _________________________________________
Directions5 Put a check mark under the eve of dffcuty that you had wth the tasks ndcated
beow.
$as! %ery
Di))iculty
Di))icult 0eutral Easy %ery
Easy
1. Create new pro|ect
2. Insert background
3. Create banner wth text
4. Create eft sde bar wth
text
5. Create Soca Networkng
Ste nk
6. Insert profe pcture
7. Insert content
8. Create rght sde bar wth
text
9. Insert vdeos
10. Vew webste n web
browser
Blue%oda $est
De#rie)in+ ,uestions
Dd you understand the task that you were supposed to perform? If not, expan.
Dd you have some ntutve sense of what you were supposed to do? Expan.
At what ponts dd you have probems wth the task? What do you suppose caused these
probems?
Overa, dd you have a hard tme or an easy tme usng Blue%oda? Expan
"se)ulness6 Satis)action6 and Ease o) "se questonnare
Webste: Blue%oda
Man Purpose: 7e#site Builder
Note: In every queston, pease check your answers on the correspondng box of the foowng
choces, SD=Strongy Dsagree; D=Dsagree; 0=Neutra; 8=Agree; S8=Strongy Agree
"se)ulness SD D N A SA
1. It heps me be more effectve.
2. It heps me be more productve.
3. It s usefu.
4. It gves me more contro over the actvtes n my fe.
5. It makes the thngs I want to accompsh easer to get done.
6. It saves me tme when I use t.
7. It meets my needs.
8. It does everythng I woud expect t to do.
Ease o) "se SD D N A SA
9. It s easy to use.
10. It s smpe to use.
11. It s user frendy.
12. It requres the fewest steps possbe to accompsh what I want
to do wth t.

13. It s fexbe.
14. Usng t s effortess.
15. I can use t wthout wrtten nstructons.
16. I don't notce any nconsstences as I use t.
17. Both occasona and reguar users woud ke t.
18. I can recover from mstakes qucky and easy.
19. I can use t successfuy every tme.
Ease o) Learnin+ SD D N A SA
20. I earned to use t qucky.
21. I easy remember how to use t.
22. It s easy to earn to use t.
23. I qucky became skfu wth t.
Satis)action SD D N A SA
24. I am satsfed wth t.
25. I woud recommend t to a frend.
26. It s fun to use.
27. It works the way I want t to work.
28. It s wonderfu.
29. I fee I need to have t.
30. It s peasant to use.
BlueVoda $est
Script
9rientation
Good evenng. My name s ___________ and these are my groupmates, ____________. We have
asked you to partcpate n ths test to hep us evauate the usabty of a program caed
BlueVoda. BueVoda s a drag & drop Web ste buder that enabes a user wth tte or no
experence to bud a fantastc Web ste. No HTML or codng knowedge s requred. Wth
BueVoda you can create everythng from a smpe homepage to beautfu mut-page webste.
We have to observe you as you create your persona profe. It woud hep f you coud "thnk
aoud" whe you are workng: et us know what step you are foowng and what dffcutes you
encounter. If you need hep or woud ke any carfcatons, pease ask me.
Do you have any questons at ths pont?
Before we begn, I woud ke to ask you some questons that are reevant to our test. Pease
answer as canddy as possbe.
<Gve the Background Informaton Ouestonnare now.>
<Make sure that BueVoda s aready oaded.>
OK, now ets move on to the software. We want you to create a smpe persona profe and
make t vewabe on a web browser. We w gve the nta ayout of the webpage for a start.
Asde from ths, you w be the one who w provde content to the web page.
Weve prepared some nstructons for you to foow.
<Gve Drectons.>
The nstructons shoud provde some gudance; however they are not very comprehensve, so
fee free to ask questons as you go aong.
We are gvng you 30 mnutes to compete ths task. If you dont fnsh, dont worry, ts not a
probem at a. Do you have any questons or can we begn?
<Answer the users questons. Once he/she s ready to start, start the tmer and the
observatons.>
OK, tme s up. Wed now ke to ask you to compete a short questonnare.
<Gve the debrefng questons.>
And we have a few addtona questons to ask.
<Ask the debrefng questons and note the answers.>
Thank you for hepng us out today! We apprecate your tme!
BlueVoda $est
Directions )or t*e &articipant
Here are the tasks that we woud ke you to do:
Tte A personal profile
Descrpton Usng BueVoda, you w create a persona profe
usng a gven ayout.
User Interface The webpage must have the foowng eements
Banner
Navgaton
Content
Pcture
Vdeos
Instructon
1. Create new project
2. Insert background
3. Create banner with text
4. Create left side bar with text
5. Create Social etworking Site link
!. Insert profile picture
". Insert content
#. Create right side bar with text
$. Insert %ideos
1&. 'iew website in web browser
The initial webpage layout