← All posts
Design
1 min read

Designing Today as one page of a calendar

The home screen used to be a stack of coach cards. It now opens on a tear-off date and this week as a board you can cross off, because the first question anyone has is 'what's left today?'


Open a habit app and the first thing you want to know is simple: what have I done today, and what’s left? The old Today screen answered it three cards down, below a streak strip, a coach card and a getting-started list.

A tear-off page

The top of Today is now a tear-off date block: the weekday on a red band, the day number huge and condensed, the month under it. Beside it, your whole-life chain, 6 weeks unbroken, in red. It’s the one number the product is built to protect.

This week, as a board

Directly under that: This week. One row per habit, the habit’s name on its own line, then seven boxes, Monday to Sunday. Today’s column is ringed in red. Done days carry a marker X in the habit’s colour; part-done days a single stroke; a slip a ring.

The key decision was making the whole week tappable, not just today. The most common complaint about habit trackers is not being able to fix yesterday. Here yesterday is a box you can see, so you tap it.

Names get their own line

The first version put the habit name in a narrow column beside the boxes. On a phone that squeezed “Drink water” to “D”. The name now spans the full width above its seven boxes, so both get the room they need.

The coach moves down

The coach cards, suggestions and the getting-started list are still there, below the board. They’re useful, but they’re not the first thing.

AlzyWelzy

Building PaceStreak. GitHub

Related

Build the habit. Keep the week.

PaceStreak is a habit and streak tracker for training and everything else worth doing regularly.