IS480 Team wiki: 2012T2 neoPhase Final Quality of Product

From IS480
Jump to navigation Jump to search


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

Intermediate Deliverables

Out project management style and hence have made many changes over our 6 iterations so far.

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, Well-being Metric
Requirement Gathering Market Research Online survey results
User Requirement Validation Tests Gathering feedback from users to understand users' needs
Analysis Use Case Overall
Design Architectural Design Overall
Prototypes Initial Paper Prototype for mobile and web application
Testing User Testing User Testing 1 - 6
Presentation Materials Presentation Slides Slides for Acceptance, Midterms and Finals


Our web application for Blurp! is already deployed on a live server.

You can try out our Web Application as an event organizer here!

Username: organizer 1
Password: organizer

Neophase web.png

Also, our iPhone Mobile Application is also available to be downloaded from Apple AppStore here!

Neophase mobile.png

User Testing

Before our midterm presentation, we have completed 3 User Tests in all. 1 was conducted for Web Application and 2 were conducted Mobile Application.

Click to view in detail for each User Testing, or Scroll down to see the Summary of Findings for all 6 User Tests.

x 1 First User Testing - Mobile App (Outdoors) x 2 First User Testing - Web Application x 3 Second User Testing - Mobile App (Outdoors) x
x 29 Jan 13 x 5 Feb 13 x 5 Feb 13 x

NeoPhase UTMobile1 thumb.jpg



Web User Test 1.jpeg



User Testing 2 (Mobile).png


x 4 Second User Testing - Web Application x 5 Third User Testing - Mobile App (Outdoors) x 6 Final User Testing - Mobile & Web x
x 22 Mar 13 x 22 Mar 13 x 5 Apr 13 x










Summary of Findings

Below describes a general summary of what was the main findings in each user testing, what were the changes made and some of the users' qualitative remarks.

For more details and results, online questionnaires that were used, view the Individual User Testing's links above.

User Testing Main Findings Changes Made User Comments
First Mobile User Testing
  • Search and Favourite function was a bit confusing
  • Users felt that more information should be shown on the event page
  • Blurp button is hidden. Not user friendly
  • People would be more inclined to use the Blurp function if it were integrated with other social media platforms
  • Redesign the way users add events to their favourites
  • Re-position the Blurp button
  • Integrate blurp function with Facebook
  • "Very interesting, but the location function should be more accurate"
  • "Program time schedule for live music concerts would be highly useful"
First Web User Testing
  • Create Event Function generally easy to use
  • Manage Landmarks Page not intuitive
  • Right Click not intuitive to edit landmarks
  • Most respondents are in favour of using a “mood meter”
  • Make Navigation to Landmarks page more intuitive
  • Use another interface to edit and delete landmarks on the map
  • "I hope to have a schedule function where I can put the details of when certain mini events are happening"
  • "The landmarks function is new and extremely useful"
  • "I think understanding people's emotions would help in interaction with others"
Second Mobile User Testing
  • At the search page, it would be better to have more obvious error messages
  • When users join the event, they would like to see a more “zoomed in" view
  • Users would like to see more details about the icons in the map
  • Users are still not very inclined to use the blurp function.
  • Error messages/Feedback message
  • When users join event, zoom in more
  • Create an interface that is more appealing to users
  • "It's very user friendly but I guess there is a need to make the UI more appealing"
  • (I want to see)"school events! Sometimes there are so many things happening.."
Second Web User Testing
  • Users are able to create an event more easily than before.
  • Most of the issues arose when they were asked to interact with the participants of the event. They found it difficult to find the interface to Block Users and also how to count the number of participants at the event.
  • 95% of users said that they would use this application if they were to organise events, the other 5% were undecided.
  • The main reasons why they would use the application were: "It was user friendly" and "It was useful for the event participants".
  • 18% of users recognised that such an application required a substantial user base before it can be truly useful.
  • Make blocking of users easier. Allow organiser to block user from the Blurp Feed.
  • Design statistics to be easily readable.
  • Bug Fixes: Edit Landmarks
  • "I LOVE THE APP. I plan to use it for my events, especially for our very first international students camp. I think this app will be very useful..."
  • "Got potential to add more functions =)"
  • "The interface is clean and user-friendly."
Third Mobile User Testing
  • While the Live Map was easy to interact with, 20% of users preferred to view a Map Legend instead of clicking around the map.
  • Mobile users are impatient creatures. They don't like to wait too long for things to load.
  • Recognition is better than recall. For the "Share to Facebook" function, we need to change the interface to suit what people are used to seeing
  • 89% of users said that they would use this application again. The other 12% were undecided.
  • Their main reasons were: "They liked the Live Map", "Easy to learn".
  • 20% of users felt that this application would be useful for only certain events.
  • Change the "Share to Facebook" interface.
  • Solve the slow connectivity problem.
  • "...maybe also a list of current events your friends are attending right now instead of just events around your area."
  • "Very well done! Can't wait to see it live! However, I am an android user, so a web view or a native android app would be beneficial for me."
  • "To have a guide-through (to demo how to use the features) the application for people who first use it."
