Habit Tracker Dashboard

Times displayed for habits such as '7:00 AM' and '8:00 AM' lack timezone or context, which may confuse users in different regions or timezones.

Users might misinterpret reminder times if timezone context is absent, reducing task adherence.

Add timezone information or use relative time labeling (e.g., 'local time') to clarify the meaning of displayed times.

The secondary text such as 'Every day - 7:00 AM' and 'Track throughout the day' appears in a light gray color on a white background, likely below the WCAG AA contrast ratio of 4.5:1 for normal text.

Habit titles ('Morning Run') and their schedule details ('Every day · 7:00 AM') appear similar in font size and weight, reducing visual hierarchy.

Users may struggle to quickly distinguish the primary habit name from secondary schedule details, impacting scanning efficiency.

Increase font size or weight of habit titles relative to the schedule text to create a clearer visual hierarchy.

The icons next to each habit vary in style: the 'Morning Run' icon is more colorful and cartoonish, the 'Read 20 Pages' icon is less saturated and simpler, and the 'Drink 2L Water' icon looks somewhat different in style and saturation compared to the others.

Inconsistent icon styles within a related set can reduce perceived polish and professionalism, causing a disjointed visual experience.

Use a consistent icon set or style (color palette, stroke weight, level of detail) for all habit list icons.

'Mark all as complete' button label is generic and does not clearly communicate the action's effect or consequences, which might confuse users about what exactly will be marked complete.

Users may hesitate to use the button or be uncertain if it applies to all tasks or just those visible, risking underuse or errors.

Use a clearer label such as 'Mark all habits as complete today' or add a brief tooltip to explain the action.

The screen shows habits with an option to mark all as complete and individual completion checkboxes, but there is no clear indication of what happens after marking habits complete or what user should do next.

Users may be uncertain if they need to submit, save, or proceed to another screen, leading to confusion or incomplete flow completion.

Add a clear next step such as a confirmation message, navigation to a summary screen, or enabled action button after completion to guide users forward.

The small day initial letters above the dates from 24 to 30 appear in a light gray color against a white background, likely failing the minimum 4.5:1 contrast ratio for readability.

This reduces legibility of the calendar headings, making it harder for users to quickly identify weekdays.

Increase the text contrast by choosing a darker color for the day labels or adding a subtle background highlight to improve separation.

The icons and text for the bottom navigation items 'Stats', 'Habi', and 'Me' appear in a very light gray color on a white background, making the contrast likely below WCAG AA 3:1 for UI components.

Users may have difficulty recognizing and activating these navigation options, impairing app usability.

Use a darker color or style the icons and text with higher contrast, such as a medium or dark gray tone to meet minimum contrast standards.

The header only shows 'HOME' and a greeting but lacks clear visual cues or labels indicating the user's current section or role within the app.

Users might feel uncertain about where they are in the app, especially if they navigate away and return, reducing orientation and ease of use.

Add a distinct page title or breadcrumb indicating the current section more prominently, or use contextual subheaders to clarify user location or role in the app.

The check circles are visually close to the habit titles and subtitles without much spacing or padding between their tap areas.

Close spacing can cause accidental taps on the wrong target, reducing ease of use and increasing user frustration.

Provide more spacing or padding between the check circles and the habit text elements to clearly separate their touch targets.

The circular checkboxes on each habit item have thin borders and no filled state is visible, making it unclear whether they are tappable or show completion state.

Users may find it difficult to understand where and how to mark a habit complete, reducing ease of interaction.

Add a filled checkmark or color change on tap states, and increase border thickness or button size for easier recognition and interaction.

Each habit item has an individual completion button plus a separate 'Mark all as complete' button, requiring users to decide between marking habits one-by-one or all at once.

Having separate buttons for individual and bulk completion adds extra steps and decision points, increasing cognitive load and slowing task completion.

Consider consolidating completion actions by automatically marking all visible tasks as complete during a bulk operation or simplifying UI to reduce redundant controls.

The currently selected date (Mar 27) is highlighted with a darker green background, but the contrast between the selected date and other dates is subtle and the typography size difference is minimal, making it less visually prominent.

Users may take longer to quickly identify the active date, which can slow interaction and reduce clarity of the app's state at a glance.

Misalignment in core navigation elements reduces clarity and visual polish.

The prominently featured cute panda mascot with soft green glow gives a playful, casual tone that may not align with all users’ expectations for a serious habit tracking tool.

Users seeking motivation and self-discipline tools might find the mascot less trustworthy and less professional, potentially affecting engagement and perceived reliability.

Consider providing an option to minimize or replace the mascot for users preferring a more focused, serious interface tone.

Misaligned elements can distract users and reduce perceived quality of the interface.

Align the checkmark circles to a consistent vertical axis across all habit items.

The 'Create New Habit' button uses a secondary-like style with a softer green fill and an explanatory subtitle that might reduce urgency or prominence as the primary CTA.

Users could miss or delay initiating new habit creation, lowering conversion or engagement.

Increase contrast, size or remove the subtitle to make the CTA visually stronger and more actionable.

The 'Mark all as complete' button does not provide any reassurance or confirmation message explaining what this action entails or if it can be undone.

Users may be hesitant to use this action as it might complete multiple habits without clear feedback, leading to uncertainty or accidental completion.

Add brief explanatory text or a confirmation prompt reassuring users about the action's effect and the ability to undo it if applicable.

The 'Create New Habit' button label states 'Takes less than 10 seconds,' which may set unrealistic expectations for users unfamiliar with habit creation complexity.

If the actual process takes longer, users may lose trust and frustration may increase, undermining the app’s credibility and perceived ease of use.

Clarify or soften the language by using phrases such as 'Usually quick to create' or 'Simple and fast habit setup.'

The habit items themselves mostly show text and a small icon but lack obvious affordance like button styles or background highlight, which might confuse users about what parts of the item are tappable.

Poor affordance reduces discoverability and confidence in interactive elements, potentially causing users to miss functionality or hesitate while using the app.

Use clearer visual affordances such as backgrounds, shadows, or distinct button styling to make habit items or their check areas look more obviously tappable.

The top horizontal day selector requires users to remember the context of each date and toggle between days to see related habits, creating a mild memory burden.

Users must continually recall which day they viewed last and what habits belonged to each date, increasing mental effort to track progress.

Display contextual summaries for all days on the main screen or allow quick switching with visible habit counts to reduce reliance on memory.