← Back
T1W4L2

Wireframes: layout, hierarchy, and accessibility basics

Wireframing

Devotional (5 minutes)(click to expand)
Romans 12:10
“Honor one another above yourselves.”
Christian perspective

Inclusive design values every user’s needs and experiences.

Secular perspective

Accessible design is a quality standard and reduces exclusion.

Scenario

A UI uses tiny text and unclear labels.

Who is disadvantaged by poor readability?

Lesson flow

OPENING5 min
Teacher
  • Wireframe expectations and accessibility reminders.
Students
  • Identify 2 accessibility risks in UIs you’ve seen.
ACTIVITY15 min
Teacher
  • Create wireframes for 2–3 key screens.
Students
  • Sketch wireframes with labelled components.
WORKBOOK15 min
Teacher
  • Add notes: purpose, inputs, outputs, validation.
Students
  • Annotate each wireframe with notes.
Workbook questions
  1. Create wireframes for 2–3 key screens (photo/scan acceptable) with labels.
  2. Annotate each wireframe: purpose, key inputs, and one accessibility consideration.
WRAP5 min
Teacher
  • Exit: one design improvement based on user needs.
Students
  • Write improvement.

Resources

No resources listed for this lesson yet.

IA1 Draft Checker

Write your own response first. This tool checks alignment with the IA1 marking guide and suggests improvements. It does not write answers.

Question
Create wireframes for 2–3 key screens (photo/scan acceptable) with labels.
Dictation unavailable
Teacher tools
Loading teacher tools…