HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2013T2 Tappers/Documentation/User Testing"

From IS480
Jump to navigation Jump to search
(New page: <!--Navigation Bar--> 1000px|center {|class="wikitable" style="margin: 1em auto 1em auto; border-collapse: separate; border-spacing: 0; border-width: 0px; bord...)
 
 
(41 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
[[Image:tappers_banner.jpg|1000px|center]]
 
[[Image:tappers_banner.jpg|1000px|center]]
 
{|class="wikitable" style="margin: 1em auto 1em auto; border-collapse: separate; border-spacing: 0; border-width: 0px; border-style: solid; border-color: #ffffff; padding: 0" valign="center" align="center" border="0"   
 
{|class="wikitable" style="margin: 1em auto 1em auto; border-collapse: separate; border-spacing: 0; border-width: 0px; border-style: solid; border-color: #ffffff; padding: 0" valign="center" align="center" border="0"   
! style="border-style: solid; border-width: 0px 0px 0px 0px; width: 10%; background-color:#000000"|  
+
{|style="background-color:#ffffff; color:#000000" width="100%" cellspacing="0" cellpadding="10" valign="top" border="0"|
[[IS480_Team_wiki:_2013T2_Tappers|<font face="whola" color="#ffffff" size=3%><b>Home</b></font>]]
+
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers|<font color="#ffffff"><b>Home</b></font>]]  
! style="border-style: solid; border-width: 0px 0px 0px 0px; width: 10%; background-color:#000000"|  
+
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Tappers_Team|<font color="#ffffff"><b>The Team</b></font>]]  
[[IS480_Team_wiki:_2013T2_Tappers/Tappers_Team| <font face="whola" color="#ffffff" size=3%><b>About Us</b><font>]]
+
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Project_Overview|<font color="#ffffff"><b>Project Overview</b></font>]]  
! style="border-style: solid; border-width: 0px 0px 0px 0px; width: 20%; background-color:#000000"|  
+
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Project_Management/Project_Schedule|<font color="#ffffff"><b>Project Management</b></font>]]
[[IS480_Team_wiki:_2013T2_Tappers/Project_Overview|<font face="whola" color="#ffffff" size=3%><b>Project Overview</b><font>]]
+
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#8A740C; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Design_&_Prototype |<font color="#ffffff"><b>Project Documentation</b></font>]]  
! style="border-style: solid; border-width: 0px 0px 0px 0px; width: 20%; background-color:#000000"|  
+
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Learning_Outcomes|<font color="#ffffff"><b>Learning Outcomes</b></font>]]
[[IS480_Team_wiki:_2013T2_Tappers/Project_Management/Project_Schedule|<font face="whola" color="#ffffff" size=3%><b>Project Management</b><font>]]
+
|} <br/>
! style="border-style: solid; border-width: 0px 0px 0px 0px; width: 20%; background-color:#a52a2a"|  
+
 
[[IS480_Team_wiki:_2013T2_Tappers/Documentation|<font face="whola" color="#ffffff" size=5%><b>PROJECT DOCUMENTATION</b><font>]]
+
<!--Navigation Bar-->
! style="border-style: solid; border-width: 0px 0px 0px 0px; width: 20%; background-color:#000000"|  
+
<!--Navigation-->
[[IS480_Team_wiki:_2013T2_Tappers/Documentation|<font face="whola" color="#ffffff" size=3%><b>Learning Outcomes</b><font>]]
+
{|style="background-color:#ffffff; color:#000000" width="100%" cellspacing="0" cellpadding="10" valign="top" border="0"|
 +
|style="font-size:120%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Design_&_Prototype|<font color="#ffffff"><b>Design & Prototype</b></font>]]
 +
|style="font-size:120%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Diagrams|<font color="#ffffff"><b>Diagrams</b></font>]]
 +
|style="font-size:120%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#8A740C; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Documentation/User_Testing|<font color="#ffffff"><b>User Testing</b></font>]]  
 +
|style="font-size:120%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Resources|<font color="#ffffff"><b>Resources</b></font>]]
 +
|style="font-size:120%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#151C55; " width="10%" |[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Meeting_Minutes|<font color="#ffffff"><b>Meeting Minutes</b></font>]]
 +
|} <br/>
 +
<!--Body-->
 +
<div style="font-size: 20px; font-family:Arial; background: #8A740C; padding:16px; font-weight:bold; line-height:0.2em;"><font color = "white">Test Plan</font></div>
 +
