Lesson Plan

• Identify primary, secondary, and sound components of animation.
• Explain how each component enhances user experience and accessibility.
• Analyse simple animation examples and classify their elements.
• Apply design guidelines to create balanced animation sequences.

• Projector or interactive whiteboard
• Computer with web browser
• Sample UI mockups (e.g., “Add to Cart” interaction)
• Audio clips for sound cues
• Worksheet with checklist and classification tasks
• Presentation slides summarising guidelines

Begin with a short video showing lively UI animations to capture interest. Ask students what they noticed about movement and sound, linking to prior knowledge of basic UI feedback. Explain that today they will learn to dissect and design three key animation components, which will be the success criteria for the lesson.

1. Do‑now (5') – Quick quiz on purposes of animation in interfaces.
2. Mini‑lecture (10') – Define primary animation, secondary animation, and sound; show real‑world examples.
3. Guided analysis (15') – Examine the “Add to Cart” case; students label each component on the worksheet.
4. Hands‑on design (20') – In pairs, create a simple button interaction using a prototyping tool, selecting appropriate timings and a brief sound cue.
5. Peer review (10') – Groups present their animations and evaluate each other with the provided checklist.
6. Plenary (5') – Teacher recaps key guidelines; students complete an exit‑ticket question (“What is the most important consideration when adding sound to an animation?”).

Review how primary, secondary, and sound elements work together to create a cohesive user experience. Collect exit tickets to gauge understanding and clarify any lingering misconceptions. For homework, students will refine their prototype by adjusting timing and adding an optional mute control, documenting the changes in a short reflective paragraph.