Activity 01
Pairs Brainstorm: Interactive Concepts
Students pair up to discuss key questions and sketch wireframes for interactive pieces. They identify triggers like motion or touch and map responses such as visual changes. Pairs present one concept to the class for initial feedback.
Explain how interactive elements change the viewer's relationship with and interpretation of a digital artwork.
Facilitation TipDuring Pairs Brainstorm, circulate and ask each pair: 'What happens if the viewer moves slowly instead of quickly? How does that change the artwork’s mood?' to push them beyond initial ideas.
What to look forPresent students with images or short videos of three different interactive artworks. Ask them to identify the type of input each artwork responds to (e.g., motion, touch, sound) and briefly explain how this input changes the viewer's experience.
RememberApplyAnalyzeSelf-ManagementDecision-MakingSelf-Awareness
Generate Complete Lesson→· · ·
Activity 02
Small Groups: p5.js Prototyping
Provide laptops with p5.js editor. Groups code a simple interactive sketch where mouse position changes shapes or colors. They test iterations, note viewer reactions, and adjust for clearer responses.
Design a concept for an interactive digital art piece that invites and responds to audience participation.
Facilitation TipFor p5.js Prototyping, remind students to test small sections of code first, such as a single color change, before combining effects.
What to look forFacilitate a class discussion using the prompt: 'Imagine you are designing an interactive artwork about climate change. What specific interactive element would you include, and how would it help convey the urgency or impact of the issue?'
RememberApplyAnalyzeSelf-ManagementDecision-MakingSelf-Awareness
Generate Complete Lesson→· · ·
Activity 03
Whole Class: Response Testing
Students demo prototypes on a shared screen. Class members interact and discuss how inputs affect interpretations. Teacher facilitates notes on effectiveness for message conveyance.
Evaluate the effectiveness of interactivity as an artistic medium for conveying a specific message or emotion.
Facilitation TipDuring Whole Class Response Testing, invite students to physically demonstrate their input (e.g., clapping, tapping) while others observe how the artwork reacts.
What to look forStudents share their concept sketches for an interactive artwork. In pairs, they provide feedback using these questions: 'Is the audience participation clear? Does the artwork's response seem engaging? How could the interactivity better communicate the intended message?'
RememberApplyAnalyzeSelf-ManagementDecision-MakingSelf-Awareness
Generate Complete Lesson→· · ·
Activity 04
Individual: Reflection Refinement
Each student refines their prototype based on class feedback. They document changes in a digital journal, evaluating interactivity's impact on emotions or themes.
Explain how interactive elements change the viewer's relationship with and interpretation of a digital artwork.
Facilitation TipFor Individual Reflection Refinement, provide sentence stems like 'I chose this input because...' to guide students in articulating their creative decisions.
What to look forPresent students with images or short videos of three different interactive artworks. Ask them to identify the type of input each artwork responds to (e.g., motion, touch, sound) and briefly explain how this input changes the viewer's experience.
RememberApplyAnalyzeSelf-ManagementDecision-MakingSelf-Awareness
Generate Complete Lesson→A few notes on teaching this unit
Teach this topic by modeling iterative design: show a simple interactive sketch, break its code into digestible parts, and have students remix it before creating their own. Avoid overwhelming students with advanced programming by scaffolding with templates that focus on interactivity first, aesthetics second. Research shows that students grasp participatory art best when they experience it first as viewers, then as designers, so prioritize testing and feedback stages over rushing to final products.
Successful learning looks like students confidently discussing how viewer input transforms an artwork’s message, and they can articulate their design choices using terms like 'sensor,' 'trigger,' and 'participant response.' Their prototypes should show clear connections between input, processing, and output.
Watch Out for These Misconceptions
During Pairs Brainstorm, watch for students equating interactive art with video games.
Prompt pairs to list non-gaming examples, like museum installations that change based on proximity, to clarify that interactivity serves artistic intent, not scoring.
During Whole Class Response Testing, watch for students assuming the artist’s meaning is fixed.
Ask volunteers to share how their actions altered the artwork’s visuals or sounds, using a shared chart to track varied interpretations.
During p5.js Prototyping, watch for students believing complex code is required.
Highlight simple, effective examples (e.g., a single 'mousePressed' function changing a background color) to show how basic tools create meaningful interaction.
Methods used in this brief