The English Tutorial Lesson No.0010 | From Image to Meaning — Visual Literacy, Multimodal Texts, Diagrams, Video and Information Design

English Listening and Viewing · Critical Reading, Media and Information Literacy · English Information-Transfer Performance

Visual literacy begins with a simple rule: describe before interpreting

Show a photograph. Ask first what is directly visible. Then ask what the image suggests. Keep the two levels separate.

“Three people are standing beside a closed gate” is observation. “They are being excluded” is interpretation. That interpretation may be reasonable, but it depends on context. This distinction protects students from treating visual impressions as facts.

Images carry information selectively

A photograph captures a frame, not the entire event. A diagram simplifies. A map chooses scale. A chart selects variables. A video editor decides what appears before and after a shot.

Teach the learner to ask: what is shown, what is emphasised, what is omitted, and what cannot be known from this visual alone?

Words and images may repeat, complement or contradict

Sometimes a caption simply names what the image shows. Sometimes the image contributes new information. Sometimes the words and image pull in different directions for humour, irony or persuasion.

Use three labels: repeat, add, change. Does the visual repeat the verbal message, add an extra layer or change how the words should be understood?

Layout creates hierarchy

Readers do not encounter every element at the same time. Size, position, spacing, colour contrast, headings and grouping guide attention.

Ask students what they noticed first and why. Then ask whether the designer’s hierarchy matches the information’s importance. This is useful for posters, web pages, brochures, slides and examination visual texts.

Typography can signal function

Bold, italics, capitals, font size and spacing can mark headings, warnings, emphasis or categories. The typography itself does not prove importance, but it tells the reader how the designer wants the information to be navigated.

Teach learners to use typography as a structural clue, not as decoration.

Icons require conventions

A magnifying glass may mean search. A triangle may mean play. A crossed symbol may indicate prohibition. But icons can also be culturally or contextually ambiguous.

Ask what convention the icon relies on and whether a new user could understand it without surrounding text.

Diagrams compress relationships

A diagram often removes realistic detail to make structure visible. Arrows may represent movement, causation, sequence or flow. Boxes may represent categories or stages.

Teach the learner to translate a diagram into sentences. “Water moves from X to Y because…” If the learner cannot verbalise the relationships, the diagram may not yet be understood.

Labels are part of the argument

In scientific diagrams, maps and infographics, labels determine what the reader notices. A labelled element becomes cognitively privileged. Ask what has been labelled, what has not, and whether the labels are descriptive or interpretive.

Charts are visual sentences

A chart says something about relationships among variables. Before interpreting, identify axes, units, categories, time period and scale.

Students should verbalise the claim cautiously: “The value increased from…” rather than “Things got better.” Data description and value judgement are different operations.

Scale can exaggerate or flatten differences

A truncated axis can make a small change appear dramatic. A wide range can make meaningful variation look tiny. Teach students to inspect the scale before trusting the impression created by the shape.

The chart may be technically accurate while visually persuasive.

Pie charts and proportions require a whole

Ask what the full circle represents. Are categories mutually exclusive? Do they sum sensibly? If not, the representation may be misleading or the reader may have misunderstood the categories.

Maps combine location with design choices

Maps select projection, boundary, scale, labels and colour. A transit map may distort geographic distance to clarify connectivity. A thematic map may use colour intensity to represent data.

Teach students to ask what kind of map this is and what job it is trying to do before interpreting distance or proportion.

Infographics mix several modes at once

An infographic may combine headline, numbers, icons, illustrations, captions and source notes. Read it in layers.

1. What is the central claim or topic?
2. Which number or image receives the strongest emphasis?
3. What evidence supports the claim?
4. Where does the data come from?
5. Which design choices influence interpretation?

Video adds time

Unlike a static image, video controls sequence. Meaning can depend on what the viewer sees first, how long a shot lasts, what is cut away and what sound accompanies it.

Ask students to describe how editing changes emphasis. A close-up after a question may invite an emotional reading. Background music may encourage tension or warmth. These are rhetorical choices.

