The Flood-Safety Notice Board: Hierarchy on a 1.2 m × 0.9 m Cork Board
At a higher secondary school in Nalbari, Assam, the disaster-management club has been given a cork notice board measuring 1.2 m × 0.9 m in a corridor 2.4 m wide, so the closest a reader can stand is about 1.2 m and the farthest about 6 m. The corridor is lit by a single window at the left end and by two tube lights; the board surface is glossy. The club can buy only three paint colours - black, white and signal red - plus the cork background. A Class IX student submits a draft: the heading 'Flood Safety' is painted in 2 cm letters at the bottom right; eleven clip-art images of floods, boats and rescue teams are scattered across the board; the four safety steps are in 1 cm letters; the emergency number is written once, in red on black, near the top edge. The teacher says the board 'looks busy but says nothing'. The club has one afternoon and one student painter.
1. Using the elements and principles of design, diagnose why the draft fails as a notice board. Which single structural change would improve it most, and why?
Read the worked answer
Diagnosis, point by point.
- Scale and viewing distance. A workable rule for notices is roughly 2.5 cm of capital height per 3 m of viewing distance. At 6 m the heading needs about 5 cm capitals and the body at least 2.5 cm. A 1 cm body line is legible only at about 1.2 m - i.e. to someone already standing against the board, which defeats the purpose.
- Reading order (hierarchy). The heading is at the bottom right, the natural end point of a left-to-right, top-to-bottom scan, and it is smaller than nothing else. Eleven equal-weight images are met first, so the eye is given eleven starting points and one destination.
- Contrast. Red on black is a hue contrast, not a value contrast; in greyscale both are dark. On a glossy board the reflection from the left window will also wipe out thin strokes in that zone.
- Unity and economy. Eleven images divide attention and none dominates; the board has no single visual entry point.
Single most useful change. Build a three-tier hierarchy and cut the images from eleven to one: heading at 6–8 cm in the top-left (where scanning begins and where the light falls), steps at 2.5 cm on a left axis, emergency number at 2.5–3 cm bold. That one structural move fixes reading order and legibility simultaneously; the colour problem can then be solved with the same three paints.
2. The student argues that a symmetrical layout is 'more official' and wants to centre every line. Evaluate this reasoning for this particular board and reader.
Read the worked answer
Symmetry is not what makes a notice look official; consistency is. A top-left heading of 7 cm, one left axis, one image size and one margin already read as 'official' because they signal deliberate control.
What centring would actually do here: four text blocks of unequal length centred on a vertical axis produce a ragged silhouette on both sides, so the eye must hunt for the start of each line. The emergency number, the one element that must be found instantly, would lose its hard left edge. The reader is usually in motion in a corridor and scans a column, not a pyramid.
A better answer is asymmetric balance: heavy heading and the single image massed on the left, white space carrying the emergency number on the right. That is stable without being static, and it suits a board viewed from an angle as one walks past.
If the club genuinely wants symmetry, it must be true symmetry - equal measured margins, lines of equal width, matching visual weight left and right. Doing that properly in one afternoon with one painter is more work than a left-aligned grid, and gives less legibility.
3. How would you use the three-colour limit and white space so that the emergency number becomes the dominant element, without adding a fourth colour?
Read the worked answer
Reserve red exclusively for the number. If red appears anywhere else, it stops being a signal and becomes decoration. Black carries all text, white carries the ground behind the heading and the number.
Isolate by value and by empty space. Put the number in a white panel with a black numeral and a thin red rule, so it is the highest-contrast element on the board (near-black against near-white, roughly 8:1 or better) while everything else sits at mid contrast. Isolation matters as much as contrast: an element surrounded by clear surface is found faster than one embedded in a busy field.
Position on the reading path. Place it on the same left axis as the heading, at about 55–60% of the board's height - the optical centre, slightly above the geometric centre - so the eye reaches the heading, travels down the steps and lands on the number.
Budget the white space. On a 1.2 × 0.9 m board, keep a 12 cm margin and roughly 35–40% empty surface. That is not wasted paint; it is the mechanism that makes the number dominant.
Handle the gloss. Keep the number off the top-right glare zone from the window, or use matte white there, otherwise the contrast you have built is destroyed by reflection.