Embedded Files
Prototype v1.1
Prototype v1.1
The goal of prototype v1.1 was to improve on the previous design of prototype v1.0 which displayed a basic front-end design. Through new menus, animations, and overall more content, the 2nd Profectly Prototype has an extensive level of detail that was built on the cornerstone of the previous. With this prototype, there was more personality, description, and information added as well to provide a more interactive and realistic experience. Because it is built on the same system, many aspects in regards to testing and creation were similar as the team continued to use Figma for the front-end app.
Prototype v1.1 UI Designs
Prototype v1.1 UI Designs
This is the design, as a mapped-out layout, for the second Profectly prototype was built off of the first, displaying the improvements made on the second design with more functionality in respect to allowing users to view rewards, goals, milestones, friends, etc. and other new features.
Improvements
Improvements
Calendar & Task Menu Improvements
Calendar & Task Menu Improvements
This was improved on with a new overlay menu when clicking on various parts, including that when clicking on a date in the calendar providing a cleaner experience. Additionally there were more details added to tasks to make the experience more realistic.
Challenges & Goals Menu Improvements
Challenges & Goals Menu Improvements
The Challenges and Goals menu was expanded upon with the addition of the milestone menu (more information below), and more details added to the various challenges and goals in the form of titles, descriptions, and icons to create a more realistic user experience.
Rewards Menu Improvements
Rewards Menu Improvements
Improvements for the rewards menu took the form of mainly new details to increase the realism of the user experience, as well as a new menu for custom rewards. The new realistic details were introduced in the form of titles, descriptions, reward point pricing, etc. The new menu for the custom reward was used to demonstrate how users could create there own rewards and edit various aspects of such to increase motivation.
New Menus Developments
New Menus Developments
Home/Main Menu
Home/Main Menu
An actual main menu or home screen was created to make the app more realistic in comparison to the previous alternative in Prototype #1 v1.0. This menu is what the user sees immediately upon opening the prototype and summarizes most of the information found throughout the app such as tasks, goals, challenges, friends, etc. It also displays basic stats for the user to see how they are improving.
Friends & Groups Menu
Friends & Groups Menu
This is a social menu of sorts with the purpose of helping to motivate and work together with friends to help combat procrastination. It also adds a little competition into the mix if the user so desires. Overall, the menu adds the ability to make friends and groups, work as a team, and compete which provides the user with plenty of opportunities to motivate themselves. There is a leaderboard that is available for both groups and friends if the user chooses to enable it in settings.
Milestones Menu
Milestones Menu
The Milestone Menu was added to illustrate the effort to minimize procrastination optimally and increase productivity as a personal journey. With visuals and rewards along the way, this menu is focused on motivating the user to reach the next checkpoint as the work towards overcoming procrastination. Rewards will be linked to the Profectly reward system which will effectively choose rewards based on user performance.
Interactive Prototype v1.1
Interactive Prototype v1.1
Prototype v1.1 is available above so that you can explore it yourself! (Press "R" if needed to restart the app).
Build Procedure
Build Procedure
Built upon the previous design by expanding our goals for completing and developing multiple ideas the team could not in our previous prototypes such as that h the goals menu and social menu.
Multiple expansions on rewards menu (i.e interactive menus)
Multiple edit pages added for challenges, goals, rewards
Redesigned movement icons so users can flow more easily throughout the app's pages
Added milestone menu, friends/social menu
Added Hub menu to better connect website, better inter-connectivity.
Added animations to milestone
Incremental Testing
Incremental Testing
As the second prototype (v1.1), it experienced testing in terms of visual formatting, similarly to the previous prototype. In addition to that which was tested with the first prototype, Prototype #2 (v1.1) experienced more testing with overlay menus in an effort to optimize the navigation amongst menus and streamline the user experience. Because the second prototype was built to serve as a front-end representation (same as the first prototype), it lacks functionality. A back-end prototype is planned to be created next.
Build Modifications/What changed
Build Modifications/What changed
This prototype was built off of the previous design by expanding our goals for completion and finishing multiple ideas we could not in our previous prototype
Improvements were made to the profile settings menu, with new drop-down menus using overlays.
Multiple expansions on rewards menu (i.e interactive menus)
Multiple edit pages added and updated for challenges, goals, rewards
Redesigned movement icons so users can flow more easily throughout the app's pages
Added milestone menu for effectively showing user progress to increase motivation
A new Social menu was created to allow users to make friends and groups as well as work as a team and compete.
Added updated and formed an optimal home menu to better to allow for better navigation and more effective user experience.
Animations were updated for overlay menus in order to make them more streamlined.
Throughout the prototype, more details were added in the form of names, descriptions, titles, icons, etc. to make the experience more realistic.
Prototype v1.1 Conclusion
Prototype v1.1 Conclusion
Prototype v1.1 allowed Profectly to complete their vision of how the app should and will operate. This more advanced model allows for fluidity and high functionality for the front-end with additional menus from milestone to social and the extension of previous menus such as goals, rewards, and scheduling menus. This functionality and fluidity will finally be fully utilized in Prototype v2.0.
Page updated
Report abuse