← QCE Digital Solutions Unit 1

Useability principle: learnability

How quickly and easily new users can work out how to use an interface with little help, using familiar conventions, clear labels and onboarding hints.

Part of: QCE Digital Solutions Unit 1 — User Experiences and Interfaces — Module 12

Understanding Useability principle: learnability in QCE Digital Solutions Unit 1

What it does: A magnifying glass for search is a familiar convention, so new users recognise it straight away and learn the interface faster. A specific label like 'Save photo' shows the outcome of pressing the button, which supports learnability for first-time users. Learnability focuses on new users and how fast they can pick up the interface with little help. Clear labels tell the user exactly what will happen. A vague label like 'Go' forces them to guess. The fix is to use a familiar bin icon and add the label 'Delete' so users can work it out quickly. The fix is to add short onboarding hints that introduce a few key controls step by step, improving learnability.

Common mistakes: The label "Data1" does not tell a new user what to type in the box. A clear label such as "Name:" makes the interface easier to learn. An empty screen should give an onboarding hint that tells new users what to do first. "Null" teaches them nothing. It should say something like "Tap + to add task".

Class: _____________________  ·  Name: _____________________  ·  Date: _________

Free printable worksheet with full answer key — or add this module to a class and your students practise it interactively.

🖨 Print worksheet + answer key Add Useability principle: learnability to a class →

This module's key terms are also in a printable crossword (Modules 60–81) and word search (Modules 1–81).

Take this worksheet further — free with Cloodit

Each concept is reinforced from every angle — learned, then applied, then tested.

Learning
Duo
Which interface is more learnable for a first-time user?
A shopping app that hides the checkout behind an unusual symbolA shopping app with a trolley icon in the top right, like most other shops
Matches
A new app uses an unlabelled, unusual symbol for the 'Delete' button, with no hint about what it does
↓
The symbol is not a familiar convention and has no clear label, so new users must guess and may need help, which makes the interface hard to learn
Applying
Meanings
Term
learnability
Meaning
How quickly and easily new users can work out how to use an interface with little help, using familiar conventions, clear labels and onboarding hints.
Practice
<label for="user">Username</label>
Testing
Gaps
< for="email">Email address</label>
Check Answer
Spots
1import tkinter as tk
2tk.Label(text="Data1").pack()

Cloodit turns curriculum-aligned coding content into journeys students work through one biome at a time.

The 'Starfish' badge — Five-Point Star, one of Cloodit's 106 collectible badges
Students earn collectable badges

Over 100 of them, across seven natural biomes.

Study Buddy
Students build a real study resource

Turns their work into revision material ready for Flash Cards and Exam study.

Diamond Dash — one of Cloodit's live, competitive Sprint games
Students lock in with Sprints

Live, competitive practice for the start of the lesson or a teacher-led lesson finisher.

A Cloodit certificate of achievement, ready to personalise and print
Custom printable certificates

Honour your top performers, or encourage a student who's trying hard — ready to print in seconds.

Add to class →

Quick Questions

1. Which interface is more learnable for a first-time user?
A. A shopping app with a trolley icon in the top right, like most other shops ✓
B. A shopping app that hides the checkout behind an unusual symbol
Familiar conventions help new users work out what to do without help. A trolley icon in the usual spot is quick to learn.
2. Learnability is about how quickly new users can work out how to use an interface.
A. False
B. True ✓
Learnability focuses on new users and how fast they can pick up the interface with little help.
3. Which button label is clearer for a new user?
A. Save photo ✓
B. Go
Clear labels tell the user exactly what will happen. A vague label like 'Go' forces them to guess.
4. A student opens a new homework app for the first time. Which feature is an onboarding hint?
A. A settings menu that stores your password
B. A pop-up that says 'Tap + to add your first task' ✓
Onboarding hints guide new users through their first steps so they need less outside help.
5. Which choice best supports learnability?
A. Using a magnifying glass icon for search, as users expect ✓
B. Using a unique cartoon icon for search to look different
Familiar conventions use symbols users already know. Being different can look creative, but it makes the interface harder to learn.

Match the Pairs

learnability → How quickly and easily new users can work out how to use an interface with little help
onboarding hint → A short tip shown to a new user, such as 'Tap + to add your first task', that helps them learn the interface
Using a familiar convention makes an interface easier to learn because users already know what it means → A magnifying glass icon opens the search bar
A clear label tells a new user exactly what a control does, so they do not have to guess → Button label: 'Save photo' instead of 'Go'
A new app uses an unlabelled, unusual symbol for the 'Delete' button, with no hint about what it does → The symbol is not a familiar convention and has no clear label, so new users must guess and may need help, which makes the interface hard to learn
A game opens straight to a crowded screen with 20 controls and no tips for first-time players → There are no onboarding hints, so new users get no guidance on where to start and learning takes too long

Key Term

learnability
How quickly and easily new users can work out how to use an interface with little help, using familiar conventions, clear labels and onboarding hints.

Fill in the Blanks

1. <label for="email">Email address</label>
Hint: Type the HTML tag that gives a form field a clear text name.
2. <input placeholder="Type your name">
Hint: Type the attribute that shows faint hint text inside an empty box to guide new users.
3. <input type="password" name="pw">
Hint: Type the input type users already know, which hides typed characters as dots.
4. tip = tk.Label(root, text="Press Start")
Hint: Type the tkinter control that shows an onboarding hint as plain text on the window.
5. <nav><a href="home.html">Home</a></nav>
Hint: Type the tag for a menu block of links, placed where users expect it.

Spot the Error

Question 1
A import tkinter as tk
B tk.Label(text="Data1").pack()
C e = tk.Entry()
D e.pack()
Line B — The label "Data1" does not tell a new user what to type in the box. A clear label such as "Name:" makes the interface easier to learn.
Question 2
A tasks = []
B if len(tasks) == 0:
C print("Null")
Line C — An empty screen should give an onboarding hint that tells new users what to do first. "Null" teaches them nothing. It should say something like "Tap + to add task".
Question 3
A close_btn.text = "Banana"
B close_btn.corner = "top-right"
C close_btn.action = "close"
Line A — Users already know that an X means close, so it is a familiar convention. "Banana" breaks that convention and forces new users to work out what the button does. The text should be "X".
Question 4
A tips = ["Tap +", "Name it"]
B for tip in tips:
C print(tip)
D input("Press Ctrl+Alt+F9")
Line D — An onboarding tour should let users move on with a simple, obvious action. Asking for Ctrl+Alt+F9 is confusing and makes the app harder to learn. It should say "Press Enter".
Question 5
A <form>
B <label>Email</label>
C <input placeholder="1234">
D </form>
Line C — A placeholder is a hint that shows new users what to enter. "1234" suggests the wrong format for an email box. It should show an example such as a@b.com.

Student with a class code? Join your class →