HeaderSIS.jpg

IS480 Team wiki: 2013T2 The CodeFather Final Quality of Product

From IS480
Jump to navigation Jump to search

The CodeFather Logo.png

Back to Main Wiki   Progress Summary   Project Management   Development Overview   Quality of Product   Reflections

Final Deliverables

CodeFather time.png Current Iteration: 10

We have completed 10 iterations till Finals.

The table below provides the links to our works and documentation:

Stage Specification Modules
Project Management Meeting Minutes Iteration 1 to 6 - Team, Supervisor & Mentor Meetings
Project Metrics Schedule, Bug, Wellness, Decision Making Metric
Requirement Gathering Market Research Product Comparison
Market Survey Gathering feedback from users to understand users' needs
User Requirement Validation Tests User Testing to understand the user experience of our application and the expectations of the user
Design Architectural Design Architecture Overview and design of systems and application
Prototypes Low and Medium Fidelity Prototype for mobile and web application
Testing User Testing User Testing
Presentation Materials Presentation Slides Slides for Acceptance and Midterms

Deployment

Our web application for Schedulous is deployed on a live server.

Screen Shot 2014-04-11 at 7.34.30 pm.png

Screen Shot 2014-04-12 at 12.04.35 am.png

You can try it out our Web application here!

Screen Shot 2014-04-13 at 12.16.32 pm.png

Our Android mobile application is also available to be downloaded from Google Play here

user testing

We have conducted two user and vendor requirement validation test for our mobile and web application.
We have also conducted three user testings of which one is a load testing for our mobile and web application.
Click to view in detail for the user testing or scroll down to see the summary of findings for our user tests.

User & Vendor Requirement Validation Tests

x 1 Requirement Validation Test - Mobile Application x 2 Requirement Validation Test - Vendor Web Application x
x 29 Feb 2014 x 17 - 21 March 2014 x
x

2014-01-29 13.41.50.jpg

View

x

2014-03-26 15.03.12.jpg

View

x



User Testings After Midterm

x 1 Android Users Mobile Application Test x 2 Android and Web Application User Testing x 2 Load Testing x
x 24 - 26 March 2014 x 1 - 11 April x 9 - 11 April
x

Marketing Flyer.jpg

View

x

Screen Shot 2014-04-11 at 7.34.30 pm.png

View

x

Schedulous.png

View




User Testing Main Findings Changes Made User Comments
First Mobile User Testing
  • Flow of application should be more intuitive
  • More guidance and information should be shown on chat and event pages
  • Some people do not know what to do next as some of the steps required are quite difficult
  • Revise color scheme
  • Revamp the entire UI design of application -> Paper prototype
  • Implement the new UI design to increase the usability of the application
  • "Very interesting application, but flow could be improved and more intuitive"
  • "Would love to see vendor's promotions for the application"
Vendor Web Testing
  • Understanding the requirements of the business vendors
  • Evaluate the suitability of our web application for corporate usage
  • Some people do not know what to do next as no tooltips are shown
  • Revise color scheme
  • Added tooltips and tutorials
  • Revised interface for vendor web portal
  • "Liked that our app have very few steps to upload promotion"
  • "It seems like a one-sided benefit from our side as your user base is still low. In the real world, you have to do much more to get vendors on board."
Android Mobile User Testing
  • Find out the effectiveness of PR Marketing
  • Finding out the behavior of users using our mobile application
  • Some people do not know what to do next as no tutorial is shown
  • Added tutorial on Android
  • Found the most frequently clicked activity and do load testing on it
  • "Interesting application, really cool to have the chat"
  • "Don't exactly know what to do when inside the application"
Android Mobile and Web User Testing
  • Find out the effectiveness of PR Marketing
  • Selective debugging
  • Improve UI for web for users
  • Found out the most common path and do selective debugging
  • Improve UI for web for users
  • Show the effect of viral effect on Schedulous through PR Marketing
  • "love the interface, colours & fonts"
  • "Like inviting people / fb notification is easy for non-schedulous users"
