LLOS.ai
App Layout
🤝 App Layout · Module 6 of 6

The Contract

Five forces, one promise: a screen is a stage, held still, reachable, glanceable and right-sized. Keep all five, or it isn’t done.

1 Stage2 Stability3 Zones4 Glance5 Density6 Contract
Five forces · one promiseMiss one · and users feel itThe loop · closes back at the stage

Five modules, five forces. A screen is a stage that fits one viewport; it stays still under your thumb; its busy controls sit where the thumb reaches; its state reads in a single glance; and it shows the right density, the rest on demand.

They are not five preferences — they are one contract. Break any one and users feel it, even when they can never name which. This module hands you the whole promise at once: grade a screen against all five, then loop back to the stage where it began.

The whole contract

Five forces, one promise

Everything the series taught, in one place. A screen is not done until it keeps all five — miss one and users feel it, even if they can never name which.

First · grade a screen

The contract, kept or broken

One screen, two ways. Flip it between the version that breaks the contract and the one that keeps it — and watch the five checks turn from red to green together. A screen either honours all five, or it doesn’t.

The law

A screen is a stage, held still, reachable, glanceable and right-sized — keep all five, or it is not done.

The craft

One promise, kept every time

The five forces feel like a checklist, but they are really one habit: before a screen ships, put it to the contract. Does it fit its frame, or has it grown into a page? Does it stay still, or does it shove under the thumb? Do the busy verbs sit where the hand rests? Can you read its state in a second? Is it the right amount, or a wall?

Most screens fail quietly on one of these — and that one quiet failure is what users mean when they say an app feels “cheap” or “tiring” without being able to point at why. The contract turns that vague feeling into five plain questions you can answer, and fix.

And the loop closes where it began: a screen that keeps all five is, once more, a stage — a fixed, still, reachable, legible, right-sized surface you operate, not a page you endure.

What people get wrong

Where the contract breaks

“It looks great, so it’s done”Beauty is not the contract. A gorgeous screen that scrolls when it shouldn’t, or hides its state, breaks the promise in a way a pretty surface can’t hide.InsteadGrade the five forces, not the finish.
“Four out of five is fine”The one you skipped is exactly the one the user hits. A stable, reachable, legible, right-sized screen that jumps still gets tapped wrong.InsteadAll five, or it isn’t done.
“These forces conflict”They reinforce. Right-sizing (density) makes state easier to glance; a still frame (stability) makes reach reliable. Kept together, they compound.InsteadTreat them as one system, not five trade-offs.
“Users will tell us what’s wrong”They feel it, they rarely name it. ‘Cheap’, ‘tiring’, ‘confusing’ are a broken force with the label filed off.InsteadRun the contract yourself; don’t wait to be told.
Cast your vote

Does it keep the contract?

Five face-offs, one per force. The same screen, two builds — one breaks that force, one keeps it. Pick the one that honours the contract, then see why.

Round 1 of 5Score 0
The vocabulary

The Contract glossary

The contract and its five forces, in six words. Tap a card to flip it.

The nuance

Questions you actually ask

Train the eye

Sign the contract

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.

Loading the question bank…
Question 1 of 10
Multiple choice
Before you go

The five-force test

Open the five apps you use most and run the contract on the busiest screen in each: does it fit, hold still, reach, glance and right-size? These five start as passing; tap any that quietly breaks the promise.

5of five keep the whole contract
Tap a phone to flip it between keeps-the-contract and breaks-it.

Whatever your count — you just did the one thing you can never undo. You noticed the dial. From today, every screen you meet, you will feel whether its density was chosen — or whether it just accreted into a wall.

Keep going

Where this connects