We builit it


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

We builit it

  1. 1. CS 3240  Human Computer Interaction Project Heng Weijian - U076116N Liu Tianwei- U076638W Ng Zhongqin - U083773L Rollen Gomes - U075585Y
  2. 2. Motivations <ul><ul><li>University projects are an essential part of a students life. However at the end of every school semester, these projects are either stashed or thrown away entirely. </li></ul></ul><ul><li>  </li></ul><ul><li>   </li></ul><ul><ul><li>We feel that treating projects in such a manner does not help a student, especially since lots of time is spent doing these projects. Moreover doing so puts the student at a disadvantage when he graduates from school, because such information is valuable to an employer </li></ul></ul>
  3. 3. Solution <ul><li>Build platform to help a student  </li></ul><ul><ul><li>document his contribution, role and project artifacts   </li></ul></ul><ul><ul><li>focus on making the above mentioned problems easy to solve.  </li></ul></ul><ul><ul><li>This platform would also focus on leveraging on current user trends and actions to help make the platform intuitive and powerful. </li></ul></ul>
  4. 4. User Definition <ul><ul><li>Aged between 18 - 25 years old </li></ul></ul><ul><ul><li>Student in a tertiary institution </li></ul></ul><ul><ul><li>Engages in group projects during the course of his or her semester </li></ul></ul><ul><ul><li>Has knowledge of social concepts like sharing and liking  </li></ul></ul><ul><ul><li>Willing to use an online platform to store and showcase his projects, which contains project artifacts such as images, videos and presentations.  </li></ul></ul>
  5. 5. Features <ul><ul><li>User should be able to sign up to the website </li></ul></ul><ul><ul><li>User should be able to login to the website </li></ul></ul><ul><ul><li>User should be able to logout from the website </li></ul></ul><ul><ul><li>User should able to change their profile picture </li></ul></ul><ul><ul><li>User should be able to see a list of projects that they have created under their profile. </li></ul></ul><ul><ul><li>User should be able to create a new project </li></ul></ul><ul><ul><li>User should be able to add/remove assets(videos, images, slides) to their project. </li></ul></ul><ul><ul><li>User should be invite teammates to their projects </li></ul></ul><ul><ul><li>User should be allowed to add/remove a comment to their projects </li></ul></ul><ul><ul><li>User should be able to edit the project title </li></ul></ul><ul><ul><li>User should be able to edit their comments on their projects </li></ul></ul><ul><ul><li>User should be able to search for projects and other users </li></ul></ul><ul><ul><li>User should be able to like the project on Facebook or tweet about the project . </li></ul></ul>
  6. 6. Heuristic guidelines of user interface <ul><li>Guidelines developed by Jakob Nielsen </li></ul><ul><li>  </li></ul><ul><ul><li>Visibility of system status  </li></ul></ul><ul><ul><li>Match between system and the real world  </li></ul></ul><ul><ul><li>User control and freedom  </li></ul></ul><ul><ul><li>Consistency and standarda  </li></ul></ul><ul><ul><li>Error prevention  </li></ul></ul><ul><ul><li>Recognition rather than recall  </li></ul></ul><ul><ul><li>Flexibility and efficiency of use  </li></ul></ul><ul><ul><li>Aesthetic and minimalist design  </li></ul></ul><ul><ul><li>Help users recognize, diagnose, and recover from errors  </li></ul></ul><ul><ul><li>Help and documentation </li></ul></ul>
  7. 7. DEMO
  8. 8. Usability Testing <ul><ul><li>Three usability Iterations  </li></ul></ul><ul><ul><ul><li>Users wanted intuitive interface for uploading Assets </li></ul></ul></ul><ul><ul><ul><li>Feedback systems that were validated actions </li></ul></ul></ul><ul><ul><ul><ul><li>Color Coded Messages on the webpage </li></ul></ul></ul></ul><ul><ul><ul><li>Students desired very navigable interface. Text and Photos were made into links </li></ul></ul></ul><ul><ul><ul><li>We were constantly benchmarked against facebook. </li></ul></ul></ul><ul><ul><ul><li>They wanted more social integration </li></ul></ul></ul><ul><ul><ul><li>Searching Mechanisms  </li></ul></ul></ul><ul><ul><ul><ul><li>Autocomplete </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Relevant Projects </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Relevant Profiles </li></ul></ul></ul></ul><ul><ul><ul><li>Feedback system. </li></ul></ul></ul>
  9. 9. Feasible solutions for further improvement <ul><ul><li>As per our final iteration we feel the following changes would help the overall user experience. </li></ul></ul><ul><ul><ul><li>Firstly the addition of content to our website is a critical feature that needs to be more robust. </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Direct URL parsing for particular websites like, youtube </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Screenshots of websites </li></ul></ul></ul></ul></ul><ul><ul><li>Most intuitive user flow upon receiving an invitation to the site </li></ul></ul><ul><ul><ul><li>We currently have an invitation process that involves the user reaching the project that he is involved with. </li></ul></ul></ul><ul><ul><ul><ul><ul><li>User should have a way to join the projects instantaneously, perhaps by clicking the join project button on the project page </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Users upon signing up will have all the other projects that he is invited to added to his ‘profile’ </li></ul></ul></ul></ul></ul><ul><ul><li>Signing up could be even easier </li></ul></ul><ul><ul><ul><li>We do have a system to help with signing up but we could make it incredibly more intuitive. </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Add instant server feedback system to smooth the signup process </li></ul></ul></ul></ul></ul>
  10. 10. Conclusion <ul><ul><li>Our Project does encapsulate the idea that we proposed in the Introduction. The Webuiltit platform has gone through a number of real life usability testing iterations.  </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><ul><li>It has evolved with the feedback given to us by real users and has made our product robust. At the end of our third iteration cycle we do believe we have come up with a likable and useful product. </li></ul></ul>