[[Image:Test_Plan_Tappers.png | 700px|center]]
 +
<br>
 +
Please see the full document here: [[Media:Test_Plan_Tappers.docx‎‎|Tappers' Test Plan]]<br><br>
 +
Please see our Test Cases here: [[Media:Contact Management Test Case.xlsx|Tappers' Test Cases]]<br><br>
 +
<div style="font-size: 20px; font-family:Arial; background: #8A740C; padding:16px; font-weight:bold; line-height:0.2em;"><font color = "white">User Testing 1</font></div>
 +
 
 +
<center>
 +
{| class="wikitable" style="text-align: center"
 +
|+
 +
|-
 +
! scope="col" width="100" style="background:#a52a2a; color:#ffffff"| Description 
 +
! scope="col" width="100" style="background:#a52a2a; color:#ffffff"| Information
 +
|-
 +
|+
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| Date
 +
|align="center"| 28 January 2014
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| Users
 +
|align="center"|Jenny HUQ<br>Shirley PONG <br>Jared THAM
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing Link Execution Plan
 +
|align="center"|[[Media:IS480 UT Execution Plan.docx| Download]]
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing Document
 +
|align="center"|[[Media:User Testing Document.docx‎| Download]]
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing Post Test Questionaire
 +
|align="center"|[[Media:Questionaire.docx‎| Download]]
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing Document (with Feedback)
 +
|align="center"|[[Media:User_Testing_Document_(With_Feedback).docx | Download]]
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| Questionaire Responses
 +
|align="center"|[[Media:Questionaire (answers).docx | Download]]
 +
|-
 +
|}
 +
</center>
 +
 
 +
[[Image:2014-01-28 10.13.26.jpg | 500px]]
 +
[[Image:2014-01-28 10.21.48.jpg | 500px]]
 +
[[Image:2014-01-28 10.21.51.jpg | 500px]]
 +
[[Image:2014-01-28 10.21.58.jpg | 500px]]
 +
 
 +
<div style="font-size: 20px; font-family:Arial; background: #8A740C; padding:16px; font-weight:bold; line-height:0.2em;"><font color = "white">Feedback</font></div>
 +
<br>
 +
[[Image: Features4.png | 1000px | center]]
 +
 
 +
<div style="font-size: 20px; font-family:Arial; background: #8A740C; padding:16px; font-weight:bold; line-height:0.2em;"><font color = "white">Heuristic Testings</font></div>
 +
<h4>Heuristics and Severity Ratings</h4>
 +
 
 +
Date : 17 February<br>
 +
Venue:  Lien Centre for Social Innovation, SMU Admin Building, Level 9<br>
 +
Users: Jenny HUQ, Shirley PONG, Jared THAM, Mumtaz<br>
 +
 
 +
{| class="wikitable centered"
 +
!Heuristics
 +
!Severity Ratings
 +
|-
 +
|style="vertical-align:text-top"|
 +
 
 +
1. Visibility of system status
 +
 
 +
2. Match between system and the real world
 +
 
 +
3. User control and freedom
 +
 
 +
4. Consistency and standards
 +
 
 +
5. Error prevention
 +
 
 +
6. Recognition rather than recall
 +
 
 +
7. Flexibility and efficiency of use
 +
 
 +
8. Aesthetic and minimalist design
 +
 
 +
9. Help users recognize, diagnose, and recover from errors
 +
 
 +
10. Help and documentation
 +
 
 +
Not related to any heuristic
 +
 
 +
|style="vertical-align:text-top"|
 +
 
 +
0 = Not a real usability problem
 +
 
 +
1 = Cosmetic problem only
 +
 
 +
2 = Minor usability problem
 +
 
 +
3 = Major usability problem
 +
 
 +
4 = Usability catastrophe
 +
 
 +
|-
 +
|}
 +
 
 +
==== Problem 1 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|4. Inconsistent navigation bar
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Mumtaz
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|3= Major Usability Problem
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*The navigation bar is inconsistent in different pages
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Change the UI to be consistent among pages
 +
|}
 +
 
 +
 
 +
==== Problem 2 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Add an Event Page
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Mumtaz
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|2. Minor Usability Problem
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*Change the term "organisations" to "partner(s)" and don't make this a compulsory field
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# We will implement accordingly
 +
|}
 +
 
 +
==== Problem 3 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Add a confirmation popup before deleting an event
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Shirley, Jenny
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|7. Flexibility and efficiency of use
 +
|width="50pt"|'''Severity'''
 +
|2 = Minor usability problem
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*Add a prompt before deleting the event: “Sure you want to delete?”
 
|-
 
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Will add in a confirmation pop up for user to confirm before deleting
 
|}
 
|}
  
