Grade by Grade
A. Literacy Connections and Applications / C. Comprehension: Understanding and Responding to Texts · Understanding and Responding to Texts

Evaluating Images, Graphics and Visual Design

C1.4 A2.4 A2.5 A2.6About 45 minutes
Learning goals
  • I can evaluate how images, graphics and visual design create and contribute to meaning, using clear criteria.
  • I can spot visual choices that mislead, such as a truncated axis, a cropped photo or scaled icons, and explain their effect.
  • I can explain how visual and media techniques affect different audiences, and propose a better design for a real purpose.

Words to know

evaluate
To judge how well something works, using criteria and evidence, not just describe it.
criteria
The standards you use to judge something (for example: clear, accurate, fair, accessible, suited to the audience).
camera angle
The position a photo or film shot is taken from: eye level, low angle (looking up) or high angle (looking down).
cropping
Cutting away part of an image to change what the viewer sees.
truncated axis
A graph axis that starts at a number other than zero, which can make small differences look huge.
anchor text
Words, such as a caption or headline, that tell viewers how to interpret an image.
alt text
A short written description of an image, read aloud by screen readers for people who are blind or have low vision.

Remember from Grade 7

In Grade 6 and Grade 7 you analyzed camera angles, cropping, colour, composition, typography, visual hierarchy, white space and different kinds of graphs, and you thought about intended and unintended audiences.

In Grade 8, the key word is evaluate. You already know the tools. Now you'll judge visual choices against criteria: Is it clear? Is it accurate and fair? Does it suit the audience and purpose? Is it accessible? And you'll suggest improvements.

Hook: Which store is winning?

Two stores in Larkspur Bay collected food bank donations in December (numbers invented). Store A collected 52 boxes and Store B collected 56. Store B's owner posted Graph 2 below with the caption We CRUSHED it! Look at both graphs. What do you notice?

Graph 1: axis from 003060Store A 52B 56Graph 2: axis from 50505356Store A 52B 56
The same data graphed two ways. Graph 1 starts its axis at 0. Graph 2 starts at 50, so Store B's bar looks three times as tall as Store A's, even though B collected only 4 more boxes.
Worked example

Let's evaluate a misleading graph

Evaluate Graph 2 and its caption We CRUSHED it! Is it a fair visual? What would you change?

  1. Read the axis first: Graph 2 starts at 50, not 0. This is a truncated axis.
  2. Compare the bars to the numbers: in Graph 2, Store A's bar shows only 2 boxes above 50 and Store B's shows 6 above 50, so B's bar is three times as tall. But 56 is only about 8% more than 52 (4 more boxes out of 52).
  3. Read the anchor text: We CRUSHED it! tells viewers how to read the image. The caption and the truncated axis work together to exaggerate.
  4. Apply criteria: Accurate? The numbers are true, but the picture of the numbers is misleading. Fair? No; it makes Store A look like it barely tried. Suited to purpose? It suits a bragging purpose, not an honest one.
  5. Improve it: start the axis at 0 (Graph 1), label the bars with their numbers, and change the caption to something accurate, like Thank you! Together, both stores collected 108 boxes.

Graph 2 is misleading: the truncated axis and the boastful anchor text make a small difference (4 boxes) look huge. A fair version starts at 0, labels values, and uses an accurate caption. Truncated axes aren't always wrong (scientists sometimes use them to show small changes in detail), but they must be clearly marked and not used to exaggerate.

A toolkit of visual techniques (and how they can mislead)

  • Camera angle: a low angle (camera looks up) can make a person seem powerful or heroic; a high angle (looking down) can make them seem small or vulnerable; eye level feels equal and honest.
  • Cropping: a photo of six people in an empty arena, cropped tight, can look like a packed crowd. Ask: What's outside the frame?
  • Lighting and colour: warm, bright light feels hopeful; dark, cold colours feel threatening or sad. Editing can change the mood of a real event.
  • Scaled icons: if one icon stands for a number and the designer makes it twice as tall, it also gets twice as wide, so it looks about four times bigger.
  • Anchor text: the same photo of a crowded street can be captioned Lively festival! or Chaos downtown! The caption steers meaning.
  • Visual hierarchy: what's biggest gets read first. In an ad, FREE in huge letters and conditions apply in tiny print is a deliberate choice.
Value: 1one iconValue: 2 (honest)two icons, same sizeValue: 2 (misleading)one icon, 2× tall and 2× wide= looks like 4!12342×
Doubling an icon’s height also doubles its width, so it covers 4 times the area (count the squares). The honest way to show double is two icons of the same size.

Two flyers for the same event

The Larkspur Bay library is hosting a free coding club for ages 11 to 14, Thursdays at 4 p.m. Here are two flyer designs, described in words (both invented).

Flyer 1: A low-angle photo of one teen in a hoodie, lit by blue light from a laptop screen in a dark room. Huge glowing letters: HACK THE WORLD. Small grey text at the bottom (low contrast): Coding club, library, Thurs 4 p.m. No mention of age or cost.

Flyer 2: An eye-level photo of four teens of different backgrounds laughing at a table with laptops; one uses a wheelchair at the table. Bold headline: Code Club: Build Your First Game. Clear list: Ages 11 to 14 · Thursdays 4 to 5:30 p.m. · Free · No experience needed · Laptops provided. High-contrast text. A note: Library is wheelchair accessible. Ask about other supports.

Worked example

Let's evaluate two designs with criteria

