Project: Design a Digital Interface
Students will apply UX/UI principles to design a digital interface for a specific user problem, from research to prototyping.
About This Topic
In this project, Year 9 students apply UX/UI principles to design digital interfaces that solve real user problems. They start with user research through interviews and surveys, create wireframes to map layouts, and build interactive prototypes using tools like Figma or Adobe XD. This process aligns with ACARA standards AC9DT10P05, AC9DT10P06, and AC9DT10P07, as students develop user-centered solutions, critique peers' designs for usability and accessibility, and justify choices with evidence from feedback.
The project builds essential skills in empathy, iteration, and critical evaluation within the Technologies subject. Students learn that effective interfaces prioritize clear navigation, inclusive features like alt text for images, and responsive designs for different devices. By examining everyday apps, they connect abstract principles to practical outcomes, fostering computational thinking and ethical design awareness.
Active learning approaches excel here because they turn design into a collaborative, iterative cycle. When students conduct rapid user tests in pairs or rotate through peer feedback stations, they experience how real input refines prototypes, making concepts like accessibility tangible and boosting confidence in justifying decisions.
Key Questions
- Design a user-centered solution for a given problem.
- Critique the usability and accessibility of a peer's design.
- Justify design decisions based on user research and feedback.
Learning Objectives
- Design a digital interface for a specific user problem, incorporating user-centered design principles.
- Critique the usability and accessibility of a peer's digital interface prototype, providing constructive feedback.
- Justify design decisions for a digital interface by referencing user research data and feedback.
- Analyze the effectiveness of different UX/UI elements in achieving user goals within a digital interface.
- Synthesize user research findings into actionable design recommendations for an interface.
Before You Start
Why: Students need a foundational understanding of how digital systems work and how data is represented to design effective interfaces.
Why: This project requires students to apply a structured approach to identifying problems and generating solutions, which is developed in earlier design thinking units.
Key Vocabulary
| User Experience (UX) | The overall experience a person has when interacting with a product, system, or service, focusing on usability and enjoyment. |
| User Interface (UI) | The visual elements and interactive components that a user engages with on a digital product, such as buttons, screens, and layouts. |
| Wireframe | A basic visual guide used in interface design to represent the skeletal framework of a webpage or application, showing content structure and functionality. |
| Prototype | An interactive simulation of a final product that allows designers and users to test functionality and flow before full development. |
| Usability | The ease with which users can learn and operate a product to achieve their goals effectively, efficiently, and with satisfaction. |
| Accessibility | The design of products, devices, and services to be usable by people with disabilities, ensuring equal access and opportunity. |
Watch Out for These Misconceptions
Common MisconceptionDesign success depends only on visual appeal.
What to Teach Instead
Usability and accessibility drive effective interfaces, as user testing reveals navigation pain points over aesthetics. Peer critique activities help students prioritize function through structured feedback, shifting focus to real needs.
Common MisconceptionDesigners create perfect solutions on the first try.
What to Teach Instead
Iteration based on feedback refines prototypes, as initial versions often miss user needs. Prototyping sprints with partner tests demonstrate this cycle, building resilience and deeper understanding of the design process.
Common MisconceptionAll users interact with interfaces the same way.
What to Teach Instead
Diverse needs require inclusive features like voice navigation or high-contrast modes. Empathy mapping in groups exposes varied user perspectives, encouraging accessible designs through shared research insights.
Active Learning Ideas
See all activitiesEmpathy Mapping: User Research Rounds
Students interview peers about a problem like app navigation frustrations, then map findings on templates noting what users say, think, do, and feel. Groups share one insight per person. Compile class data to identify common needs.
Wireframing Relay: Layout Challenges
In pairs, sketch low-fidelity wireframes for key screens based on research. Switch partners midway to add annotations for usability. Pairs present one improvement to the class for quick votes.
Prototyping Sprint: Tool Practice
Individuals build a digital prototype in Figma from wireframes, focusing on interactions. Test with a partner for 5 minutes, noting fixes. Iterate once based on feedback before final share.
Critique Carousel: Peer Reviews
Display prototypes around the room. Groups visit three stations, using checklists to score usability and accessibility, then leave sticky note feedback. Designers review and prioritize changes.
Real-World Connections
- UX/UI designers at companies like Google and Apple create interfaces for products such as smartphones, smartwatches, and operating systems, considering millions of users worldwide.
- Web developers at e-commerce sites like Amazon use UX/UI principles to design intuitive navigation and checkout processes, directly impacting customer satisfaction and sales figures.
- Game designers employ UX/UI to craft engaging and easy-to-understand control schemes and menus for video games, ensuring players can focus on gameplay rather than interface confusion.
Assessment Ideas
Students exchange their interactive prototypes. Provide a checklist for peers to evaluate: Is navigation clear? Are interactive elements obvious? Is text readable? Ask students to write one specific suggestion for improvement based on their review.
On an index card, ask students to list two user research methods they used and explain how the findings from one method influenced a specific design decision in their prototype.
During the wireframing stage, ask students to hold up their current wireframe. The teacher can quickly scan for basic layout principles like clear hierarchy and logical flow, providing immediate verbal feedback to individuals or small groups.
Frequently Asked Questions
What UX/UI tools suit Year 9 students?
How to structure peer critiques effectively?
How can active learning help students master UX design?
How to link this project to ACARA standards?
More in User Experience and Interface Design
Introduction to UX/UI Design
Defining User Experience (UX) and User Interface (UI) design and their importance in digital product development.
2 methodologies
User Research: Personas and Empathy Maps
Using personas and empathy maps to understand the needs, behaviors, and motivations of diverse user groups.
2 methodologies
Information Architecture and Navigation
Organizing content logically and designing intuitive navigation systems for digital interfaces.
2 methodologies
Wireframing and Low-Fidelity Prototyping
Creating basic structural layouts and interactive mockups to test initial design concepts and user flows.
2 methodologies
High-Fidelity Prototyping
Developing detailed, interactive mockups that closely resemble the final product to test user interaction and visual design.
3 methodologies
Visual Design Principles
Exploring principles of visual design such as color theory, typography, layout, and imagery to create aesthetically pleasing interfaces.
2 methodologies