Activity 01
Think-Pair-Share: App Audit
Students open a familiar app or website (school-approved) and spend five minutes independently noting two things that make it easy to use and two things that create friction or confusion. Partners compare observations, then pairs share findings with the class to build a collective list of what makes an interface work. This grounds abstract UX vocabulary in concrete, personal experience.
How does user interface design impact a user's interaction with digital media?
Facilitation TipDuring App Audit, assign specific app categories (e.g., games, social media) so students compare tools with similar purposes rather than random selections.
What to look forPresent students with screenshots of two different app interfaces. Ask them to write down two specific elements that make one interface easier to use than the other, referencing terms like 'affordance' or 'visual hierarchy'.
UnderstandApplyAnalyzeSelf-AwarenessRelationship Skills
Generate Complete Lesson→· · ·
Activity 02
Paper Prototype: Three-Screen App
Small groups receive a simple design brief (a homework tracker, a classroom library check-out system) and sketch three connected screens on paper index cards. Groups then swap prototypes and attempt to navigate the other team's design without any explanation from the designers. Designers observe silently and take notes on where users hesitate, then receive verbal feedback before revising one screen.
Analyze the elements that contribute to a positive or negative user experience.
Facilitation TipWhen guiding Paper Prototype, enforce the 'designer silence' rule strictly so students practice observing user behavior instead of explaining their designs.
What to look forStudents sketch a simple interactive element (e.g., a login screen). They then exchange sketches with a partner. Partners provide feedback using prompts: 'What does this element suggest you can do?' (affordance) and 'How do you know it worked?' (feedback).
AnalyzeEvaluateCreateDecision-MakingSelf-ManagementRelationship Skills
Generate Complete Lesson→· · ·
Activity 03
Gallery Walk: Before and After Interface Comparison
Post paired screenshots of the same interface -- a before and after redesign -- at four to five stations around the room. Students rotate with a structured observation sheet, identifying what changed, why each change likely improved usability, and what they would still adjust. The debrief focuses on which specific changes had the biggest impact on clarity.
Design a simple interactive element, justifying your choices for user engagement.
Facilitation TipFor Gallery Walk, provide a simple scoring rubric (e.g., 1-5 scale) so students evaluate interfaces based on clarity and efficiency before discussing as a class.
What to look forAsk students to identify one digital product they use daily. On their exit ticket, they should name one aspect of its design that creates a positive user experience and one aspect that could be improved, explaining why.
UnderstandApplyAnalyzeCreateRelationship SkillsSocial Awareness
Generate Complete Lesson→· · ·
Activity 04
Design Journal: Interactive Element Sketch
Students choose one interactive element (a navigation menu, a submit button, a search bar) and sketch three different design versions for the same function. Each sketch includes annotations explaining the visual choices and how each version communicates its purpose to a user. Students select their preferred version and write two sentences explaining why it would work best for their target audience.
How does user interface design impact a user's interaction with digital media?
Facilitation TipDuring Design Journal, require students to label each sketch with the UX principle they applied, linking theory to their work immediately.
What to look forPresent students with screenshots of two different app interfaces. Ask them to write down two specific elements that make one interface easier to use than the other, referencing terms like 'affordance' or 'visual hierarchy'.
AnalyzeEvaluateCreateDecision-MakingSelf-ManagementRelationship Skills
Generate Complete Lesson→A few notes on teaching this unit
Experienced teachers approach this topic by making UX concepts visible and testable. Avoid lecturing about affordances; instead, have students hold a physical button and describe what it suggests they can do. Research shows that user testing reveals design flaws faster than explanations. Keep activities short and iterative so students experience the impact of revisions in real time.
Successful learning looks like students using UX vocabulary to explain their design choices, testing prototypes with peers, and revising based on real user feedback. They should move from saying 'It looks good' to 'The button is large and red, so users know to click it, and it changes color when pressed, so they know it worked'.
Watch Out for These Misconceptions
During Think-Pair-Share: App Audit, students may assume that interfaces with more icons or animations are more sophisticated.
During Think-Pair-Share: App Audit, challenge students to time how long it takes their partner to complete a simple task (e.g., finding a setting). Ask them to note which interface elements slowed them down or caused hesitation, linking complexity to task efficiency.
During Paper Prototype: Three-Screen App, students may believe that if they understand their own prototype, everyone else will too.
During Paper Prototype: Three-Screen App, remind students that the 'designer silence' rule forces them to rely on visual cues alone. After testing, ask them to identify one point where their partner hesitated and revise that section based on the observed confusion.
During Gallery Walk: Before and After Interface Comparison, students might think that flashy colors or animations automatically improve user experience.
During Gallery Walk: Before and After Interface Comparison, have students use a checklist to evaluate each interface on clear affordances and immediate feedback. Ask them to note which designs made tasks feel effortless and which required guesswork.
Methods used in this brief