Third Web User Testing
  • Users were able to navigate the map and complete most of the core functions of the application.
  • The only issue was the use of the Blurp Map. Users were unfamiliar of the function and its purpose.
  • 100% of users said that they would use the application again.
  • Make Blurp Map tab more obvious to users
  • "It can help me reach more audiences"
  • "Easier to organise events"
Fourth Mobile User Testing
  • No major issues. There had only been comment on the mood icons not being clear enough.
  • 100% of users said that would use the application again.
  • Make mood meter expressions more obvious.
  • (I like it because)"it's free!"

User Interface Changes

Web Application


We started out with the first version, with a maroon ribbon banner that is slightly off the top. The logo is then placed at the top. After several discussion, we felt that we could move the ribbon banner up to the top so that there could be more space for content below.

In our current version, we have placed a blurpie with moveable eyes, that will track the mouse cursor movement, just to add in the "fun" factor. On top of that, we added descriptions about what our application can do. We have also added a link to App Store, where users can navigate to the download page of itunes.

NeoPhase loginPage.png ArrowChange.png NeoPhase Login Page.PNG


Login Page.PNG

Create New Event

We started out in the first version, a "Create New Event" form with hints at the right side of the fields to guide users through this event creation process. In the second change, we have edited the hints such that it is more user-friendly. On our current version, we have included a step-by-step indication bubble on top (Step 1 - Step 3) so that users will be able to see which step they are at now while creating a new event. We have also added the upload image and preview feature.

-Organizer- Create New Event (Part 1).PNG ArrowChange.png -Organizer- Create New Event.PNG


-Organizer- Create New Event - Step 1.PNG

Manage Landmarks

In the earlier version, users found it hard to figure out what to for this step. We have added a friendly hint under the Title to guide users through the drag-and-drop experience. They can now edit the landmark details and image straight from this view too.

-Organizer- Manage Landmarks.PNG ArrowChange.png -Organizer- Manage Landmarks (Landmark Details).JPG

View Event Map

In the new version, organizers can now toggle between live map and blurp map to see event happenings. There is an "Activity Heatmap" added to this view as well, where organizers can trace the tracks of their users. The Statistics Button is removed from this view as all statistics will be collated in the Dashboard View.

-Organizer- View Event Details.PNG ArrowChange.png -Organizer- View Event Details.JPG

Organizers' Dashboard

Previously, this view shows minimal statistics and do not contain much information. Now, this dashboard has comprehensive statistics and allow organizers to filter and select the data they want to see.

-Organizer- Event Statistics.PNG ArrowChange.png -Organizer- BI Dashboard.JPG

Mobile Application

Search Events

Our first version for Search event was a list and has not much event details in it. On our second version, we created the tab view, for Search and Favourites event. We also have a event image thumbnail displayed. we implemented the Join and "Star" (Favourites) feature. In our second change, we have added a nice border for the event thumbnail, and we have changed the alignment of the event details. The colour of the buttons are also changed to match the overall theme. In our current version, users may click on the event or arrow to see more event details and event organizers' display picture will change dynamically.

NeophaseSearch.png ArrowChange.png Neophasesearchse.jpeg ArrowChange.png NeophaseMobile.jpg

Post A Blurp!

Our first version for Post A Blurp is really simple, but the button was hidden under the keyboard. Hence, we have decided to revamp the UI so that it is more user-friendly and sleeker. In the second version, we have added the extra navigation bar for mood meter selection, the 140 character counter and Facebook Share button. In our second change, Facebook share compartment is done, and upon selecting anywhere outside the Facebook Share black area will bring up the keyboard. The Action bar also tells the user which event he is currently in. In our current version, instead of having a drawer and allow users to check share, the icon will just turn blue when selected to indicate that it will be shared to facebook.

PostABlurpOld.jpg ArrowChange.png Share on FB.jpg ArrowChange.png NeophaseMobilefb.jpg

Mood Emoticons

Our first version for Mood Emoticons, we did not have indications of what they represent for each mood. Users also feedback that the first two faces look too similar. Hence in our current version, we have text label to indicate to users the mood that they will be choosing and also the "Excited" emoticons have changed as well.

Neophasemood.jpg ArrowChange.png Photo 21-4-13 1 05 45 PM.jpg