E E-turo
← Back to the gallery View the Markdown source

Ten Times — a design philosophy for Key Stage 2 learners

The visual language for every student-facing artifact in this repository.


The movement

Ten Times takes the mathematics itself as the organising principle of the design.

Place value rests on one idea: each place is ten times the place to its right. Most teaching materials state that in words and then draw a neutral grid that contradicts it — five identical grey boxes in a row, implying five equal things. The design undermines the lesson.

Under Ten Times, the visual system enacts the mathematics rather than describing it. Each place occupies its own position on a colour spectrum. Each place carries its own visual weight. When a quantity is shown, it is shown at true scale, so that forty thousand looks overwhelmingly larger than five, because it is. A learner who cannot yet articulate the rule should still absorb it through the eye — the design teaches before the teacher speaks.

Nothing here is decoration. Every colour, every size step, every interval encodes something true about number.


Who this is for

Nine and ten year olds. This age is specific and the design must respect it.

They are in the concrete operational stage: they reason well about things they can see and manipulate, and poorly about pure abstraction. A five-digit numeral is pure abstraction. It has to be anchored to something with size, colour, and position before it means anything.

They are also "big kids." They have recently stopped being little and they are acutely aware of it. Baby animals, bubble letters, and cartoon mascots read as an insult. What they want is to be trusted with something that looks serious and then to beat it. The design should feel like a well-made tool or a good game — never like a nursery.

They fail publicly and remember it. Nothing in the system may rank a struggling learner against a confident one, and no failure state may be loud.

Their reading fluency varies enormously within a single classroom. Any instruction that exists only as a sentence will be missed by some. Meaning must be carried redundantly — in colour, in position, in size — so that the picture works even when the words do not.


Colour as the place value system

Six places, six hues, stepping along the spectrum in the direction the places grow:

Place Hue Reasoning
Ones Coral Warmest, smallest, closest — where counting begins
Tens Amber
Hundreds Green
Thousands Teal
Ten thousands Indigo
Hundred thousands Violet Coolest, largest, most distant

The order is not arbitrary and it is not aesthetic. Moving left along a number moves forward along the spectrum, so direction of travel through the number is visible as a direction of travel through colour. A learner who has seen this chart for a week recognises "that indigo one is the big one" before they have finished counting the places.

The same six hues appear in the slide deck, in the game, on the printed wall chart, and in the digit tiles teachers cut from cardboard. Consistency across every surface is what turns colour into vocabulary. A hue that means one thing on the board and another in the game is worse than no colour at all.

Colour never carries meaning alone. Every place is also labelled, and every place holds its position. Colour is the fast channel, not the only channel.


Showing quantity truthfully

The system's central visual device is the value bar: a horizontal bar whose length is the actual value of a digit, drawn to true linear scale alongside its siblings.

In 47 205, the bar for the 4 runs the full width of the frame. The bar for the 5 is a dot. This is not a design failure to be corrected — it is the entire lesson, made visible in one glance. The most common misconception at this age is that a digit is worth its face value; a truthful bar chart refutes that faster and more permanently than any explanation, because the learner sees the gap rather than being told about it.

Alongside the bars sits expanded form — the number breaking apart into its parts and reassembling. Movement between the compact numeral and its expansion is the moment the idea lands. Where motion is available it should carry that transition, and where motion is suppressed the two states must both remain legible as a static comparison.

Concrete before pictorial, pictorial before abstract. Every screen that shows a bare numeral should be reachable from a screen that showed what the numeral is made of.


Scale, weight, and rhythm

Type is set large. A slide is read from the back of a crowded room by a child with uncorrected vision; a game is played on a shared phone held at arm's length. Generosity in type size is a matter of access, not taste.

Numerals are the heroes. They are set heavier and larger than any surrounding language, in a face with unambiguous, open figures — a 6 that cannot be read as an 8, a 1 that cannot be read as a 7. Digits are given tabular width so that columns align exactly; a place value chart whose columns drift is teaching the wrong thing.

Language is set quietly around the numerals. One idea per screen. Where a sentence can be replaced by an arrangement, it should be.

Touch targets are oversized well beyond the adult minimum. Small hands, shared devices, cracked screens, and hurry are all normal conditions.


Tone

Encouraging, brief, and never saccharine. Success is acknowledged and then moved past quickly — celebration that outstays its welcome becomes something to sit through. A wrong answer is met with the reason, immediately, in plain words: what the learner thought, why it does not hold, and what is true instead. Never a bare cross.

There is no failure state. Every learner reaches the end of every round. Difficulty rises; the floor does not open.


Craft standard

These artifacts are opened in a classroom of forty-five children on a projector with a failing bulb, on a decade-old desktop, and on a phone with a cracked screen — and they must hold up on all three. That is a harder brief than a gallery piece, and it deserves the same care.

Every alignment deliberate. Every colour checked for contrast against the surface behind it. Every interactive element reachable by keyboard and visible when focused. Every layout tested at 320 pixels and at projector resolution. Nothing that depends on a network, a font download, or a fast machine.

The measure is not whether it looks impressive in a screenshot. It is whether a tired teacher can open it at 7:40 in the morning and have it simply work, and whether a nine-year-old who finds mathematics frightening looks at it and thinks: I can do that one.