One Glance
A screen should answer three questions before you read a word: where am I, what’s happening, and what do I do next.
Modules one to three fixed the frame, kept it still, and placed the controls. This one is about the instant before you touch anything — the half-second your eye lands and asks three questions: Where am I? What’s happening? What do I do next?
A finished screen answers all three before you read a word — through colour, size and position, not paragraphs. A screen that makes you hunt for its state isn’t done, however pretty it looks. This module trains your eye to feel the difference — and it punishes designs that hide.
The One-Second Glance
A screen flashes for less than a second, then vanishes. Your only job: name the state it was in. Play it first with the state buried the way most apps ship it — then with it made loud. Watch your own accuracy jump.
State lives in colour, size and position — the things the eye reads before the mind reads words.
The Squint Test
Real designers blur their own screens on purpose. If the state still reads once the detail is gone, the hierarchy is doing its job. If it dissolves into grey mush, it was leaning on words the eye never had time for. Drag the blur and watch which screen survives.
If the state dies when you blur the screen, it was never glanceable — only readable.
Design the states, then the screen
Engineers start from state: list every condition a thing can be in — loading, empty, error, offline, success — and handle each. Glanceable design is that same move made visible. Before placing a single element, name the states this surface can hold, and decide how each will announce itself to a passing eye.
Three almost always matter: where am I (the active tab, the section, the account), what’s happening (loading, syncing, recording, done, failed), and what do I do next (the one primary action, unmistakable). Give each a preattentive cue — colour, size or position — and the screen answers before it is read.
The test is not “is it visible?” but “is it obvious?” Everything important can sit on screen and still be invisible, because the eye had nothing to grab in the half-second it looked.
Make It Obvious
Here is a screen that hides everything. You can’t tell which tab is active, whether anything is happening, or what to press. Switch on the three answers — and watch a mute screen start to speak.
Where glance dies
Apps that answer at a glance
You read these states a hundred times a day without a single word — colour, position, one icon, and you know.
Which reads its state faster?
Five face-offs. The same moment, two designs — one makes you hunt, one tells you at a glance. Pick the clearer, then see why.
The Glance glossary
Six words for building screens the eye can read in a second. Tap a card to flip it.
Questions you actually ask
Name the state
Ten questions in seven formats — multiple choice, multi-correct, fill-in, match, order, read-think-connect and write-your-own — each with layered hints: a nudge, the reasoning, then a deeper connection. Served from the question bank, never hardcoded.
The one-second test
Take your own phone. Open the five apps you use most and give each exactly one second — no touching. For each, can you answer all three: where am I, what’s happening, what do I do next? These five start as clear; tap any that leaves you hunting.
Whatever your count — you just did the one thing you can never undo. You looked. From today, every screen you meet, you’ll ask the three questions without meaning to — and you’ll never unsee the ones that can’t answer.