Audio and image can disagree

A narrator may make a positive statement while the visuals show damage or conflict. The mismatch can create irony, criticism or doubt.

Teach students to compare modes rather than assuming they all carry the same message.

Gesture and facial expression carry interpersonal meaning

In interviews and presentations, posture, gaze and gesture can affect interpretation. But visual cues are not mind-reading. Treat them as contextual evidence rather than definitive proof of emotion or honesty.

Primary 1–2: pictures support sequencing and description

Use image sequences to build oral language. What happened first? What changed? Which detail tells you that? Then ask the learner to write one sentence that captures the most important event.

Teach observation before inference. This establishes evidence discipline early.

Primary 3–4: combine captions, diagrams and short prose

Give a simple informational page with a diagram. Ask which information appears only in the prose, only in the diagram and in both.

This helps students understand that comprehension sometimes requires integrating sources within the same page.

Primary 5–6: visual text becomes examination-relevant

Students can analyse posters, notices, advertisements, tables and charts. Train them to read conditions, footnotes, labels and visual emphasis rather than jumping to the largest headline.

Distractors often exploit incomplete integration: a student reads the words but misses the icon, or reads the image but ignores a condition in small print.

Secondary 1–2: multimodal rhetoric becomes visible

Ask how image choice, colour, framing and headline combine to position the audience. Then ask what evidence actually supports the message.

The learner begins to separate persuasive design from factual support.

Secondary 3–4: integrate data, prose and purpose

Students should be able to extract a claim from a chart, compare it with accompanying prose and judge whether the verbal conclusion is proportionate to the data.

Train information transfer in both directions: chart to prose, prose to table, notes to flowchart, diagram to explanation.

JC: multimodal literacy becomes source evaluation

Advanced students increasingly encounter dashboards, policy graphics, campaign videos and data visualisations. Ask who produced the material, what audience it targets, which evidence is primary and what visual framing may shape interpretation.

A sophisticated response can appreciate effective design while still questioning evidential strength.

Teach image cropping as a meaning experiment

Show a wider photograph and a cropped version. What changed? Which context disappeared? How did the emotional interpretation shift?

This simple activity makes framing tangible.

Teach caption rewriting

Give one photograph and ask students to write a neutral caption, a persuasive caption and a humorous caption. The image stays the same; the linguistic framing changes.

Then reverse the task: keep the caption and select three different images. Students see how multimodal meaning is constructed through combination.

Teach colour as convention, not universal truth

Red may signal warning in one context, celebration in another and simply brand identity elsewhere. Ask how meaning depends on culture, genre and surrounding design.

Avoid teaching colour symbolism as a fixed dictionary.

Whitespace carries structure

Spacing separates groups, creates emphasis and reduces visual load. Ask what becomes easier to understand when information is grouped differently.

This lesson transfers directly into students’ own slide design, posters and digital writing.

Information design is part of writing

Writers increasingly choose not only sentences but presentation. A clear table may communicate comparisons better than a dense paragraph. A labelled diagram may reduce verbal explanation. A heading can help navigation.

The question is not “Can I add a visual?” but “Which mode communicates this relationship most clearly?”

Students should learn to create as well as interpret

Creation reveals understanding. Ask students to turn a paragraph into a diagram or infographic. Every design decision forces prioritisation: what is central, what is secondary, what relationship needs an arrow, what deserves a label?

Do not let visuals become decoration

An image that adds no information may still improve aesthetics, but students should know the distinction. In academic work, decorative visuals should not be mistaken for evidence.

Source lines matter

Charts and infographics should identify where data came from. Teach students to follow the source when a claim matters. A polished visual without provenance may be difficult to evaluate.

Visual evidence has scope limits

A photograph of one crowded train does not prove that all trains are overcrowded. A screenshot is evidence of what was visible at a moment, not necessarily of a long-term pattern.

Visual vividness can exceed evidential strength.

Three learners, three multimodal weak links

Maren reads prose well but ignores diagrams. Iona understands charts but over-interprets photographs. Leonie notices design features but describes them without explaining their effect.

