Daily Habit Tracker
The interface features a clean, friendly design with engaging visuals like the animated panda, which helps maintain user motivation. However, it could improve by enhancing contrast for better accessibility and providing clearer call-to-action buttons for easier interaction.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
3
Color & Contrast2
Content Readability & Clarity3
Visual Consistency, Imagery & Media1
Navigation & Structure0
Conversion & Actions0
Tone, Friendliness & Delight3
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load2
Flow & States Completeness1
Strategic DesignRecommended Fixes by Impact
0Critical
4Major
12Moderate
5Minor
Missing clear page or task orientation
Major
Orientation Missing (Environment/Role/Location)
The Problem
The UI lacks a clear heading or breadcrumb that explicitly states the current page or task context beyond dated tasks and icons, making it harder for users to quickly understand where they are within the app or their current role or environment.
Why it Matters
Without clear orientation, users can get confused about what part of the app they are in or what actions to take next, reducing usability and increasing cognitive load.
How to Fix
Add a prominent page title or contextual heading near the top of the screen stating the current section or task, and consider breadcrumbs or other role/environment indicators.
Issue Highlights
Checkbox targets are too small
Major
Accessibility & Input Ergonomics
The Problem
The circular checkbox toggles on the right side of each list item appear smaller than the recommended 48x48 dp touch target size, likely around 24-30 dp.
Why it Matters
Small touch targets increase the likelihood of input errors, making it difficult for users with motor impairments or larger fingers to accurately tap them.
How to Fix
Increase the size of the checkboxes to at least 48x48 dp or add additional touch padding around them to meet the recommended touch target size.
Issue Highlights
Unclear progress indicator with crossed-out completed habits
Major
Strategic Design
The Problem
Completed habits like 'Morning Run' and 'Drink 2L Water' are crossed out and have a checkmark, but the top messaging 'Almost there — keep the momentum going.' does not clearly indicate overall progress or goal completion level.
Why it Matters
Users may be unsure how close they actually are to accomplishing their daily goals, reducing motivation and satisfaction with tracking progress.
How to Fix
Add a clear, quantitative progress bar or percentage indicator for daily goals and ensure the 'Almost there' message corresponds directly to it for clarity.
Issue Highlights
Unclear consequences for "Mark all" completion action
Major
Destructive Action Without Safeguard (Confirm/Undo)
The Problem
The 'Mark all' button likely marks all tasks as completed with a single tap, but there is no visible confirmation or undo option to prevent accidental completion.
Why it Matters
Users might unintentionally mark all tasks done, losing track of actual progress and causing frustration.
How to Fix
Add a confirmation prompt before marking all tasks completed or provide an undo option immediately after action.
Issue Highlights
Inconsistent font weight and style in checklist items
Moderate
Visual Consistency, Imagery & Media
The Problem
The checklist items in the habit list show inconsistent font weights and styles: the top three items use a bold font style for the title with normal weight details, while the last two completed items show the titles in a bold, struck-through style and details in lighter font. This inconsistency reduces uniformity in the list presentation.
Why it Matters
Users may find it harder to quickly scan and understand the status of habit items due to mixed font treatments, causing cognitive load and interpretation delays.
How to Fix
Standardize the font style and weight for all habit items' titles and descriptions. Use a clear style for completed items (such as lighter color or italics) but avoid mixing strike-through and bold as it complicates reading.
Issue Highlights
Low contrast for secondary task text
Moderate
Color & Contrast
The Problem
The secondary task descriptions such as 'Every day · 8:00 AM' and 'Track throughout the day' appear in a light gray on a beige background, likely failing WCAG AA for normal text contrast.
Why it Matters
Users with low vision or color blindness may have difficulty reading these lighter text elements, reducing usability and accessibility.
How to Fix
Increase the contrast by using a darker shade of gray for this auxiliary text or lighten the background behind these text elements to meet at least 4.5:1 contrast ratio for normal text.
Issue Highlights
Lack of clear hierarchy in task details
Moderate
Content Readability & Clarity
The Problem
The task names (e.g., '10k Steps') use a bold font weight but the subtext (e.g., 'Track throughout the day') is light and gray, making the hierarchy subtle but could be improved for clarity. The time and frequency info in some tasks share the same line and similar font size, making it harder to quickly distinguish key information.
Why it Matters
Users might struggle to parse key details (task vs. timing) quickly, reducing the efficiency of scanning the list.
How to Fix
Increase visual contrast between task name and details by using font size, weight, or color. Separate frequency from time into different lines or style to create clearer grouping.
Issue Highlights
Misalignment of radio buttons with text in habit items
Moderate
Visual Consistency, Imagery & Media
The Problem
The circular radio buttons on the right side of habit items appear vertically misaligned relative to their associated text content, especially in completed items where the check mark button is centered, causing inconsistent vertical positioning.
Why it Matters
Misalignment makes the UI look less polished and can confuse users about which text corresponds to which control, reducing usability and trust.
How to Fix
Align the radio buttons or check icons vertically center with the text lines in their respective habit item containers to ensure a tidy layout.
Issue Highlights
Each habit requires individual toggle action to mark completion
Moderate
Efficiency & Cognitive Load
The Problem
Users have to toggle the completion of each habit separately, which can be inefficient especially with multiple habits tracked daily.
Why it Matters
This increases task completion time and can lead to user frustration or abandonment if too many micro-steps are involved.
How to Fix
Consider batch actions or a single 'Mark all completed' prominent option to reduce repetitive toggling.
Issue Highlights
Unclear next action after marking tasks
Moderate
Flow & States Completeness
The Problem
After marking tasks complete (e.g., Morning Run, Drink 2L Water), the screen shows no prompt or button suggesting what the user should do next to continue or finalize their progress.
Why it Matters
Users may be uncertain how to proceed after interacting with tasks, risking confusion or drop-off in app usage.
How to Fix
Add a clear call to action or prompt once tasks are marked, such as a 'Save Progress', 'View Summary', or 'Next Tasks' button.
Issue Highlights
Unclear timezone for scheduled task times
Moderate
Ambiguous Date/Time/Timezone
The Problem
Times for daily tasks like '8:00 AM', '9:00 PM' are shown without any indication of timezone or locale, which could be ambiguous if the app is used across timezones.
Why it Matters
Without explicit timezone info, users traveling or sharing their schedule might misinterpret task timings, causing scheduling errors or missed tasks.
How to Fix
Add timezone indicator or tooltip to clarify what timezone the times are referencing.
Issue Highlights
Low contrast for faded task titles
Moderate
Color & Contrast
The Problem
The task titles 'Morning Run' and 'Drink 2L Water' appear visually faded with a low contrast medium brownish-gray on a beige background, likely below WCAG AA threshold.
Why it Matters
This low contrast text makes tasks look disabled or less readable for users with visual impairments, which can lead to confusion or missed tasks.
How to Fix
Use a darker color for the faded text to increase contrast or use alternative visual indicators besides just lowering contrast to show disabled state.
Issue Highlights
Navigation bar icons spaced closely
Moderate
Accessibility & Input Ergonomics
The Problem
The four icons in the bottom navigation bar (Home, Stats, Habi, Me) are spaced closely, with narrow spaces between their tap areas, likely less than 8 dp.
Why it Matters
Insufficient spacing between adjacent tap targets may cause accidental taps, leading to user frustration and input errors.
How to Fix
Increase horizontal spacing between navigation icons or increase their touch target area to avoid overlapping or adjacent targets.
Issue Highlights
No guidance for completed or empty daily task list
Moderate
Flow & States Completeness
The Problem
The daily task list includes only some tasks with some marked done. There's no indication what happens if all tasks are completed or if there are no tasks for the day.
Why it Matters
Users might be left without guidance when the task list is fully completed or empty, leading to confusion about what to do next or whether they successfully finished all goals.
How to Fix
Provide an empty or completed state message and suggestions for next steps, such as setting new tasks or reviewing progress.
Issue Highlights
Multiple similarly styled task items with potential unclear interaction priority
Moderate
Navigation & Structure
The Problem
Several task items with icons, text, and checkboxes are listed in close vertical alignment with similar styling, which may cause users to hesitate or be unsure which elements are interactive or how to prioritize tasks.
Why it Matters
Dense and visually similar clickable targets can cause accidental taps or user frustration when trying to mark tasks complete or navigate the list effectively.
How to Fix
Increase spacing between list items or visually differentiate actionable elements. Provide clearer affordances such as button-like highlights or distinct interactive areas.
Issue Highlights
User must remember individual habit frequencies and times
Moderate
Efficiency & Cognitive Load
The Problem
Each habit item shows frequency or time details that the user must recall or cross-check manually, such as 'Every day 8:00 AM' or 'Track throughout the day', without consolidated summary or guidance.
Why it Matters
This increases cognitive load as users must remember or interpret habit details individually rather than seeing an overview or cues that help manage tasks more efficiently.
How to Fix
Provide an on-screen summary or grouping of habits by frequency or time of day, or allow filtering/sorting to reduce the need to scan each habit.
Issue Highlights
Ambiguous labeling of date context
Minor
Content Readability & Clarity
The Problem
'APR 8 · TODAY' appears above the task list but isn't explicitly labeled as 'Date' or 'Tasks for', which can cause a slight moment of ambiguity about its function.
Why it Matters
Users may be unclear if this is a filter, a heading, or simply informational text, potentially causing hesitation or confusion about the tasks shown.
How to Fix
Add a label such as 'Tasks for' or 'Date:' before 'APR 8 · TODAY' to clarify the context.
Issue Highlights
Unclear meaning of icons in bottom navigation bar
Minor
Visual Consistency, Imagery & Media
The Problem
The bottom navigation icons for 'Stats' and 'Habi' are not obviously labeled or universally recognizable, potentially causing ambiguity in their intended functions.
Why it Matters
Ambiguous or unlabeled icons can confuse users, increasing cognitive load and reducing ease of navigation.
How to Fix
Add text labels under all icons consistently or use more universally recognized iconography to clearly convey each tab's function.
Issue Highlights
Low contrast for unselected toggle controls
Minor
Color & Contrast
The Problem
The circular toggle controls for uncompleted tasks are very light beige circles on an off-white background, resulting in low contrast and less distinct controls.
Why it Matters
Users might have difficulty identifying these controls as interactive or distinguish them from background, affecting usability.
How to Fix
Darken the toggle border or fill slightly to meet a minimum contrast ratio against the background, ensuring clear focus and state distinction.
Issue Highlights
Date selector buttons lack clear affordance
Minor
Accessibility & Input Ergonomics
The Problem
The circular date selectors at the top (like Apr 8, Apr 9, etc.) appear flat and minimally styled, potentially appearing non-interactive due to low contrast and minimal shadow or border.
Why it Matters
Users may not realize these date elements are tappable, which can result in reduced discoverability and usability.
How to Fix
Add clearer affordance cues such as shadows, borders, or distinct tap state color changes to make these date selectors clearly interactive.
Issue Highlights
'Mark all' option placement and labeling is unclear
Minor
Efficiency & Cognitive Load
The Problem
The 'Mark all' button is available but placed slightly separated and may cause hesitation or confusion about its exact action versus individual toggles.
Why it Matters
This can slow down user action or cause uncertainty about the best way to mark progress, affecting task flow.
How to Fix
Clarify the 'Mark all' label (e.g., 'Mark all Complete') and place it closer to the habit list for clearer association.
Issue Highlights