Habit Tracker Mobile App

The subtext such as 'All day', 'Every day - 7:30 AM', and 'Every day - 9:00 PM' placed below the habit titles is shown in a pale green color on a white background, making the text hard to read due to insufficient contrast.

Users with low vision may struggle to read these details, potentially missing critical information about the habit schedule or timing.

Darken the color of the subtext to increase contrast against the white background or use a darker gray/green.

The screen shows a plus (+) button presumably for adding tasks, but there is no clearly labeled primary call-to-action button with action text (e.g., 'Add Task') which can confuse users about how to proceed with adding or managing tasks.

Users may be uncertain about how to add or complete daily tasks, possibly reducing engagement or task completion rates.

Add a prominent primary CTA button with clear, action-oriented text such as 'Add Task' or 'Complete Task' near the task list or plus icon.

Text that is too small can cause eye strain and may make it difficult for users to quickly understand item details, impacting overall usability.

The icons in the bottom navigation bar have inconsistent styles: the Home icon is a filled, colorful house, Stats is colorful bars, Habi is a simple speech bubble in purple, and Me is a stylized panda face, differing in complexity and color palettes.

Inconsistent icon styles can confuse users or reduce perceived polish and professionalism of the app.

Adopt a consistent icon style across the bottom navigation bar, such as all outline icons, all filled icons, or a unified color scheme and level of detail.

The bottom navigation uses icons with text labels but the current page 'Home' is indicated only by a subtle background highlight without a clear active state or label emphasis, which may not be obvious at a glance.

Users may be uncertain about which section of the app they are currently viewing, reducing their sense of orientation and confidence in navigation.

Small targets can be hard to accurately tap, especially for users with motor impairments or using smaller devices, increasing input errors.

Increase the size of the circular checkboxes to at least 44x44 pixels while maintaining visual balance or add padding around the tap area.

The bottom navigation bar icons (Home, Stats, Habi, Me) are spaced quite closely, with each icon's tap area likely under recommended width for touch targets.

Users may accidentally tap the wrong navigation icon due to insufficient spacing, increasing navigation errors and frustration.

Increase horizontal spacing or tap area padding around each bottom navigation icon to meet 44x44 pixel minimum.

The user must individually toggle multiple habits (e.g., Meditate, Evening Journal, 10k Steps) to mark completion, increasing the number of decisions per session.

Too many similar toggle decisions can slow user progress and increase cognitive load, causing frustration or drop-off.

Consider grouping habit completions into fewer bulk actions or implementing a more guided workflow for habit tracking.

The screen shows the user has completed some tasks (indicated by the check marks), but it is not clear what the user should do next to continue their progress or interact further.

Users might be confused about how to proceed or engage further, potentially reducing motivation and flow completion.

Provide a clear visible button or prompt guiding the user towards the next step, such as adding new habits, reviewing progress, or completing additional tasks.

The inactive bottom navigation tabs (Stats, Habi, Me) use a pale muted color for text and icons on a white background, reducing readability and making it hard to distinguish active/inactive states clearly.

Users with visual impairments or in low-light conditions may have difficulty identifying navigation options, impacting app navigation.

Use a darker or more saturated color for inactive icons and labels or add a distinct visual style to differentiate inactive states clearly.

The date and day headers at top (e.g., 'W 25', 'T 26', 'S 28') use similarly styled text with low contrast and small font sizes, which makes it harder to distinguish current day selection and day names clearly.

Poor hierarchy in the calendar display can reduce users' ability to quickly recognize today's date and plan accordingly.

Use stronger visual contrast and differences in font size or weight to distinguish the selected day and day names from unselected ones.

Misaligned UI elements cause cognitive load and reduce visual harmony, making the interface harder to scan and less pleasant.

Adjust vertical alignment so that checkboxes align neatly with their associated icons and text baseline within list items.

Several task items are stacked vertically with minimal spacing and similar styling, making it potentially difficult to distinguish and select individual tasks easily, especially on small screens.

