Technologies · Year 9 · User Experience and Interface Design · Term 4

Introduction to UX/UI Design

Defining User Experience (UX) and User Interface (UI) design and their importance in digital product development.

• ACARA Content Descriptions
• AC9DT10P05

About This Topic

User-centered research is the first step in creating digital solutions that actually work for people. In Year 9, students learn to move beyond their own perspectives and empathize with diverse user groups. They use tools like personas and empathy maps to understand the needs, frustrations, and goals of different users, including those with varying levels of technical literacy. This aligns with AC9DT10P05, which focuses on defining problems and identifying user requirements.

This topic emphasizes that a 'good' design is subjective and depends entirely on who is using it. In an Australian context, this might involve designing for elderly citizens in regional areas or for Indigenous communities with specific cultural needs. By validating their assumptions through research, students learn to build products that are truly inclusive. This topic comes alive when students can engage in direct peer interviews and collaborative empathy mapping.

Key Questions

1. Differentiate between User Experience (UX) and User Interface (UI) design.
2. Explain why human-centered design is crucial for successful digital products.
3. Analyze the impact of good versus bad UX on user engagement.

Learning Objectives

• Compare and contrast the core principles of User Experience (UX) and User Interface (UI) design.
• Explain the significance of human-centered design in developing effective digital products.
• Analyze the impact of positive and negative UX on user engagement with a given digital product.
• Design a simple wireframe for a digital product, considering basic UI principles.

Before You Start

Digital Systems

Why: Students need a basic understanding of how digital systems function to appreciate the context in which UX/UI design is applied.

Design Thinking Processes

Why: Familiarity with empathy and ideation stages of design thinking provides a foundation for understanding human-centered design principles.

Key Vocabulary

User Experience (UX) Design	The process of creating products that provide meaningful and relevant experiences to users. It focuses on the overall feeling a user has when interacting with a product.
User Interface (UI) Design	The design of the visual elements and interactive components of a digital product. It focuses on how a product looks and how users interact with its screens and elements.
Human-Centered Design	An approach to problem-solving that puts the needs, desires, and limitations of the end-user at the center of the design process.
Wireframe	A basic visual guide used in UX/UI design to represent the skeletal framework of a website or application. It outlines the structure and layout of content and functionality.
Persona	A fictional character created to represent a user type. Personas help designers understand user goals, motivations, and pain points.

Watch Out for These Misconceptions

Common Misconception

I am the user.

What to Teach Instead

Students often design for themselves. By creating personas for people very different from them (e.g., an 80-year-old grandfather), they realize that their own preferences are not universal.

Common Misconception

User research is just asking people what they want.

What to Teach Instead

Users often don't know what they want until they see it. Empathy mapping helps students look at underlying needs and behaviors rather than just taking feature requests at face value.

Active Learning Ideas

Think-Pair-Share: The Empathy Interview

Students interview a partner about a frustrating digital experience they've had (e.g., a confusing app). They then work together to create an 'Empathy Map' that captures what the user was thinking, feeling, saying, and doing during that experience.

30 min·Pairs

Inquiry Circle: Persona Development

Groups are given a project brief (e.g., a community garden app) and must create three distinct 'Personas', fictional users with different ages, abilities, and goals. They present these personas to the class, explaining how each one's needs will shape the final design.

50 min·Small Groups

Gallery Walk: User Journey Maps

Students map out the steps a user takes to complete a task on a website. These maps are displayed around the room, and peers use 'pain point' stickers to identify where the user might get confused or frustrated.

40 min·Whole Class

Real-World Connections

• App developers at companies like Atlassian in Sydney use UX/UI principles to design intuitive interfaces for their project management software, ensuring that teams can collaborate effectively.
• Web designers working for Australian e-commerce sites, such as Kogan or Catch, must consider UX/UI to create seamless shopping experiences, from product browsing to checkout, to maximize sales and customer satisfaction.
• Game designers developing mobile games for a global audience, including Australian players, focus heavily on UI elements like button placement and UX flow to keep players engaged and prevent frustration.

Assessment Ideas

Exit Ticket

Provide students with two screenshots of the same app, one with good UI and one with poor UI. Ask them to write one sentence explaining which is better and why, referencing at least one UX or UI principle discussed.

Discussion Prompt

Pose the question: 'Imagine you are designing a new app for booking public transport in your local area. What are two key user needs you would prioritize, and how would your design address them?' Facilitate a brief class discussion on their responses.

Quick Check

Ask students to quickly sketch a simple wireframe for a login screen. Then, have them label two key UI elements (e.g., username field, password field, login button) and briefly explain their purpose.

Frequently Asked Questions

What is an empathy map in Year 9 Design Thinking?

An empathy map is a visual tool used to articulate what we know about a particular type of user. It helps students divide their observations into four quadrants: what the user says, thinks, does, and feels, leading to deeper insights into their needs.

Why is user research important before coding?

Research ensures that students are solving the right problem. It's much cheaper and faster to change a design based on research than it is to rewrite code after a product has been built and found to be useless.

How do personas help in the design process?

Personas act as a 'north star' for the project. When a team is stuck on a design decision, they can ask, 'What would [Persona Name] prefer?' This keeps the focus on the user rather than the developers' personal opinions.

How can active learning help students understand user research?

Active learning, like peer interviews and role-playing, forces students to step out of their own shoes. It makes the 'user' feel like a real person with real problems, which is much more impactful than just reading a list of requirements from a textbook.