HeaderSIS.jpg

IS480 Team wiki: 2012T2 neoPhase Final Quality of Product

From IS480
Jump to navigation Jump to search

NeoPhaseLogo.jpg

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



Deployment

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
x

NeoPhase UTMobile1 thumb.jpg

View

x

Web User Test 1.jpeg

View

x

User Testing 2 (Mobile).png

View

x
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
x

22-Mar-Web.jpg

View

x

22-Mar-M1.jpg

View

x

Final1.jpg

View

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.."







User Interface Changes

Web Application

Login

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

ArrowNeo.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

ArrowNeo.png

-Organizer- Create New Event - Step 1.PNG






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 current version, 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.

Search events.jpg ArrowChange.png NeophaseSearch.png ArrowChange.png Neophasesearchse.jpeg

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 current version, 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.

PostABlurpOld.jpg ArrowChange.png Post blurp.png ArrowChange.png Share on FB.jpg