{|{{table}} style="margin: 1em auto 1em auto; border-collapse: separate; border-spacing: 0; border-width: 0px; border-style: solid; border-color: #000; padding: 0"
+
==== Problem 4 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Make the column size adjustable
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Shirley
 +
 
 
|-
 
|-
! style="border-style: solid; border-width: 0px 1px 2px 0px; width: 12%; background-color:#ffffff"|  
+
|width="50pt"|'''Heuristic'''
[[IS480_Team_wiki:_2013T2_Tapeprs/Documentation/Design_&_Prototype|<font color="#a9a9a9" face="Corbel" size=3%>'''Design & Prototype'''</font>]]
+
|width="40%"|7. Flexibility and efficiency of use
! style="border-style: solid; border-width: 0px 1px 2px 0px; width: 12%; background-color:#ffffff"|  
+
|width="50pt"|'''Severity'''
[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Diagrams|<font color="#a9a9a9" face="Corbel" size=3%>'''Diagrams'''</font>]]
+
|2 = Minor Usability Problem
! style="border-style: solid; border-width: 0px 1px 2px 1px; width: 15%; background-color:#ffffff"|
+
 
[[IS480_Team_wiki:_2013T2_Tappers/Documentation/User_Testing|<font color="#000000" face="Corbel" size=3%>'''User Testing'''</font>]]
+
|-  
! style="border-style: solid; border-width: 2px 1px 2px 1px; width: 15%; background-color:#ffffff"|
+
|Colspan=4|'''Description''':  
[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Resources|<font color="#a9a9a9" face="Corbel" size=3%>'''Resources'''</font>]]
+
*Make the column size adjustable
! style="border-style: solid; border-width: 0px 0px 2px 0px; width: 15%; background-color:#ffffff"|
 
[[IS480_Team_wiki:_2013T2_Tappers/Documentation/Meeting_Minutes|<font color="#a9a9a9" face="Corbel" size=3%>'''Meeting Minutes'''</font>]]
 
 
|-
 
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# We will implement accordingly
 
|}
 
|}
  
<!--Body-->
+
==== Problem 5 ====
<div style="background: #a52a2a; padding: 5px; font-weight: bold"><font face="Corbel"  color= #FFFFFF size=5% align="center"> User Testing</font></div>
+
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Edit Button is difficult to find
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Mumtaz, Jenny, Shirley
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*It was difficult to spot the edit column on the right hand side.
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
#Implementing in-line editing, users can click and editing directly on the field.
 +
|}
 +
 
 +
==== Problem 6 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Add comment box to Event registration form
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Mumtaz
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|7. Flexibility and efficiency of use
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*There should be an “Other Comment” box in the Event registration form.
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
#Add the comment box
 +
|}
 +
 
 +
==== Problem 7 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Rename the button “Add contacts” to "Invite Contact" for an event
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Mumtaz, Jenny
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*Rename “Add Contacts” to “Invite Contacts”, and allow a message to be sent immediately to the contacts after added.
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Will consider and implement the same
 +
|}
 +
 
 +
==== Problem 8 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Search column is not visible
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Jenny
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*Move the search column to the top so it will be more visible to see
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Will make the changes accordingly
 +
|}
 +
 
 +
==== Problem 9 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Spelling mistakes
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Jenny
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*There are some spelling mistakes throughout.
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Team will check and ensure no spelling error
 +
|}
 +
 
 +
==== Problem 10 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|9. Make it optional to add contact numbers
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Shirley
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|7. Flexibility and efficiency of use
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*Make the field office numbers and mobile numbers optional
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Will implement accordingly
 +
|}
 +
 
 +
==== Problem 11 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Undo button
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Shirley
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|7. Flexibility and efficiency of use
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*To have an “Undo” feature, to undo if user delete something wrongly
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# We won’t implement undo feature, instead we will provide a popup to seek user’s confirmation before deleting something
 +
|}
 +
 
 +
==== Problem 12 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Show address in 4 fields
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Shirley, Jared
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|7. Flexibility and efficiency of use
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*Make address field into 4 lines, including country
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# We won’t implement undo feature, instead we will provide a popup to seek user’s confirmation before deleting something
 +