Users may accidentally tap the wrong task or become frustrated by the lack of clear separation between actionable elements leading to poor interaction and drop-offs.

Increase vertical spacing between task cards or add more visible dividers or shadows to clearly separate individual tasks for easier touch targeting.

Tasks use circular check icons to indicate completion but lack a clear button or label to 'Complete' or 'Undo' which may cause confusion about tappable areas or actions.

Users may hesitate to interact with tasks, unsure if tapping the circle marks complete or triggers other actions, reducing task engagement.

Add visible labeled buttons or tooltips such as 'Mark Complete' or 'Undo' next to these task completion circles.

The use of a cartoon panda with blushing cheeks and playful emojis like the waving hand and flame adds a lighthearted tone that may feel inconsistent with users aiming for serious habit tracking and self-discipline.

Users who want a focused, professional, or motivational experience might perceive the playful tone as lacking seriousness, reducing motivation or trust in the app’s effectiveness for habit building.

Adjust the visual and copy tone to better align with the goal of habit formation, e.g., using encouraging but slightly more neutral or motivational graphics and reducing playful emoji use.

The small date selection buttons (e.g., '25', '26', '27', '28') at the top are spaced closely, with minimal padding covering only about 25-30 pixels wide each.

Touching the wrong date button is likely if targets are too close, increasing user frustration and input errors.

Increase spacing or padding between date buttons to ensure at least 44x44 pixel tap areas per target.

The list of tasks shows some incomplete items (empty circles), but there is no guidance or call to action indicating how to complete or interact with these tasks.

Without clear instructions or encouragement, users may not know how to complete their habits or why they should, possibly reducing engagement.

Include instructional text or tooltips explaining how to mark tasks complete or the benefits of completing these tasks.

The greeting 'Good afternoon, Juan' with a waving hand emoji and the cute panda image create a friendly feel but do not strongly differentiate the app or create a memorable emotional connection above the fold.

Users might not feel a strong brand attachment or recall from this screen, impacting satisfaction and engagement, especially if many habit apps use similar friendly language and mascots.

Introduce a more unique, brand-defining character or statement that clearly communicates the app’s unique value or personality. Consider stronger visuals or messaging that elicit a stronger emotional response.

The app displays habit tracking actions like 'Meditate' and 'Evening Journal' without visible trust indicators or privacy reassurances, which might concern users about data sensitivity.

Users might hesitate to record sensitive personal habits if they are not reassured about privacy, potentially reducing app engagement or habit tracking completion.

Add clear trust signals such as privacy icons, brief notes about data safety, or reinforcement of confidentiality near tracked activities.

The centrally placed large panda illustration and use of emoji add visual clutter without actionable purpose.

Visual distractions can draw attention away from primary actions, increasing effort to scan important information and complete tasks.

Reduce or simplify decorative images and avoid multiple unrelated emojis to maintain focus on habits and actions.

Habit reminders like 'Meditate Every day - 7:30 AM' are shown as small text under habit names without emphasizing time or urgency.

Users may overlook time details or forget exact habit schedules, requiring mental effort to remember or refer elsewhere.

Highlight time information more clearly or provide interactive scheduling/timer features to reduce reliance on memory.

Text style inconsistency can confuse users about task status and lessens UI polish.

Use a consistent text weight and color scheme for completed vs active tasks across the list.

The numeric dates in the week row appear uneven in vertical alignment, with some numbers slightly above or below others, especially the selected date in a background circle.

Inconsistent vertical alignment reduces visual harmony and may cause a subtle distraction.

Align all date numbers evenly along the same vertical baseline, including the selected date's background circle.

The numeric date buttons use small font and subtle circle highlights with no distinct button shape or shading to clearly indicate interactivity.

Users might not recognize these as tappable controls easily, leading to confusion or missed interaction opportunities.

Add clearer affordance such as raised button shape, shadows, or stronger color contrast on the active date to distinguish tappable elements.