Brief

Shipped
Apple WatchCrown · complication2023
iPhoneSlider · Health2023
iPadInherited2023
Health chartsHistory · insights2023
Outcome
One gestureLearned once, known everywhere
Seven stopsContinuous range · momentary or daily
AccessibilityWCAG AA · every primary text and control
Stack
Design & prototypingFreeformKeynoteSketch
EngineeringSwiftUIHealthKit
Role

Sr. DesignerHuman Interface GuidelinesA log you repeat is the only kind that becomes data. The gesture had to cost almost nothing, because the value is in the hundredth entry, not the first.

Team
Human interface2
Product & QA4
Engineering4
Research2
Program span
2022–2023

Overview

State of Mind is the control in Apple's Health app for logging how you feel — a momentary emotion, or a mood for the whole day. It runs on Apple Watch, iPhone, and iPad, and shipped with iOS 17 and watchOS 10 in 2023.

Moods and emotions are subjective. The design decision was to draw them exactly anyway — a fixed petal count for each state, so the same state of mind always draws the same shape.

The Input : A Singular Gesture

One gesture carries the watch and the phone: a slider you drag, a crown you turn, both moving through the same continuous range. The iPad inherits it, so it is learned once and known everywhere. A log you repeat is the only kind that becomes data — the gesture had to cost almost nothing, because the value is in the hundredth entry, not the first.

The Control : Axis

A state is a position on the axis, not a pick from a set. The count is what the form returns to; the amplitude is how far it has travelled from rest.

Very UnpleasantVery Pleasant
The Output : Two Channels

Color and shape are two continuums, and both carry the state. The hue slides along the ramp while the form opens and closes — a circle at neutral, drawn to points one way, in bloom the other — so it holds with no color at all.

All seven states on Apple Watch Ultra, left to right: Very Unpleasant, Unpleasant, Slightly Unpleasant, Neutral, Slightly Pleasant, Pleasant, Very Pleasant
The Expression : Derivation

The equation is exact, and the person never meets it. A radius that changes with angle carries the count, the depth and the shape at once — the precision stays in the system, and what reaches the hand is a shape that moves. It was derived with the engineering team rather than handed to them: more than forty candidate settings were built and rejected before these seven closed.

r(θ)=R[(1−a)+a|cos(nθ/2)|s]

ROuter boundEvery state touches this circle at its widest, so the seven stay one control at seven settings rather than seven sizes.58, fixed
nLobesHow many lobes go around. It has to be a whole number — at a fractional count the outline does not close on itself.5 – 8
aAmplitudeHow far the lobes stand off the circle. Zero at neutral, where they lie flat against it, and rising toward both ends.0.00 – 0.42
sExponentShapes each lobe. Above 1 it draws to a point, below 1 it widens and opens, at 1 it is a plain swell. It falls from 2.80 to 1.00 across the unpleasant half and breaks below 1 only at the last state.0.28 – 2.80
Construction
Interface
R 58 Outer bound, fixed for all seven
StateLobesLb nAmplitudeAmp aExponentExp sFormSilhouette
Very Unpleasant80.342.80Eight lobes drawn to sharp points, deep between
Unpleasant70.302.10Seven, still pointed, beginning to blunt
Slightly Unpleasant60.241.50Six, softened, settling toward the circle
Neutral50.001.00Five lying flat against the circle, at rest
Slightly Pleasant60.111.00Six beginning to lift, barely off the circle
Pleasant50.321.75Five risen and lengthening, not yet open
Very Pleasant50.420.28Five in full bloom, parted into petals

Constraints: a is zero at neutral and rises toward both ends — the one term that moves the same way on both halves. n is 5 at neutral and climbs to 8 at the far unpleasant end. s falls from 2.80 to 1.00 across the unpleasant half, holds at 1.00 through slightly pleasant, and only breaks below 1 at the last state, which is where the lobes part into petals.

The Words Come Last

Only after the shape is set does the app offer words for it, and they are optional. Naming it is the hard part of logging one — by the time the question arrives, it is already answered. The vocabulary came out of work with the health and medical team: which words appear, and where they sit on the scale, is a clinical question rather than a design one.

The emotion vocabulary on iPhone — Slightly Pleasant and Slightly Unpleasant, each offering only the words that belong to where the state landed
Backward Compatibility

The control had to run on hardware five years old the day it shipped — Apple Watch Series 4, iPhone XS, and both generations of the SE.

State of Mind on iPhone, the Slightly Pleasant form on the emotion screen
Forward Compatibility · Concept

The same control was mapped to the one axis a headset already has: unpleasant near, pleasant far, the form holding a constant eight degrees so scale carries nothing and depth does the reading. Apple never shipped State of Mind on Vision Pro — this is a concept, built to test whether the system survives a change of hardware class. Open the prototype →

Lumasis design system coverGlydways Brand Guidelines cover