HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2015T2 EcoCo User Testing 4"

From IS480
Jump to navigation Jump to search
 
(6 intermediate revisions by 2 users not shown)
Line 89: Line 89:
 
==<div style="background: #4DB870; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#FFFFF>User Testing 4 Results</font></div>==
 
==<div style="background: #4DB870; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#FFFFF>User Testing 4 Results</font></div>==
 
<br>
 
<br>
[[Media: EcoCo_UT4_Data.xlsx| Click Here To View User Testing 4 Raw Data]]
+
[[Media: User_Test_4_Raw_Data.xlsx| Click Here To View User Testing 4 Raw Data]]
 
<br>
 
<br>
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
Line 122: Line 122:
 
|-
 
|-
 
|}
 
|}
<br>
 
 
<br>
 
<br>
 
<h3>Task 1</h3>
 
<h3>Task 1</h3>
[[Image:Task1TimeTaken.png|center|900px]]
+
[[Image:Task1time.PNG|center|900px]]
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 137: Line 136:
 
|-
 
|-
 
|}
 
|}
[[Image:NaviTask1.png|center|900px]]
+
[[Image:Navig1.PNG|center|900px]]
 
<br>
 
<br>
 
<h3>Task 2</h3>
 
<h3>Task 2</h3>
[[Image:Task2TotalTime.png|center|900px]]
+
[[Image:Task2time.PNG|center|900px]]
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 153: Line 152:
 
|}
 
|}
 
<br>
 
<br>
[[Image:Task2TotalClicks.png|center|900px]]
+
[[Image:Navig2.PNG|center|900px]]
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
! style="background: #4DB870; color: white; font-weight: bold; width:100px" | Total No. of Clicks
 
! style="background: #4DB870; color: white; font-weight: bold; width:100px" | Average No. of Clicks
 
! style="background: #4DB870; color: white; font-weight: bold; width:100px" | Standard Deviation of No. of Clicks
 
|-
 
|19
 
|1.9
 
|2.7
 
|-
 
|}
 
 
<br>
 
<br>
 
<h3>Task 3</h3>
 
<h3>Task 3</h3>
[[Image:Task3TotalTime.png|center|900px]]
+
[[Image:Task3time.PNG|center|900px]]
 
<!--CLICKS TABLE-->
 
<!--CLICKS TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 181: Line 169:
 
<br>
 
<br>
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
[[Image:Task3TotalClicks.png|center|900px]]
+
[[Image:Numclicks3.PNG|center|900px]]
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
! style="background: #4DB870; color: white; font-weight: bold; width:100px" | Total No. of Clicks
 
! style="background: #4DB870; color: white; font-weight: bold; width:100px" | Total No. of Clicks
Line 192: Line 180:
 
|-
 
|-
 
|}
 
|}
[[Image:NaviTask3.png|center|900px]]
+
[[Image:Navig3.PNG|center|900px]]
 
<br>
 
<br>
 
<h3>Task 4</h3>
 
<h3>Task 4</h3>
[[Image:Task4TotalTime.png|center|900px]]
+
[[Image:Task4time.PNG|center|900px]]
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 207: Line 195:
 
|-
 
|-
 
|}
 
|}
[[Image:Task5TotalClicks.png|center|900px]]
+
[[Image:Numclicks4.PNG|center|900px]]
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 219: Line 207:
 
|-
 
|-
 
|}
 
|}
 +
[[Image:Navig4.PNG|center|900px]]
 
<br>
 
<br>
 
<h3>Task 5</h3>
 
<h3>Task 5</h3>
[[Image:Task5TotalTime.png|center|900px]]
+
[[Image:Task5time.PNG|center|900px]]
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 233: Line 222:
 
|-
 
|-
 
|}
 
|}
[[Image:NaviTask5.png|center|900px]]
 
 
<br>
 
<br>
 
<h3>Task 6</h3>
 
<h3>Task 6</h3>
[[Image:Task6TotalTime.png|center|900px]]
+
[[Image:Task6time.PNG|center|900px]]
 
<!--CHANGES TABLE-->
 
<!--CHANGES TABLE-->
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
 
{| class="wikitable" style="margin: auto;width:60%; text-align:center; background: white;"
Line 248: Line 236:
 
|-
 
|-
 
|}
 
|}
[[Image:NaviTask6.png|center|900px]]
 
<br>
 
  
 
==<div style="background: #4DB870; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#FFFFF>User Testing 4 Feedback</font></div>==
 
==<div style="background: #4DB870; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#FFFFF>User Testing 4 Feedback</font></div>==
Line 259: Line 245:
 
|-
 
|-
 
! style="background: #4DB870; color: white; font-weight: bold; width:50px" | Usability
 
! style="background: #4DB870; color: white; font-weight: bold; width:50px" | Usability
|  1. The web application is easy to use.<br>2. The web application is generally easy to navigate.
+
|  1. The web application is aesthetically pleasing.<br>2. I can initiate any Pledge that I would like to do.<br>3. There is a very wide variety of activities for me to do to earn points!
|  1. The web application could be more intuitive, especially for the Actions History<br>2. Actions History button is not very obvious.<br>3. Users do not know what is "Pathfinder" (Rank).
+
|  1. Users are unable to filter Events based on organizer and event type.
 
|-
 
|-
 
! style="background: #4DB870; color: white; font-weight: bold; width:50px" | Functionality
 
! style="background: #4DB870; color: white; font-weight: bold; width:50px" | Functionality
| 1. The news is very informative, and the display is rather appealing.<br>2. The web application
+
| 1. The news and events are very informative, and the display is appealing.<br>2. I like "Take Action" and "Take A Pledge", it makes it easier for me to play a part!
| 1. For the events, there should be some categorization to make it easier to find certain events.<br>
+
| 1. Events do not show me who the organizers are, I have to read through all the details to find out.
 
