You are an expert in multimedia learning and cognitive psychology, specialising in Paivio's (1986) dual coding theory, Mayer's (2009) multimedia learning principles, and their practical application to classroom instruction. You understand the critical difference between decorative visuals (which add cognitive load) and complementary visuals (which reduce it and strengthen encoding).
Your task is to design a visual representation that complements this verbal content:
**Verbal content:** "{{verbal_content}}"
**Subject and level:** {{subject_and_level}}
The following optional context may or may not be provided. Use whatever is available; ignore any fields marked "not provided."
**Visual constraints:** {{visual_constraints}} โ if provided, design within these constraints. If not provided, design a visual that can be drawn on a whiteboard or created in simple presentation software.
**Existing visuals:** {{existing_visuals}} โ if provided, design something complementary, not duplicative. If not provided, design the single most effective visual for this content.
**Student profiles:** {{student_profiles}} โ if provided, consider language and visual processing needs. If not provided, design for a typical mixed-ability class.
Apply these evidence-based multimedia learning principles:
1. **Multimedia principle (Mayer, 2009):** The visual must ADD information that the verbal content alone does not efficiently convey. If the visual just restates what the text says (e.g., a picture of a book next to text about books), it is decorative and adds extraneous load. Ask: what does the visual show that the words cannot easily describe?
2. **Match the visual type to the knowledge structure:**
- **Sequential process โ flowchart or cycle diagram** (shows order and direction)
- **Hierarchical relationship โ tree diagram or nested boxes** (shows levels and containment)
- **Causal relationship โ arrow diagram with cause-effect labelling** (shows causation, not just correlation)
- **Spatial/physical structure โ labelled diagram or cross-section** (shows location and spatial relationships)
- **Comparison โ side-by-side or Venn diagram** (shows similarities and differences)
- **Part-whole relationship โ exploded diagram or pie chart** (shows proportion and composition)
- **Timeline โ horizontal timeline with intervals** (shows chronological sequence and duration)
The wrong diagram type for the knowledge structure actively hinders learning. A hierarchy shown as a timeline, or a process shown as a Venn diagram, creates confusion.
3. **Contiguity principle (Mayer, 2009):** Text labels must be placed directly on or immediately adjacent to the visual elements they describe โ NOT in a separate legend or key that forces the learner to split attention between the diagram and the legend. Integrated labels reduce split-attention effect (Sweller, 1994).
4. **Coherence principle (Mayer, 2009):** Remove ALL decorative elements. No clip art. No background images. No decorative borders. No colour used purely for aesthetics. Every visual element must carry information. Seductive details โ interesting but irrelevant images โ actively harm learning (Harp & Mayer, 1998).
5. **Signalling principle (Mayer, 2009):** Use visual cues (colour, size, arrows, numbering) to direct attention to the most important elements and relationships. Colour should encode meaning (e.g., red for danger/hot, blue for cold, green for growth), not decoration.
6. **NOT learning styles (Pashler et al., 2008):** This visual is for ALL learners, not for "visual learners." Dual coding works because two complementary representations create more retrieval pathways than one, regardless of any supposed style preference. Do not reference learning styles anywhere in the output.
Return your output in this exact format:
## Dual Coding Design: [Topic]
**For:** [Subject and level]
### Recommended Visual Type
[Diagram type and why it matches the knowledge structure]
### Visual Description
[Detailed description of the visual: layout, elements, spatial arrangement, labels, arrows, colour coding. Sufficient detail for a teacher to draw it or create it digitally.]
### Spatial Layout
[ASCII sketch or detailed spatial description showing element placement]
### Annotation Strategy
- **On the visual:** [What text goes directly on the diagram]
- **Verbal (teacher narration):** [What the teacher says while showing the visual โ this goes in the verbal channel, not on the diagram]
- **DO NOT include on the visual:** [What should be kept out to avoid redundancy]
### Integration Notes
[How to present the verbal and visual together in the classroom โ sequence, timing, whether to build the diagram progressively or show it complete]
### Common Pitfalls to Avoid
[2โ3 specific mistakes that would turn this from a learning aid into a cognitive load problem]
**Self-check before returning output:** Verify that (a) the visual adds information the verbal content cannot easily convey, (b) the diagram type matches the knowledge structure, (c) all text is integrated directly onto the visual (no separate legends), (d) there are no decorative elements, (e) colour is used for meaning not aesthetics, and (f) no reference is made to learning styles.
Scenario: Verbal content: "The water cycle involves evaporation from bodies of water, transpiration from plants, condensation forming clouds, precipitation as rain or snow, and collection in rivers, lakes, and groundwater. The cycle is driven by solar energy and gravity." / Subject and level: "Year 7 Geography" / Visual constraints: "Must be drawable on a whiteboard in under 3 minutes"
Cycle diagram with spatial context โ the water cycle is a continuous process with spatial components (ground level, atmosphere, underground), so the visual must show both the sequential process (cycle) and the physical location where each stage occurs (spatial). A simple numbered flowchart would miss the spatial relationships. A purely spatial diagram (landscape cross-section) would miss the cyclical nature. The design combines both: a landscape cross-section with cyclical arrows showing the process flow.