Evaluate both flyers against four criteria: clear message, accurate impression, suited to the audience and purpose, accessible and inclusive.

  1. Clear message: Flyer 1's huge slogan is striking, but the key facts (what, who, when, cost) are tiny and low-contrast. Flyer 2 puts the facts in a clear list. Point: Flyer 2.
  2. Accurate impression: Flyer 1's dark room, glowing screen and HACK THE WORLD suggest secret, risky computer hacking, which isn't what a beginner club does. Flyer 2's Build Your First Game matches the real activity. Point: Flyer 2.
  3. Audience and purpose: Flyer 1 might attract teens who already love edgy tech culture, but it could scare off beginners or worried parents (an unintended audience who also decides!). Flyer 2 speaks to beginners and families: No experience needed, Laptops provided.
  4. Accessible and inclusive: Flyer 1's low-contrast grey text is hard to read, and one lone figure gives a narrow picture of who codes. Flyer 2 shows diverse teens, uses high contrast and mentions accessibility.

Flyer 2 is more effective for this purpose: its visuals accurately show the activity, its facts are clear, and it includes the whole intended audience. Flyer 1 has a strong mood but creates a misleading impression and hides the key information. A good evaluation names criteria, gives evidence and makes a judgment.

CriterionQuestion to ask
ClearCan the audience find the main message and key facts in 5 seconds?
Accurate and fairDoes every visual choice (axis, crop, angle, colour, caption) give a true impression?
Suits audience and purposeWould the intended audience understand and respond? What about unintended audiences?
AccessibleIs there enough contrast? Readable fonts? Alt text? Does meaning depend on colour alone?
InclusiveWho is shown? Who is missing? Would every member of the audience feel welcome?
Criteria for evaluating visual design

Read visuals like a detective

  1. Look first (What do I notice? Where does my eye go?). 2. Read the words (title, caption, labels, axis). 3. Ask what's outside the frame or left off the graph. 4. Judge with criteria. 5. Suggest a fix. Step 5 is what turns analysis into evaluation.
Just for fun

A bar graph with a truncated axis walks into a room.

Everyone says, "Wow, you've grown!" The graph whispers, "It's all about where you start."

Hands-on activity

Visual audit and redesign

You need: flyers, ads, cereal boxes, a magazine or a news website (a grown-up can help), paper, coloured pencils; optional: a free design app or slide software a grown-up approves.

  1. Find three visuals at home: one graph or chart, one photo with a caption, and one ad or flyer.
  2. For each, write: What does it want me to think or do? Which visual technique does the most work?
  3. Rate each against the five criteria in the table (✔ or ✘) and give one piece of evidence for each rating.
  4. Crop test: take any photo (or use a magazine photo) and cover parts of it with paper. How many different stories can one photo tell?
  5. Redesign: choose the weakest visual and redesign it on paper or with a digital tool, for a specific audience (for example, younger kids, or seniors). Explain three changes you made and why. Add alt text: one or two sentences describing the image for someone who can't see it.

Your turn

1

In the hook, how many more boxes did Store B collect than Store A?

2

Why does Store B's bar look so much taller in Graph 2?

3

What is the anchor text in the hook, and how does it affect meaning?

4

What could a low-angle photo of a mayor suggest to viewers?

5

Name two reasons Flyer 1 might not suit its purpose.

6

Write alt text for Flyer 2's photo.

7

Why can scaling an icon to twice its height mislead?

More practice: warm-up

1

What does it mean to crop a photo?

2

Where should a bar graph's vertical axis usually start?

3

What is alt text for?

4

Which camera angle usually feels most equal and neutral?

5

What word means the standards you use to judge something?

More practice: on your own

1

A news photo shows a few protesters, cropped tightly so they fill the frame. The headline says Huge crowd rallies. Evaluate this visual.

2

Why is low-contrast text (light grey on white) a design problem?

3

The same photo of a snowy street is captioned Winter wonderland! in a tourism ad and Roads still not plowed in a news story. What does this show?

4

Why should an infographic not show meaning with colour alone (for example, red = bad, green = good)?

5

Is a truncated axis always dishonest? Explain.

Challenge

1

A fitness drink ad uses a low-angle shot of an athlete, bright lighting, and huge text: BE UNSTOPPABLE. Tiny text at the bottom says Not recommended for children. Evaluate the design for its intended and unintended audiences.

2

Explain how a designer could make the food-bank results honest and still positive for Store B.

3

Choose one visual from the activity that you redesigned. Write a short evaluation paragraph (4 to 5 sentences) of the original, using at least three criteria.

Check your understanding

Quiz

1.

A bar graph's axis starts at 90 instead of 0. This is called...

2.

A photo taken from below, looking up at a person, usually makes them seem...

3.

Which is the best evaluation of a flyer?

4.

Why should important information never appear only in tiny, low-contrast print?

5.

A caption beside a photo that steers how viewers interpret it is called...

6.

Store A collected 52 boxes and Store B collected 56. Which caption is accurate?

7.

Which change would make an infographic more accessible?

For parents and teachers

What this lesson teaches: Grade 8 students evaluate how images, graphics and visual design create, communicate and contribute to meaning (C1.4). They evaluate how media techniques affect audiences (A2.4), connect form, message, audience and purpose (A2.5), and use design tools to propose better solutions (A2.6).

How to help at home:

  • When you see an ad, graph or news photo together, ask: "What's outside the frame? Where does the axis start? What does the caption want us to think?"
  • Compare two ads for similar products and decide which is more honest and why.
  • Encourage the redesign activity: real improvement shows understanding.

Common difficulties:

  • Describing instead of evaluating. Ask: "Is that choice good or bad for this audience, and why?"
  • Ignoring axes and captions. Make reading the axis and caption a habit before looking at the bars.
  • Thinking all persuasion is bad. Persuasive design is fine; the issue is whether it is accurate, fair and accessible.

About the texts: All graphs, flyers and numbers were invented for this lesson. Graph 1 and Graph 2 are drawn to scale for their axes: in Graph 2, the bars show 2 and 6 units above 50.