|-
 
|-
 
|}
 
|}
Line 276: Line 262:
 
! style="background: #4DB870; color: white; font-weight: bold; width:450px" | Remarks
 
! style="background: #4DB870; color: white; font-weight: bold; width:450px" | Remarks
 
|-
 
|-
|"Rank Button" has been replaced by "View History" button so Users will be able to find their "History" page easily.
+
|We added a filter where Users are able to filter the events based on Organizer or Event Type.
|Before<br>[[Image:UT3_1a.PNG|500px]]<br>After<br>[[Image:UT3_11.PNG|500px]]
+
|Before<br>[[Image:UT4_1.png|500px]]<br>After<br>[[Image:UT4_1a.png|500px]]
|-
 
|Users will be able to view their Current Points, and they will know what their rank is in "View History" page.
 
|Before<br>[[File:UT3_2a.PNG|500px]]<br>After<br>[[File:UT3_21.PNG|500px]]
 
|-
 
|Events can now be filtered and categorized based on Event Type and Organization.
 
|Before<br>[[File:UT3_3.PNG|500px]]<br>After<br>[[File:UT3_3a.PNG|500px]]
 
 
|-
 
|-
 +
|We included a new field "Organizer" so that users will be able to see who the organizers are without having the read through all the details.
 +
|Before<br>[[File:UT4_2.png|500px]]<br>After<br>[[File:UT4_2a.png|500px]]
 
|}
 
|}

Latest revision as of 17:11, 16 April 2016

EcoCo.png


Home.png   HOME

 

About Us.png   ABOUT US

 

Overview.png   PROJECT OVERVIEW

 

Project Management.png   PROJECT MANAGEMENT

 

EcoCo Documentation.png   DOCUMENTATION

 

 Personas and Scenario   Diagrams   Meeting Minutes   Testing 


User Testing 4 Details


  • Date: 4 April 2016
  • Venue: SMU GSR
  • Participants: 10 Friends, aged 17-35

User Testing 4 Objective


  • Determine if user interface is intuitive after making the changes from UT3
  • Discover usability problem which users might face after changes from UT3

Click Here To View Study Design Document

Scope of UT 4

  • User
    • Register for an account/Login via Facebook
    • Initiate a pledge
    • Submit "As An individual" Eco Action
    • View Activity History page
    • View Pledge History page
    • View Statistics page
    • View News
    • View Events
    • Logout of account


User Testing 4 Study Task


  • The participants were asked to complete the following as a User:
    • Register for an account/Login via Facebook
    • Initiate a pledge
    • Submit "As An individual" Eco Action
    • View Activity History page
    • View Pledge History page
    • View Statistics page
    • View News
    • View Events
    • Logout of account

Click Here To View Study Task Document

User Testing 4 Results


Click Here To View User Testing 4 Raw Data

Study Goal Results Goal Achieved?
1. Users should be able to initiate a pledge successfully. All users were able to initiate their own pledge successfully. Yes
2. Users should be able to submit an action under activity type "As an Individual" successfully. All users were able to submit an action under activity type "As an Individual" successfully. Yes
3. Users should find it easy to navigate and check the status of activities they have submitted. All users were able to navigate and check the status of activities they have submitted. Yes
4. Users should be able to view statistics All users were able to view the statistics page. Yes
5. Users should be able to navigate to the the News and Events page successfully. All users were able to navigate to the the News and Events page successfully. Yes
6. Users should be able to log out of their account successfully. All users were able to log out of their account successfully. Yes


Task 1

Task1time.PNG
Total Time Taken (seconds) Average Time Taken (seconds) Standard Deviation of Time Taken (seconds)
702.68 70.268 11.05651012
Navig1.PNG


Task 2

Task2time.PNG
Total Time Taken (seconds) Average Time Taken (seconds) Standard Deviation of Time Taken (seconds)
635.59 335.31 18.37242415


Navig2.PNG


Task 3

Task3time.PNG
Total Time Taken (seconds) Average Time Taken (seconds) Standard Deviation of Time Taken (seconds)
335.31 33.531 18.37242415


Numclicks3.PNG
Total No. of Clicks Average No. of Clicks Standard Deviation of No. of Clicks
17 1.7 0.9
Navig3.PNG


Task 4

Task4time.PNG
Total Time Taken (seconds) Average Time Taken (seconds) Standard Deviation of Time Taken (seconds)
12 1.2 0.6
Numclicks4.PNG
Total No. of Clicks Average No. of Clicks Standard Deviation of No. of Clicks
22 2.2 1.6
Navig4.PNG


Task 5

Task5time.PNG
Total Time Taken (seconds) Average Time Taken (seconds) Standard Deviation of Time Taken (seconds)
183.94 18.394 9.461779114


Task 6

Task6time.PNG
Total Time Taken (seconds) Average Time Taken (seconds) Standard Deviation of Time Taken (seconds)
27 2.7 1.846618531

User Testing 4 Feedback


As A User Likes Dislikes
Usability 1. The web application is aesthetically pleasing.
2. I can initiate any Pledge that I would like to do.
3. There is a very wide variety of activities for me to do to earn points!
1. Users are unable to filter Events based on organizer and event type.
Functionality 1. The news and events are very informative, and the display is appealing.
2. I like "Take Action" and "Take A Pledge", it makes it easier for me to play a part!
1. Events do not show me who the organizers are, I have to read through all the details to find out.


Changes Implemented


Changes Made Remarks
We added a filter where Users are able to filter the events based on Organizer or Event Type. Before
UT4 1.png
After
UT4 1a.png
We included a new field "Organizer" so that users will be able to see who the organizers are without having the read through all the details. Before
UT4 2.png
After
UT4 2a.png