Maren must translate every diagram into a sentence. Iona separates observation from inference. Leonie uses the structure “feature → attention/effect → meaning → evidence”. Same material, different repair.

A 75-minute multimodal tutorial

1. 10 minutes: cold read of one mixed-mode text.
2. 10 minutes: identify what each mode contributes.
3. 15 minutes: teach one visual convention such as scale, framing or hierarchy.
4. 15 minutes: compare two designs of the same information.
5. 15 minutes: convert information from one mode to another.
6. 10 minutes: transfer to a new text.

Teach visual-text answer scope

If the question asks what the image suggests, answer from the image. If it asks how image and caption work together, integrate both. If it asks for evidence from the chart, do not rely on accompanying prose alone.

Mode selection is part of question reading.

Visual literacy supports science and mathematics

Graphs, diagrams, tables and spatial representations are common across subjects. English tutoring can support the language needed to describe trends, sequence processes, compare categories and explain relationships.

This is not subject substitution. It is language control across representations.

Visual literacy supports digital navigation

Web pages use menus, cards, buttons, hierarchy and responsive layout. Students need to know where the primary content ends and advertisements, recommendations or navigation begin.

Interface literacy is increasingly part of reading.

Multimodal texts can overload working memory

More modes are not automatically better. A slide filled with text, icons, charts and animation can increase confusion. Teach students to ask whether each element contributes to the same learning goal.

Accessibility is part of information design

Alt text, readable contrast, sensible headings and captions can make information more accessible. Students creating digital work should understand that design choices affect who can use the information.

Close reading of an advertisement

Identify the product or cause, target audience, headline, dominant image, emotional appeal, evidence, call to action and omissions. Then rewrite the message as a neutral factual notice.

The difference exposes persuasion.

Close reading of a news graphic

Identify source, date, scale, category definitions and the main visual claim. Compare the headline’s wording with the data. Does the language overstate the pattern?

Close reading of a video

Watch once for overall meaning. Watch again without sound. Then listen without watching if possible. Compare what each mode contributed.

This isolates channels that usually arrive together.

Teach students to annotate visuals

Arrows, labels, circles and short notes can make relationships visible. Annotation should target meaning, not cover the page with decoration.

Teach visual summarisation

Ask the learner to represent a long explanation as a simple flowchart or concept map. Then ask another learner to reconstruct the explanation from the visual alone.

If crucial relationships are lost, the design needs revision.

Teach ethical image use

Students should learn that images have creators, licences, contexts and potential privacy implications. Use school-approved or properly licensed material, attribute where required and avoid presenting manipulated or decontextualised images as evidence.

Do not confuse aesthetic quality with truth

A beautiful infographic can contain weak data. A plain government table can contain strong evidence. Design quality and evidential quality are separate dimensions.

What progress looks like

The learner increasingly identifies what each mode contributes, notices hierarchy and framing, reads labels and scales, separates observation from inference, integrates prose with visuals, checks source provenance and can choose an appropriate representation when creating information.

The page, screen or video stops being a collection of things to look at and becomes a structured system of meaning.

Where this tutorial connects inside SETC

• English Listening and Viewing | Follow Meaning Across Sound and Screen
• Critical Reading, Media and Information Literacy
• English Information-Transfer Performance
• PSLE English Visual Text Comprehension Performance
• Primary English
• Secondary English
• Advanced English / General Paper

External research and teaching references

• British Council TeachingEnglish — The Image in English Language Teaching
• British Council TeachingEnglish — Teaching Resources
• Cambridge English — Activities for Learners

Final tutorial challenge

Choose one page containing words and at least one visual. Ask the learner to write three sentences: what the words contribute, what the visual contributes and what meaning emerges only when both are read together. Then redesign the information in another mode.

If the learner can preserve the meaning while changing the representation, image has become information.

English Learning Library · Primary English · Secondary English · Advanced English / General Paper

English Tutorial Lessons: choose another lesson · Related lesson: Information to Judgement