Digital Solutions · Year 11 · Creating with code · 1.º Período

Developing user interfaces

Students design and create low-fidelity and high-fidelity prototypes for user interfaces. They evaluate usability and accessibility principles.

TL;DR:Developing user interfaces (UI) is where students consider the human element of digital solutions. This topic covers the design cycle from low-fidelity sketches to high-fidelity interactive prototypes. Students explore principles of usability, such as consistency and feedback, and accessibility, ensuring that solutions are inclusive of people with disabilities. In the Australian context, this also means considering the diverse linguistic and cultural backgrounds of users, including First Nations people.

• ACARA Content Descriptions
• QCAA-DS-U1-S07
• QCAA-DS-U1-S08

About This Topic

Developing user interfaces (UI) is where students consider the human element of digital solutions. This topic covers the design cycle from low-fidelity sketches to high-fidelity interactive prototypes. Students explore principles of usability, such as consistency and feedback, and accessibility, ensuring that solutions are inclusive of people with disabilities. In the Australian context, this also means considering the diverse linguistic and cultural backgrounds of users, including First Nations people.

Students learn that a functional backend is useless if the frontend is confusing. They must justify their design choices based on established UI/UX principles. This topic is highly visual and iterative, making it perfect for gallery walks and peer feedback sessions. Students grasp the importance of user-centric design much faster when they watch a peer struggle to navigate their 'intuitive' prototype.

Key Questions

1. What constitutes an intuitive user interface?
2. How do we design for accessibility?
3. Why is prototyping a critical step in development?

Watch Out for These Misconceptions

Common Misconception

UI design is just about making the app look 'pretty'.

What to Teach Instead

Students often focus on colours and fonts over functionality. Using 'user testing' sessions where peers try to complete a specific task on a prototype helps students see that usability and layout are more important than aesthetics.

Common Misconception

Accessibility is only for people who are completely blind.

What to Teach Instead

Many students forget about colour blindness, low literacy, or situational disabilities (like using a phone in bright sunlight). Active investigations into diverse user personas help broaden their understanding of inclusive design.

Active Learning Ideas

Simulation Game

The 'Blind' Navigation Test

One student acts as the 'user' and is blindfolded or wears blurred glasses, while another acts as the 'screen reader' for a paper prototype. This helps students experience the importance of high-contrast design and clear labelling for accessibility.

30 min·Pairs

Gallery Walk

Low-Fidelity Critique

Students pin their hand-drawn wireframes to the wall. Peers move around with sticky notes to provide feedback based on 'Nielsen's Heuristics', such as 'Visibility of system status' or 'User control and freedom'.

40 min·Whole Class

Think-Pair-Share

Accessibility Audit

Students find a popular Australian website (e.g., a bank or government site) and identify three features that support accessibility and one that might hinder it. They share their findings with a partner to discuss how they would improve the design.

20 min·Pairs

Frequently Asked Questions

What is the difference between UI and UX?

UI (User Interface) refers to the specific assets users interact with, like buttons and screens. UX (User Experience) is the overall feeling a user has while interacting with the product. In class, explain that UI is the 'saddle and stirrups,' while UX is the 'feeling of riding the horse.' Both are essential for a successful digital solution.

What tools should students use for high-fidelity prototyping?

Figma and Adobe XD are industry standards that offer free versions for education. They allow students to create interactive links between screens, simulating a real app experience without writing code. This helps them test logic and flow before the implementation phase.

How can active learning help students understand UI design?

Active learning through 'user testing' is the gold standard for UI. When a student watches a peer click the wrong button or get stuck on a menu, the design flaw becomes undeniable. This immediate, social feedback loop is far more effective than a teacher marking a rubric, as it mimics real-world product development.

How do we design for cultural inclusivity in Australia?

Encourage students to consider iconography and language. For example, using symbols that are universally understood across different cultures or providing options for Indigenous languages. Discussing the 'Digital Divide' in remote communities also helps students design for low-bandwidth environments, which is a key part of inclusive UX.