Embedded Files
Lo-Fi Prototype
Lo-Fi Prototype
Time Management and scheduling are something a lot of college students struggle with. The goal of our design was to help students manage their time well so that they can have more time to incorporate joy and self-care into their lives.
We used Miro to draft our lo-fi prototype. For our screen time app, we wanted the user to be able to complete several tasks beyond just limiting screen time. For example, we wanted to be able to create a feature that allows users to link more than one device since for most people, they are on more than one device throughout the day. Being able to link devices will allow users to track their screen time on all devices and not just one. Similarly, we included an analytics page that allows users to see which devices they were using the most. We also wanted users to be able to have the choice of which apps they could use at specific times, so we created an app scheduler. People tend to get distracted easily by social media apps, so setting times where they could only have access to social media apps helps them limit distractions to get work done.
The picture to the right shows the rough draft of our initial prototype and how each page was connected.
Once we finished designing our prototype, we created a video that demonstrated how a user would interact with the design. We presented the video linked to the right to fellow classmates and received feedback from them. Based on the questions and feedback from classmates, we made a few refinements to the prototype.
As you can see in the picture to the right, some of the refinements we made included enhancing the analytics page and adding a notification feature. On the analytics page, we included a better design to show a breakdown of the devices and a breakdown of productivity apps versus leisure apps. We included this refinement because some of the feedback we received was that if the app is tracking individual apps, how can users see that? And if it is linked to multiple devices, how can they see that? Similarly, we added a notification feature to the app so that the user gets a confirmation when their limit has been reached or when they have completed certain tasks.
This image shows the rough draft of our initial prototype
This image shows are refined prototype after presenting it to fellow classmates
Hi-Fi Prototype
Hi-Fi Prototype
Our team utilized the Figma software to create a prototype of our product, allowing us to show a polished version of the app and how the final product might really look like. Figma also allowed us to create a flow between different screens that users can interact with as if it were the final product. The prototype is linked below the image.
We took the ideas made in our Lo-Fi prototype and critically brainstormed amongst ourselves to determine what features we wanted to keep and which we wanted to omit. We then translated the Miro board into Figma, detailing out each frame with the content and design of the screen. Afterwards, we used the prototyping features of Figma to link up buttons and navigation so that the prototype would be functioning.
We then tested the prototype, ensuring all the prototype links were connected correctly. If they were not, we would correct the change and repeat the process to ensure that the flow proceeded as we wanted.
Page updated
Report abuse