Math // Fractions

Area with Fractions

Find the area of a rectangle with fractional side lengths by tiling with unit-fraction squares; show that the area equals the product of the side lengths

Ages
10 to 11
Type
Representation
Builds on
2 topics
Leads to
2 topics
Standards
1 code

Quick check

If a piece of fabric is 2/3 m long and 3/4 m wide, can the learner work out its area — and explain how tiling it with tiny fraction-squares shows the same answer as multiplying?

Ask this to see whether the topic is secure.

Topic // Mastery

What mastery looks like

What a learner can do once this topic is secure.
  • Tile a 2/3 × 3/4 rectangle with 1/12 squares and count to find area = 6/12 = 1/2
  • Explain why the number of unit-fraction tiles equals the product of the two fractions
  • Calculate the area of a rectangle with sides 1 1/2 and 2/3 using fraction multiplication

Topic // Map

Where this fits

What to learn first and what this topic opens up, with the reason for each link. Required links come first.
  • RequiredMust come first
  • HelpfulHelps, but not essential

Before this

2 topics

You are here

Area with Fractions

Ages 10 to 11 // Representation

Leads to

2 topics
  • Multiplication as scalingHelpful

    Fractions // Ages 10 to 11

    Interpreting fraction multiplication as scaling is enriched by the prior area-model experience of tiling fractional rectangles, which makes the resizing effect concrete

  • Real-world fraction multiplicationHelpful

    Fractions // Ages 10 to 11

    Solving real-world fraction multiplication problems is supported by the ability to visualise the computation using the fractional area tiling model

Topic // Research-informed

Teaching notes

From the Marble Skill Taxonomy. These notes have not been validated in classrooms, so treat them as a starting point for your own judgement.

The approach

Teaches area of a rectangle with fractional side lengths as a visual demonstration of fraction multiplication: a unit square cut in two directions (e.g. thirds one way, quarters the other) forms b×d tiles each worth 1/(b×d), and shading the a×c corner block gives ac/bd of the unit. The core insight is that the unit square is REDEFINED by the two partitions — denominators multiply because there are b×d tiles per unit, numerators multiply because a×c tiles are shaded. Learners must both READ a given tiled diagram (naming one tile's value and the multiplication it shows) and PRODUCE one for a fresh product. Worked example: 2/3 × 3/4 gives 3×4=12 tiles, 2×3=6 shaded = 6/12 = 1/2 — an area smaller than either side because both sides are less than 1.

Common misconceptions

  • Reads the tile as 1/(b+d) — e.g. 1/7 for a 3-by-4 partition — adding the partitions instead of multiplying (area treated additively)
  • Confuses area with perimeter — measures the boundary of the shaded rectangle rather than counting interior tiles
  • Partitions in only one direction, so the two-dimensional tile is never formed and denominators are not multiplied
  • Loses the unit square: counts shaded tiles as a whole number (6) rather than 6 of 12 of ONE unit
  • Believes area must be larger than the sides, so distrusts an area (1/2) smaller than either side length

Useful representations

  • Two-way partitioned unit square (area model) with a×c tiles shaded out of b×d
  • Single unit-fraction tile labelled 1/(b×d) as the counting unit
  • Grid extended across several unit squares for mixed-number sides
  • Side-by-side diagram and equation (a/b)×(c/d) = ac/bd with the tiles that justify each factor

Teaching practices

  • Start from a whole unit square and partition it in TWO directions (vertical thirds, horizontal quarters) so the child sees 12 tiles appear and names each as 1/12 — the redefinition of the unit is the whole lesson
  • Connect the tile count to the symbols explicitly: 3×4 = 12 in the denominator is the tiles-per-unit; 2×3 = 6 in the numerator is the shaded tiles
  • Have children both interpret a given tiling AND draw their own for a fresh product, so reading and producing the representation are both secured
  • Use the area model to make simplification visible — 6/12 of the unit square is literally half of it, seen by eye
  • Extend to a mixed-number side (1 1/2 × 2/3) by tiling more than one unit square, so the model scales beyond proper fractions
  • Keep the unit square explicit and labelled throughout — the commonest failure is losing track of what '1' is

Activities to try

  1. 1

    Build the area and watch the tiles appear

    Why it works: Cutting the unit square in two directions redefines the unit into b×d equal tiles (so denominators multiply) and the shaded a×c block gives the numerator — this is why (a/b)×(c/d) = ac/bd, and why the product can be smaller than both sides when both sides are less than 1.

    1. Start from one whole unit square. Partition it in two directions — cut it into 3 columns one way and 4 rows the other way — to model 2/3 × 3/4.
    2. Count the small tiles that appear in the whole unit square (3 across × 4 down = 12) and name the value of ONE tile: 1/12 of the unit square.
    3. Shade the 2-by-3 corner block (2 of the 3 columns, 3 of the 4 rows) and count the shaded tiles: 2×3 = 6, so 6 tiles = 6/12 = 1/2.
    4. Compare the shaded rectangle against the whole unit square and confirm it is exactly half of it — an area smaller than either side length (because each side is less than 1).
    5. Say aloud which number in the picture gives the denominator (3×4 = 12 tiles per unit) and which gives the numerator (2×3 = 6 shaded tiles).
  2. 2

    Read a tiled diagram and justify each number

    Why it works: Reading a tiled area diagram means naming the counting unit (1/(b×d)) and recognising the shaded block as the product — the two-directional grid of 3 columns × 4 rows, not adding the columns and rows (3 + 4), is what makes each tile a twelfth.

    1. Look at a fully tiled 2/3 × 3/4 diagram. Point to one tile and state its value, then state the multiplication the whole shaded rectangle shows.
    2. Answer: why is one tile 1/12 and not 1/7? Trace the two-way cut that creates the grid to justify your answer.
    3. Point to the part of the picture that gives the 12 (3 columns × 4 rows) and the part that gives the 6 (the 2×3 shaded block).
    4. Match the diagram to its equation (a/b)×(c/d) = ac/bd, identifying the tiles that justify each factor.
  3. 3

    Produce your own diagram for a fresh product

    Why it works: Choosing both partitions yourself — not just one — is what shows you own the idea that two cuts redefine the unit; the model scales to mixed numbers by tiling more than one unit square.

    1. On a blank unit square, DRAW a rectangle showing 1/2 × 4/5: choose the two cuts yourself — partition into 2 one way and 5 the other way.
    2. Name what one tile is worth (1/10) and explain why: 2×5 = 10 tiles fill the unit.
    3. Shade a 1-by-4 block (4 tiles) and read the area: 4/10 = 2/5.
    4. Say which cuts produced the 10 and which shaded tiles produced the 4, pointing to each number in your own drawing.
    5. Extend the model: tile across more than one unit square to find the area of a rectangle with sides 1 1/2 and 2/3 (here the product is 1, larger than the 2/3 side — a useful check that the 'smaller than both' intuition only applies when both sides are less than 1).

Topic // Standards

Curriculum standards

Codes for the curriculum statements this topic maps to. Each publisher owns its standard text.
Common Core State Standards for Mathematics
5.NF.4.b

Math // Fractions

More in Fractions

All 67 topics