1. Strategy Over Surface: Getting the Objective

I used to judge an application screen purely by visual styling—its color palette, drop shadows, and typography. But evaluating UI through surface aesthetics alone lacks strategic direction. Over years of designing commercial products, I built a three-question diagnostic framework that guides every redesign:

• Implication: What is the core narrative this screen is communicating to the user?
• Task Objective: How does the interface guide the user toward their primary daily action?
• Assumed Identity: How does the screen make the user feel, and what persona does the product project?

When inspecting the original Withings homescreen, four distinct product friction points emerged:

1. 01Attention Diffusion: With stacked full-width cards, the user must expend significant cognitive effort scrolling and reading each tile individually.
2. 02Subconscious Comparison: A vertical list view subconsciously prompts users to compare metrics against adjacent cards above and below, even when the data points are medically unrelated.
3. 03Passive Telemetry: The screen reports raw data overviews, but fails to tell the user what tangible health action they should take next.
4. 04Graph Utility: The tiny embedded sparklines were visually compressed, making precise trend interpretation difficult on mobile screens.

2. From List View to Compact Grid

My primary hypothesis was that health metrics are most actionable when consumed at a single glance. By shifting from a vertical stacked list to a 2-column modular grid, we can pack essential vitals into the initial viewport without requiring constant scrolling.

Condensing that much information into half-width cards initially created typographic clutter: eyebrow titles, primary numbers, measurement units, timestamps, and trend graphs all fought for visual hierarchy. Through iterative refinement, I established a strict information sequence:

• Secondary Eyebrows: Because the mini-graph immediately identifies the data category, eyebrow labels receive muted, secondary typographic treatment.
• Familiar Units: Users already know blood pressure is measured in mmHg and heart rate in BPM. Units are de-emphasized to let primary digits dominate.
• Restoring the Micro-Graphs: I initially experimented with replacing graphs with simple monochrome icons. It was a mistake. Icons stripped away the app’s visual identity. Withings looks like Withings specifically because of those meticulous mini-sparklines. I brought them back immediately.
• Timestamp Noise Reduction: Removed explicit “last synced 2h ago” text. Instead, borrowed status indicators from modern messaging apps—subtle dot indicators for unreviewed data.

3. The Gym Trainer Rule: Proactive Insights

Even with an optimized grid layout, one fundamental problem remained: the dashboard was still a passive mirror. It told the user what their metrics were, but gave zero insight into what those numbers meant.

Imagine you work with a personal gym trainer. Every morning, you ask: “How am I doing?” If your trainer simply read back your raw numbers—“Weight 74.2 kg, Sleep 7.1 hours, Blood Pressure 122/80”—you would find them useless.

A real trainer synthesizes the data: “Your recovery was fantastic after yesterday’s workout, but your blood oxygen has dipped for three consecutive nights—let’s check your bedroom ventilation.”

That insight led to the headline component of the redesign: The Proactive Health Summary. Positioned at the very top of the dashboard, it interprets combined health trends, highlights positive milestones, and flags anomalies requiring attention before the user even looks at individual tiles.

4. Core Lessons Learned