Load Testing
  • Maximum threshold of server
  • Maximum number of users and messages
  • Found out the point at which the server breaks
  • Consider and revise architecture design or configurations

No comments

User Interface Changes (Web for users)

Below shows the before and after of our web application for users. We have since revised and standardise our colour scheme to make it more consistent with our mobile application. This web interface can be accessed by any user who does a Facebook login on www.schedulous.sg

View Event on Web

10148792 10152111944453005 2056343070 o.jpg Screen Shot 2014-04-12 at 11.08.33 pm.png

As you may have noticed we have made our user interface more sleek in terms of design. We have also shifted the summarised display of events from the left to the right. This is so as to increase the usability of the users accessing the web through a mobile device. This is such that the events details will now populate first instead of the summarised display of events hence reducing the need to scroll down to view the event details.

In addition, we have also grouped the event which are categorised under the same chat. This would allow users to identify which are the events that are organised for this particular group of users.

Chat on Web

10147037 10152111944553005 55424642 o.jpg Screen Shot 2014-04-12 at 11.13.01 pm.png

In terms of user design, there are not much changes for the chat on web. However we have added timestamping of messages as well as the display of names for the users chatting which proves to be more intuitive.

Tooltips and images

Screen Shot 2014-04-12 at 11.07.23 pm.png

In order for users to be able to navigate and interact with our web interface more smoothly, we have also added helpful images as well as tool tips for the users.

Notifications

Screen Shot 2014-04-12 at 11.18.21 pm.png

Users on web are also able to now view notifications that are being made by their friends.

User Interface Changes (Web for vendors)

Below shows the before and after of our web application for vendors. We have since revised and standardise our colour scheme to make it more consistent with our mobile application. This web interface can be accessed by any vendor who does a Facebook login on www.schedulous.sg

Screen Shot 2014-03-10 at 4.45.50 pm.png Screen Shot 2014-04-11 at 7.34.30 pm.png
Screen Shot 2014-03-10 at 4.46.26 pm.png Screen Shot 2014-04-12 at 12.04.35 am.png
Screen Shot 2014-03-11 at 1.31.10 am.png Screen Shot 2014-04-11 at 7.35.08 pm.png
Screen Shot 2014-03-10 at 4.49.35 pm.png Screen Shot 2014-04-11 at 7.35.27 pm.png
Screen Shot 2014-03-10 at 4.50.00 pm.png Screen Shot 2014-04-11 at 7.36.02 pm.png
Screen Shot 2014-03-10 at 4.51.26 pm.png Screen Shot 2014-04-11 at 7.42.51 pm.png
Screen Shot 2014-03-10 at 5.21.01 pm.png Screen Shot 2014-04-11 at 7.43.13 pm.png
Screen Shot 2014-03-10 at 4.50.34 pm.png Screen Shot 2014-04-11 at 7.45.14 pm.png
Screen Shot 2014-03-10 at 4.50.15 pm.png Screen Shot 2014-04-11 at 7.45.19 pm.png

View Event on Web

10148792 10152111944453005 2056343070 o.jpg Screen Shot 2014-04-12 at 11.08.33 pm.png

As you may have noticed we have made our user interface more sleek in terms of design. We have also shifted the summarised display of events from the left to the right. This is so as to increase the usability of the users accessing the web through a mobile device. This is such that the events details will now populate first instead of the summarised display of events hence reducing the need to scroll down to view the event details.

In addition, we have also grouped the event which are categorised under the same chat. This would allow users to identify which are the events that are organised for this particular group of users.

Chat on Web

10147037 10152111944553005 55424642 o.jpg Screen Shot 2014-04-12 at 11.13.01 pm.png

In terms of user design, there are not much changes for the chat on web. However we have added timestamping of messages as well as the display of names for the users chatting which proves to be more intuitive.

Tooltips and images

Screen Shot 2014-04-12 at 11.07.23 pm.png

In order for users to be able to navigate and interact with our web interface more smoothly, we have also added helpful images as well as tool tips for the users.

Notifications

