Useability principle: ease of learning

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. Which interface shows good ease of learning for a first-time user?

A A save button with a floppy-disk icon and the label 'Save'

B A save button with an abstract symbol and no label

2. Ease of learning is mainly about...

A How quickly a new user can work out how to complete tasks without training

B How fast the system processes data on the server

3. Which choice uses a familiar convention?

A A skull icon in the top corner to open search

B A magnifying glass icon in the top corner to open search

4. Which button label is clearer for a new user?

A Submit order

B Go

5. Which is an example of an onboarding hint?

A A 20-page printed manual that must be read before using the app

B A pop-up on first launch saying 'Tap here to add a task'

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1Button label: "Save" with a floppy-disk icon		A<button>Submit order</button>
2Tooltip: "Tap + to add your first task"		BThere are no clear labels or onboarding hints, so a new user cannot work out how to start. Add labels and a short first-use guide.
3Clear labels tell a new user exactly what a control does, so they can learn the interface quickly		C<button aria-label="Search">🔍</button>
4Familiar conventions, such as a magnifying glass for search, let new users guess how to use the interface		DUses a familiar convention so a new user recognises what the button does without being taught
5<button>Go</button>		EAn onboarding hint that guides a first-time user through their first action
6Home screen shows 12 unlabelled icons and no hints for first-time users		FThe label 'Go' is vague, so a new user cannot tell what will happen. A clear label like 'Book appointment' would be easier to learn.

Definitions

ease of learning

Fill in the Blanks

Complete each line of code by filling in the missing parts.

<label ___="email">Email address</label>

<_______> <summary>Need help?</summary> <p>Tap Save to keep your work.</p>

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A <form>

B <label for="em">Email</label>

C <input id="em" type="email">

D <button>Sign up<button>

E </form>

Question 2

A root = tk.Tk()

B tk.Label(txt="Email").pack()

C box = tk.Entry(root)

D box.pack()

Question 3

A <label>Password</label>

B <input type="password">

C <small>Use 8+ letters<small>

Question 4

A <h1>Authenticate session</h1>

B <label>Username</label>

C <input name="u">

D <button>Log in</button>

Question 5

A if first_visit:

B show_tip("Tap + to add")

C first_visit == False

Answer Key

Useability principle: ease of learning

Section A: Quick Questions

A — A save button with a floppy-disk icon and the label 'Save'

A — How quickly a new user can work out how to complete tasks without training

B — A magnifying glass icon in the top corner to open search

A — Submit order

B — A pop-up on first launch saying 'Tap here to add a task'

Section B: Match the Pairs

Button label: "Save" with a floppy-disk icon → Uses a familiar convention so a new user recognises what the button does without being taught

Tooltip: "Tap + to add your first task" → An onboarding hint that guides a first-time user through their first action

Clear labels tell a new user exactly what a control does, so they can learn the interface quickly → <button>Submit order</button>

Familiar conventions, such as a magnifying glass for search, let new users guess how to use the interface → <button aria-label="Search">🔍</button>

<button>Go</button> → The label 'Go' is vague, so a new user cannot tell what will happen. A clear label like 'Book appointment' would be easier to learn.

Home screen shows 12 unlabelled icons and no hints for first-time users → There are no clear labels or onboarding hints, so a new user cannot work out how to start. Add labels and a short first-use guide.

Section C: Definitions

ease of learning — A useability principle: a new user can work out how to complete tasks quickly without training, helped by familiar conventions, clear labels and onboarding hints.

Section D: Fill in the Blanks

<label for="email">Email address</label>

<input id="email" placeholder
="name@school.edu.au">

<input type="password" id="pw">

<button title="Save your work">Save</button>

<details>
<summary>Need help?</summary>
<p>Tap Save to keep your work.</p>

Section E: Spot the Error

D — The button's closing tag is missing its slash. It should be <button>Sign up</button>. The clear label 'Sign up' tells a new user what the button does.

B — The option is called text, not txt, so the label would not show. It should be tk.Label(text="Email").pack(). A visible label tells a new user what to type.

C — The closing tag needs a slash: </small>. Without it the hint breaks the page. A short hint under a field is an onboarding hint that helps a new user.

A — 'Authenticate session' is technical jargon a new user may not understand. It should use the familiar, clear wording <h1>Log in</h1>, which also matches the button.

C — == compares the values and changes nothing, so the tip would show on every visit. It should use = to assign: first_visit = False. Onboarding hints should appear only to new users.