UI Design Foundations

---

Lesson Overview

Lesson Title: Introduction to User Interface Design
Unit Title: User Interface Design Journey
Lesson Number: 1 of 6
Year Level: Year 8
Learning Area: Digital Technologies
Curriculum Alignment: Australian Curriculum: Technologies – Digital Technologies, Year 7–8
Duration: 50 minutes
Class Size: 19 students

---

Australian Curriculum Content Descriptions

ACTDIP028 – Analyse and visualise data using a range of software to create information, and use structured data to model objects or events.
ACTDIP029 – Design the user experience of a digital system by evaluating alternative designs against criteria including functionality, accessibility, usability, and aesthetics.
ACTDIP030 – Design, modify and follow simple algorithms represented diagrammatically and in English, involving sequences of steps, branching, and iteration.

---

Learning Intentions

By the end of this lesson, students will be able to:

• Define User Interface (UI) and User Experience (UX).
• Understand the impact of effective design on usability.
• Identify good and poor design from real-world examples.
• Begin thinking like a UI/UX designer by considering users' needs.

---

Success Criteria

Students can:

• Clearly explain what UI and UX mean and their role in a digital context.
• Identify visual and functional elements that make a digital interface user-friendly.
• Contribute thoughtfully to group discussions analysing existing interfaces.

---

Resources Needed

• Smartboard or projector
• Student devices (laptops or tablets)
• Whiteboard and markers
• Printed UI Design Critique Cards (provided by the teacher)
• Printed exit tickets for end of class
• Example screenshots of well and poorly designed apps/websites

---

Lesson Elements

1. Hook (Engage) – 5 minutes

Activity: “UI in Your Pocket”

• Ask students to quickly take out their phones or open a commonly-used app on their school device.
• Prompt: “Open your favourite app. Don’t tell anyone what it is—but think: why do you like using it?”
• Project a slide that shows two contrasting app examples: one colourful, simple and easy to use; another cluttered, confusing or dull.
• Class brainstorm: What made one app better than the other? Write answers on the board under the headings: Looks / Ease of Use / Feel.

🔵 Goal: Prompt students to think critically about everyday digital experiences and the design choices behind them.

---

2. Inform (Explain) – 10 minutes

Mini Presentation: “What is UI and UX?”

Use slide deck (or digitised whiteboard notes) to explain in plain and age-appropriate terms:

• UI (User Interface) – the “look” of a digital product (buttons, colours, layout)
• UX (User Experience) – the “feel” or experience of using the product (how simple or enjoyable it is)
• Explain how UI and UX work together in software and app design.
• Use relatable analogies (e.g., “a video game controller that’s hard to hold vs one that fits your hand perfectly”).

🎥 Embed short visuals or static screenshots comparing two versions of UIs (e.g., old vs new iOS screen layouts).

---

3. Explore (Apply) – 15 minutes

Activity: "Design Detective Duo"

• Students break into pairs (ideally with someone they haven’t worked with recently).

• Each pair is given a UI Design Critique Card with 2 screenshots of real apps or websites (one good, one bad). These cards prompt students to:

  • Observe the layout, colour use, spacing, font choice.
  • Identify 2 things that work well and 2 things that don’t.
  • Consider: “How would you improve this?”

• Encourage partner discussion and note-taking on mini whiteboards or in their notebooks.

🔍 Scaffolding prompt: “Would your grandparents easily understand this screen? Could you use this if you had one hand bandaged?”

---

4. Share (Discuss) – 10 minutes

Activity: “Designers’ Roundtable”

• Each pair shares one insight with the class:
  • One element that made an interface easy or enjoyable to use.
  • One suggestion for improvement.
• Teacher records responses under the headings:
  • Aesthetic Choices
  • Navigation & Usability
  • Accessibility

Encourage discussion around overlooked users (e.g., colourblind users, non-native English speakers, different device types).

🧠 Deeper thinking: “Why might a popular app still have poor design? What trade-off might the designers have made?”

---

5. Reflect (Conclude) – 5 minutes

Exit Ticket Activity:

Each student answers the following on an exit slip:

1. One app/website I think has excellent design is:
2. One thing I learned today about UI/UX is:
3. A question I still have about interface design is:

Collect as students leave.

---

Assessment Opportunities

• Formative observation of partner discussions and presentations.
• Review of exit tickets to assess comprehension and curiosity.
• Anecdotal notes during roundtable sharing for engagement and participation.

---

Extensions & Adjustments

For Fast Finishers:

• Challenge students to sketch their own improved version of one of the poor examples from the critique activity.

For Diverse Learners:

• Provide visual glossaries for EAL/D students with key terms (e.g., icon, menu, layout).
• Allow oral responses for students needing literacy support.
• Use accessible app examples for students with different abilities.

---

Looking Ahead

In Lesson 2: Students will begin practising basic wireframing skills and apply their understanding of UI/UX by mocking up a simple app interface on paper. They’ll start developing empathy with users and thinking through user goals.

💡 Teacher Tip: Display a “Design Wall” in your classroom for this unit—students can pin sketches, inspiration, and design wins/fails they discover over the next 6 weeks.

---

Teacher Reflection Prompts

After class, consider:

• Did students engage critically with both visual and functional design?
• Which explanations or analogies helped them grasp UI/UX the most?
• What misconceptions or design biases came up that we can address in future lessons?

---

Prepared by AI Assistant — empowering creative, inclusive, curriculum-aligned teaching 🧠✨
(All content mapped to the Australian Curriculum and pitched for Year 8 engagement and comprehension.)