<?xml version="1.0" encoding="utf-8"?>
Open full project

Subject: Introducing TrackHealth: A Comprehensive Health Monitoring Interface

I am pleased to introduce TrackHealth, our latest interface designed to provide users with a streamlined and empowering approach to monitoring their health. Built upon principles of user-centered design, thoughtful information architecture, and accessibility, TrackHealth aims to deliver a concise, motivating, and transparent overview of individual well-being.

Key Design Choices:

1. Simplified Design: Our interface is meticulously crafted to maintain a clean and organized layout, avoiding overwhelming users with unnecessary information.

2. Key Data Focus: We prioritize essential health metrics such as steps, sleep, weight, and hydration, ensuring users can effortlessly monitor their progress towards their wellness goals.

3. Encouraging Feedback: Positive reinforcement messages and progress indicators are strategically integrated into the dashboard, inspiring users on their health journey.

4. Customization: While adhering to a clear structure, users have the flexibility to personalize their experience by highlighting preferred data points through customizable settings.

Information Architecture:

1. Overview Segment: A concise daily greeting, date display, and personalized well-being message set the tone for a welcoming and engaging user experience.

2. User Profile: The inclusion of the user's name and basic details adds a personalized touch, fostering a sense of connection with the interface.

3. Data Segments: Health data is thoughtfully categorized into sections such as Reports, Medication, and Appointments, facilitating seamless navigation and access to relevant information.

4. Visual Representation of Data: Intuitive charts for heart rate, sleep duration, and weight provide users with a visually engaging and comprehensible means of tracking trends over time.

Features

Top Action

Highlight Activities

  • Steps
  • Sleep
  • Calories
  • Blood Pressure
  • and many more depends on selected activity

Second section will contain

  • Data Visualization with Highlights and goals
  • User Will select the activity > Will see the chart and card section
  • User can update the picture and video near to the activity Such as selfies or video for daily motivation and engagement alos it could help user to create complete health journey

Third Section

  • Recommendation Podcast Related to health and motivation (Purpose to engage the User)

Fourth Section

  • Recommendation Short Videos Related to health and motivation (Purpose to engage the User)

Last Section

  • Education Blogs and Articles

Accessibility:

1. Enhanced Color Contrast: We prioritize distinct contrast between text and background colors to assist users with visual impairments in navigating the interface effectively.

2. Adjustable Text Size: Scalable fonts are employed to ensure readability across various devices, accommodating users with diverse preferences and needs.

TrackHealth offers a user-friendly platform for individuals to monitor their progress and uphold their overall well-being. With its emphasis on clear information display, actionable insights, and a touch of personalization, we are confident that TrackHealth will positively impact the lives of our users.

I eagerly await your feedback and suggestions for any additional features or modifications to further enhance TrackHealth.

Share your insights — leave a project review and help others grow their skills

Reviews

3 reviews


Hey Shivyank!

Great work! I think you did a great job in your presentation of the design and your written explanation!

There are some small things to improve in the design for better readability and accessibility. I tried to access the Figma file to give you more direct feedback on these items but I do not have access. But in general, keep an eye on:

  • Contrast between your background elements and text - some text can be hard to read due to it clashing with background elements that are of similar color value. For example the podcast section.
  • The spacing of elements can be increased to allow the eye to scan the design quickly and effortlessly

I hope the feedback helps and I would be happy to leave comments on your Figma file if you like.

Keep on learning and designing!


Addressing 2 different user intents (tracking my activity, and be inspired) at the same time is really hard to crack. I would look into splitting them into 2 separate pages.

On the dataviz part, I'd start simplifying a bit. For example, the activities displayed (steps, calories, sleep, etc.) are repeated between the small cards and the full section below, with duplicated data between those. There are common patterns you could explore (master/detail, tabs, a carousel...) to make both part of the same.

On the visual design part, I'd also look into 3 main things:

  • Removing all unnecessary elements (eg: why would an image be relevant at the top-left of the Steps section?)
  • Creating an effective hierarchy with a better use of typography to separate sections
  • There are so many different styles to convey that something is clickable, that it is hard to scan the page for places to click

Keep it up! 🙌


TrackHealth offers a well-structured, user-friendly interface with key features like progress tracking, personalized feedback, and engaging recommendations. However, the use of multiple highlight colors creates a visually cluttered experience, detracting from the overall design cohesiveness—it feels a bit too chaotic. Additionally, the contrast between the button text and its background, especially for the "Add More Activity" button, is insufficient, making it hard to read. The color contrast between the menu and the background could also be improved for better readability. Overall, the design is solid but could benefit from more consistent color choices and improved accessibility for a smoother user experience.


15 Claps
Average 3.8 by 4 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>