TeamFit
By
Claire Cerda, Vivienne Shaw, Hye Sun Yun
Screen Captures:











Documentation:
Design:
We tried to implement mostly the same designs we tested in our paper protoypes.
We chose to use a color scheme that we decided in the beginning of designing. We chose the green color since TeamFit is a health/well-being application, and we wanted to convey to the users that this is an application for staying fit and healthy. Also we chose a red and blue color as accent colors. The red was used for important buttons like "Start Goal" or buttons for retrieval of action like "cancel" button. The rest of the buttons are blue since they did not need to be as alarming as the other buttons. We also thought that having red and blue colors for buttons brings attention to the user that they are buttons and not just content on the page of the application.
We used JQuery mobile framework to implement our paper prototype because we thought that it will help us to make a high quality web application.
In the paper prototype, we did not have "cancel" buttons. We forgot to add any "back" button or "cancel" button options that can bring the user back to the previous page. However, when we were implementing the application, we found that we lacked options for reversal of action. In order to resolve that problem, we added "cancel" buttons in the log goal page.
The navigation bar is at the bottom of the page. We included the Goals of the Week, Personal Statistics, Team Statistics, and Settings in the navigation bar for quick and easy access.
Feature Implementation:
We implemented the application for one user named "Vivienne." The login page does not actually allow users to register and login with the registered username/password. To continue, the user just needs to click on the "LOGIN" button. The statistics and graphs in the Personal and Team Statistics pages are all hardcoded.
The full feature that we implemented is checking the goals and logging in completed goals. The user can look at the goals of the week by clicking on the Goals tab in the navigation bar. The user then can choose a goal to complete and click on "Start Goal." The user is directed to a page with more descriptions of the tasks within the goal. When the user completed the exercises, they can log in the goal and provide useful feedback to the goal setter.
In the computer prototype, we left out the feature of being able to add goals. We thought that it was not the most important feature to implement at this stage of implementation.