User Interface (UI) Design ‐ Goal Tracking Application

User Interface (UI) Design

This page presents the UI design for the application. The mockups illustrate the layout and key elements of the app's user interface.

New Goals Screen:
- This screen displays a list of the user's active goals, offering a quick overview of ongoing tasks.
- Tapping a goal reveals detailed progress and task breakdowns.
Progress Screen:
- Visualizes goal progress with clear progress bars, allowing users to track their advancement at a glance.
- Each progress bar is directly linked to its corresponding goal for easy context.
Awards Screen:
- Showcases earned awards, categorized by tier (Gold, Silver, Bronze), to motivate users through achievements.
- A "Points" section provides a quick view of the user's accumulated points.