|}
 +
 
 +
==== Problem 13 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Navigation after delete a contact
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Mumtaz
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|1. Visibility of system status
 +
|width="50pt"|'''Severity'''
 +
|1 = Cosmetic problem only
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*After delete a contact, user was brought back to the “View all Contacts” page, it should be better to bring user back to the delete page, in case they want to delete more contacts.
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# We will implement accordingly
 +
|}
 +
 
 +
==== Problem 14 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Uploading photos does not work
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Jared
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|7. Not related to any heuristic
 +
|width="50pt"|'''Severity'''
 +
|0 = Not a real usability problem
 +
 
 +
|-
 +
|Colspan=4|'''Description''':
 +
*After uploading photos, it doesn’t lead back to contacts, and photos aren’t shown.
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Function has not been completely implemented yet. Will  let user test again in User testing 2.
 +
|}
 +
 
 +
==== Problem 15 ====
 +
{| class="wikitable centered" width="90%"
 +
|-
 +
|width="50pt"|'''Name'''
 +
|Colspan=3|Create event does not work
 +
 
 +
|-
 +
|width="50pt"|'''Sources'''
 +
|Colspan=3| Jenny
 +
 
 +
|-
 +
|width="50pt"|'''Heuristic'''
 +
|width="40%"|0. Not related to any heuristic
 +
|width="50pt"|'''Severity'''
 +
|0 = Not a real usability problem
 +
 
 +
|-  
 +
|Colspan=4|'''Description''':
 +
*The Create event function does not work. It leads to a blank page
 +
|-
 +
|Colspan=4 valign="top"|'''Proposed Solution''':
 +
# Arrange a debug session to solve this problem.
 +
|}
 +
 
 +
<div style="font-size: 20px; font-family:Arial; background: #8A740C; padding:16px; font-weight:bold; line-height:0.2em;"><font color = "white">User Testing 2</font></div>
 +