Screen Shot 2014-04-12 at 11.18.21 pm.png

Users on web are also able to now view notifications that are being made by their friends.

User Interface Changes (Mobile)

Calendar Main Page

The CodeFather Calendar Main Page Changes.png

Schedulous synchronise all calendars within the user's phone, and populated within our mobile application itself. Initially all our events were all populated with a single colour scheme -- Black and there was no display of information for the events shown. Users complained that there was a lack of information being displayed on the calendar page.

We have then revised our design and categorise different colours for different calendars. In addition, we have also customised the calendar page to include the display of events as well as displaying the particular event when a user clicks on the date. In our current application, the calendar is categorise in terms of month by default. So all the events for the particular month would be displayed.

Create Event Page

The CodeFather Create Event Page Changes.png

Previously, in our mobile application, our Create New Event Page was a form, where users were navigated to another page for selection of dates as well as selection of friends. Once they were done filling the appropriate details, the form would be fully populated. This is similar to a website form.

However the concept of the form has in turn lead users into feeling that they were directed to the same page and there were too many clicks that users have make while creating an event. We have then revised our design as well as our flow to improve the usability as well as reduce the number of clicks for the user to make.

In our current application, we have changed the flow of create an event into a straightforward flow instead of a form that navigates to other pages and populates details.

Our current flow would be in the following sequence:

  1. Enter Event Title & Location
  2. Select Dates and Times
  3. Select Friends

Select Dates & Times Page

Select Dates & Times Old.png

Select Dates & Times Changes.png

Previously our way of selecting dates and time required the user to pick dates and times on separate pages. In addition, when selecting of a timeslot, it will in turn populate a time dialog for the user to choose the appropriate time. Users was in turn confused about the selecting of timeslots as it was just a single field instead of the usual selecting of start time and end time of the event.

In our current application, we have combined both the selecting of dates and times in a single page allowing the user to select multiple dates as well as times to indicate when they would like this event to be held on.
For instance, Huishia would like to organise a FYP meeting sometime within this week. She would like it to be either on 24 February, 26 February or 28 February 2014 from 3pm to 6.45pm. In this case, she can be able to select the following timeslot for the meeting and allow her group members to allocate their availability. This in turns reduces the number of clicks as well as allow the user to understand our application's concept better.

Select Friends Page

Select Friends Changes.png

Select Friends New.png

In our previous design for the Select Friends Page, we only displayed the user's Facebook friends and there was no way for users to be able to view the friends that they have already selected. This in turn cause us to incorporate and change a few elements to increase usability of the users.

In our current application, you would have noticed that there are 3 tabs on the Select Friends Page, this would in turn allow the users to view the friends that they have selected as well as selecting all the members in a particular group when clicking on the group button. This in turn would allow the user to reduce the need to select the same friends over again when all they have to do is to tick a group.

Chat Main Page

Chat Main Page Changes.png

In our previous version of our application, our Chat Main Page displays the members in the existing group . Users commented that they would prefer to see the conversation as well as updated information in this page. This would in turn allow the Chat Main Page to seem more like a chat page. We have then considered their feedback and make the necessary changes.

In our current application, we display the latest messages from a user to allow users to see at a glance what are the user's latest messages.

Individual/Group Chat Page

Individual-Group Chat Page Changes.png

In our previous Individual/Group Chat Page, there was a lag time when displaying of messages due to the fact that when the user access the page, it would grab data from the server and populates on the page. This in turn cause the users to wait and wonder what was wrong with the application.

We have then incorporated locally caching of messages to allow messages to be populated without any delay. In addition, we have also included a tab that would display the events organised for the group. Users can then be able to update their availability as well as confirm their event within the chat group itself.

Notifications

Notification Page Changes.png

Previously our application was unable to display notifications hence users did not know who has communicated with them in the group as well as the interactions that they have with their friends. We have then implemented Google Cloud Messaging to allow notifications to be shown to the users for the following tasks:

  1. New Chat messages
  2. New Chat Group created
  3. New Event/Outing created
  4. Confirm Event/Outing