Hey everyone!
I’m currently building a water-tracking app (with hydration screen lock) focused on a friendly, mascot-driven experience to help people stay hydrated. I’ve been working on two different widget styles and would love some honest feedback from this community.
The Design Approach:
I wanted to balance a "cute" aesthetic with clear utility.
Widget A (The Square): Focuses on a quick-add action with a large "+" button and a circular progress ring.
Widget B (The Rectangle): Focuses on detailed status, including a daily streak and a countdown for the remaining time in the day.
I’d love your thoughts on a few specific things:
Information Hierarchy: Does the current intake (1,3L) stand out enough on both?
Progress Indicators: Do you find the circular ring (Top) or the linear progress bar (Bottom) easier to read at a glance?
Contrast & Readability: On the rectangular widget, does the white text on the dark green background feel accessible, or should I increase the contrast?
The Mascot: Does the character add value to the UI, or does it make the widget feel too cluttered?
Technical Info:
Style: Minimalist/Friendly
Primary Action: Quick logging vs. Status monitoring
I’m really looking for any and all critiques on the spacing, colors, and overall feel. Thanks in advance for the help!