<center>
 +
{| class="wikitable" style="text-align: center"
 +
|+
 +
|-
 +
! scope="col" width="100" style="background:#a52a2a; color:#ffffff"| Description  
 +
! scope="col" width="100" style="background:#a52a2a; color:#ffffff"| Information
 +
|-
 +
|+
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| Date
 +
|align="center"| 28 March 2014
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| No. of Users
 +
|align="center"| 4
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing Execution Plan
 +
|align="center"|[[Media:IS480 UT2 Execution Plan.docx| Download]]
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing 2 Instructions
 +
|align="center"|[https://docs.google.com/document/d/1uCMcSWJVwGOv0EjtgkHa8-6SG7F6vrP0P69PvxTKO70/edit?usp=sharing View]
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing 2 Results
 +
|align="center"|[https://docs.google.com/spreadsheets/d/1EeGm__JhdZ7mFbxDv0fgwZii0UvvUnGUwEsuISV39RI/edit?usp=sharing View]
 +
|-
 +
|}
 +
</center>
 +
<b>User Testing 2 Results</b>
 +
[[Image: Screenshot 2014-04-13 15.36.35.png | 800px | center]]
 +
 
 +
<b>Internal Testing Feedback</b>
 +
{| class="wikitable" style="margin: 1em auto 1em auto; text-align: center"
 +
|+
 +
|-
 +
! scope="col" width="75" style="background:#a52a2a; color:#ffffff"| Feature
 +
! scope="col" width="75" style="background:#a52a2a; color:#ffffff"| Feedback
 +
|-
 +
| Registration || Position of the details could be better arranged, such that it will be easier to read
 +
|-
 +
| Email || Problems sending email, often takes a few times before email is successfully received
 +
|-
 +
| Survey || Easy to read and complete
 +
 
 +
|}
 +
 
 +
 
 +
 
 +
<div style="font-size: 20px; font-family:Arial; background: #8A740C; padding:16px; font-weight:bold; line-height:0.2em;"><font color = "white">User Testing 3</font></div>
 +
 
 +
<center>
 +
{| class="wikitable" style="text-align: center"
 +
|+
 +
|-
 +
! scope="col" width="100" style="background:#a52a2a; color:#ffffff"| Description 
 +
! scope="col" width="100" style="background:#a52a2a; color:#ffffff"| Information
 +
|-
 +
|+
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| Date
 +
|align="center"| 1 April - 8 April 2014
 +
|-
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| No. of Users
 +
|align="center"| 21
 +
|-
 +
 
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing 3 Instructions
 +
|align="center"|[https://docs.google.com/document/d/1uCMcSWJVwGOv0EjtgkHa8-6SG7F6vrP0P69PvxTKO70/edit?usp=sharing View]
 +
|-
 +
! scope="col" width="350" style="background:#ffffff; color:#566D7E"| User Testing 3 Results
 +
|align="center"|[https://docs.google.com/spreadsheet/ccc?key=0AiOFJFTPLiPpdFhUYUpsY2U0Wmx3OG9meTFDQmM2Q1E&usp=drive_web#gid=0=sharing View]
 +
|-
 +
|}
 +
</center>
 +
 
 +
[[Image:UT2pics.png|800px|center]]
 +
 
 +
====User Testing 3 Questionnaire's results from participants====
 +
 
 +
The event details are clearly stated
 +
[[Image:Q1.jpg|300px|center]]
 +
 
 +
The registration process is easy
 +
[[Image:tappers_Q2.jpg|300px|center]]
 +
 
 +
No problems completing the event survey
 +
[[Image:tappers_Q3.jpg|300px|center]]
 +
 
 +
Satisfied with the color scheme and UI of the registration page
 +
[[Image:tappers_Q4.jpg|300px|center]]
 +
 
 +
Satisfied with the color scheme and UI of the survey page
 +
[[Image:tappers_Q5.jpg|300px|center]]
 +
 
 +
Overall the testing was quick and easy
 +
[[Image:tappers_Q6.jpg|300px|center]]

Latest revision as of 14:39, 19 April 2014

Tappers banner.jpg
Home The Team Project Overview Project Management Project Documentation Learning Outcomes


Design & Prototype Diagrams User Testing Resources Meeting Minutes


Test Plan
Test Plan Tappers.png


Please see the full document here: Tappers' Test Plan

Please see our Test Cases here: Tappers' Test Cases

User Testing 1
Description Information
Date 28 January 2014
Users Jenny HUQ
Shirley PONG
Jared THAM
User Testing Link Execution Plan Download
User Testing Document Download
User Testing Post Test Questionaire Download
User Testing Document (with Feedback) Download
Questionaire Responses Download

2014-01-28 10.13.26.jpg 2014-01-28 10.21.48.jpg 2014-01-28 10.21.51.jpg 2014-01-28 10.21.58.jpg

Feedback


Features4.png
Heuristic Testings

Heuristics and Severity Ratings

Date : 17 February
Venue: Lien Centre for Social Innovation, SMU Admin Building, Level 9
Users: Jenny HUQ, Shirley PONG, Jared THAM, Mumtaz

Heuristics Severity Ratings

1. Visibility of system status

2. Match between system and the real world

3. User control and freedom

4. Consistency and standards

5. Error prevention

6. Recognition rather than recall

7. Flexibility and efficiency of use

8. Aesthetic and minimalist design

9. Help users recognize, diagnose, and recover from errors

10. Help and documentation

Not related to any heuristic

0 = Not a real usability problem

1 = Cosmetic problem only

2 = Minor usability problem

3 = Major usability problem

4 = Usability catastrophe

Problem 1

Name 4. Inconsistent navigation bar
Sources Mumtaz
Heuristic 1. Visibility of system status Severity 3= Major Usability Problem
Description:
  • The navigation bar is inconsistent in different pages
Proposed Solution:
  1. Change the UI to be consistent among pages


Problem 2

Name Add an Event Page
Sources Mumtaz
Heuristic 1. Visibility of system status Severity 2. Minor Usability Problem
Description:
  • Change the term "organisations" to "partner(s)" and don't make this a compulsory field
Proposed Solution:
  1. We will implement accordingly

Problem 3

Name Add a confirmation popup before deleting an event
Sources Shirley, Jenny
Heuristic 7. Flexibility and efficiency of use Severity 2 = Minor usability problem
Description:
  • Add a prompt before deleting the event: “Sure you want to delete?”
Proposed Solution:
  1. Will add in a confirmation pop up for user to confirm before deleting

Problem 4

Name Make the column size adjustable
Sources Shirley
Heuristic 7. Flexibility and efficiency of use Severity 2 = Minor Usability Problem
Description:
  • Make the column size adjustable
Proposed Solution:
  1. We will implement accordingly

Problem 5

Name Edit Button is difficult to find
Sources Mumtaz, Jenny, Shirley
Heuristic 1. Visibility of system status Severity 1 = Cosmetic problem only
Description:
  • It was difficult to spot the edit column on the right hand side.
Proposed Solution:
  1. Implementing in-line editing, users can click and editing directly on the field.

Problem 6

Name Add comment box to Event registration form
Sources Mumtaz
Heuristic 7. Flexibility and efficiency of use Severity 1 = Cosmetic problem only
Description:
  • There should be an “Other Comment” box in the Event registration form.
Proposed Solution:
  1. Add the comment box

Problem 7

Name Rename the button “Add contacts” to "Invite Contact" for an event
Sources Mumtaz, Jenny
Heuristic 1. Visibility of system status Severity 1 = Cosmetic problem only
Description:
  • Rename “Add Contacts” to “Invite Contacts”, and allow a message to be sent immediately to the contacts after added.
Proposed Solution:
  1. Will consider and implement the same

Problem 8

Name Search column is not visible
Sources Jenny
Heuristic 1. Visibility of system status Severity 1 = Cosmetic problem only
Description:
  • Move the search column to the top so it will be more visible to see
Proposed Solution:
  1. Will make the changes accordingly

Problem 9

Name Spelling mistakes
Sources Jenny
Heuristic 1. Visibility of system status Severity 1 = Cosmetic problem only
Description:
  • There are some spelling mistakes throughout.
Proposed Solution:
  1. Team will check and ensure no spelling error

Problem 10

Name 9. Make it optional to add contact numbers
Sources Shirley
Heuristic 7. Flexibility and efficiency of use Severity 1 = Cosmetic problem only
Description:
  • Make the field office numbers and mobile numbers optional
Proposed Solution:
  1. Will implement accordingly

Problem 11

Name Undo button
Sources Shirley
Heuristic 7. Flexibility and efficiency of use Severity 1 = Cosmetic problem only
Description:
  • To have an “Undo” feature, to undo if user delete something wrongly
Proposed Solution:
  1. We won’t implement undo feature, instead we will provide a popup to seek user’s confirmation before deleting something

Problem 12

Name Show address in 4 fields
Sources Shirley, Jared
Heuristic 7. Flexibility and efficiency of use Severity 1 = Cosmetic problem only
Description:
  • Make address field into 4 lines, including country
Proposed Solution:
  1. We won’t implement undo feature, instead we will provide a popup to seek user’s confirmation before deleting something

Problem 13

Name Navigation after delete a contact
Sources Mumtaz
Heuristic 1. Visibility of system status Severity 1 = Cosmetic problem only
Description:
  • After delete a contact, user was brought back to the “View all Contacts” page, it should be better to bring user back to the delete page, in case they want to delete more contacts.
Proposed Solution:
  1. We will implement accordingly

Problem 14

Name Uploading photos does not work
Sources Jared
Heuristic 7. Not related to any heuristic Severity 0 = Not a real usability problem
Description:
  • After uploading photos, it doesn’t lead back to contacts, and photos aren’t shown.
Proposed Solution:
  1. Function has not been completely implemented yet. Will let user test again in User testing 2.

Problem 15

Name Create event does not work
Sources Jenny
Heuristic 0. Not related to any heuristic Severity 0 = Not a real usability problem
Description:
  • The Create event function does not work. It leads to a blank page
Proposed Solution:
  1. Arrange a debug session to solve this problem.
User Testing 2
Description Information
Date 28 March 2014
No. of Users 4
User Testing Execution Plan Download
User Testing 2 Instructions View
User Testing 2 Results View

User Testing 2 Results

Screenshot 2014-04-13 15.36.35.png

Internal Testing Feedback

Feature Feedback
Registration Position of the details could be better arranged, such that it will be easier to read
Email Problems sending email, often takes a few times before email is successfully received
Survey Easy to read and complete


User Testing 3
Description Information
Date 1 April - 8 April 2014
No. of Users 21
User Testing 3 Instructions View
User Testing 3 Results View
UT2pics.png

User Testing 3 Questionnaire's results from participants

The event details are clearly stated

Q1.jpg

The registration process is easy

Tappers Q2.jpg

No problems completing the event survey

Tappers Q3.jpg

Satisfied with the color scheme and UI of the registration page

Tappers Q4.jpg

Satisfied with the color scheme and UI of the survey page

Tappers Q5.jpg

Overall the testing was quick and easy

Tappers Q6.jpg