Useability principle: engagement

Tip: Choose Save as PDF in the print dialog to download. Use A4 paper size.

Useability principle: engagement

Name:
Date:
Class:

Quick Questions

Shade in the A or B circle for each question.

1. Which description best matches an engaging interface?
A It has the most features packed onto one screen
B It is pleasant and motivating, so users want to keep using it
2. Which is an example of visual appeal?
A A consistent colour scheme with clear, attractive icons
B A progress bar that fills as you finish tasks
3. Which is an example of interactivity?
A Dragging a slider and seeing the chart update straight away
B Reading a long block of static text
4. A fitness app awards a badge after a 7-day streak. Which engagement sub-theme is this?
A Visual appeal
B Rewards
5. True or false: an interface can be easy to use but still not engaging.
A True
B False

Match the Pairs

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

Left columnRight column
1engaging AThere is no interactivity or rewards. Without feedback, points or progress, users have little motivation to keep going.
2streak_days = streak_days + 1 Bbutton.onclick = playSound
3Interactivity: the interface responds when the user acts, which keeps them involved CA reward feature that motivates users to return each day to keep their streak going
4Rewards: the user earns something for progress, which motivates them to continue DEngagement is not just about working. It needs visual appeal, such as colour, images and layout, to make the interface pleasant to use.
5Design brief: use plain black text on white, no images or colour, because engagement only means the app works Eif score >= 100: badge = "Gold"
6Design brief: an engaging quiz app shows the questions in a fixed list with no feedback, points or progress FAn interface that is pleasant and motivating to use, so users want to keep using it

Definitions

engaging

Fill in the Blanks

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

1.
points = 0 points = points _ 10
2.
button { _____________: 8px; }
3.
<button _______="playSound()">Tap</button>
4.
if score __ 100: print("Badge unlocked!")
5.
Button(root, text="Play", _______=start)

Spot the Error

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

Question 1
A score = 0
B for level in range(3):
C score = score - 10
D print('Score:', score)
Question 2
A score = 120
B if score >= 100:
C badge = 'Gold'
D print('Badge:' badge)
Question 3
A theme = 'bright'
B if theme = 'bright':
C colour = 'orange'
D else:
E colour = 'grey'
Question 4
A def show_reward(points)
B if points >= 50:
C return 'Star earned!'
D return 'Keep going!'
Question 5
A root = tk.Tk()
B label = tk.Label(root)
C def cheer():
D label.config(text=Nice!)
E tk.Button(root, command=cheer)

Answer Key

Useability principle: engagement
Section A: Quick Questions
Q1
B — It is pleasant and motivating, so users want to keep using it
Q2
A — A consistent colour scheme with clear, attractive icons
Q3
A — Dragging a slider and seeing the chart update straight away
Q4
B — Rewards
Q5
A — True
Section B: Match the Pairs
Q1
engaging → An interface that is pleasant and motivating to use, so users want to keep using it
Q2
streak_days = streak_days + 1 → A reward feature that motivates users to return each day to keep their streak going
Q3
Interactivity: the interface responds when the user acts, which keeps them involved → button.onclick = playSound
Q4
Rewards: the user earns something for progress, which motivates them to continue → if score >= 100: badge = "Gold"
Q5
Design brief: use plain black text on white, no images or colour, because engagement only means the app works → Engagement is not just about working. It needs visual appeal, such as colour, images and layout, to make the interface pleasant to use.
Q6
Design brief: an engaging quiz app shows the questions in a fixed list with no feedback, points or progress → There is no interactivity or rewards. Without feedback, points or progress, users have little motivation to keep going.
Section C: Definitions
Q1
engaging — An engaging interface is pleasant and motivating to use, through visual appeal, interactivity and rewards, so users want to keep using it.
Section D: Fill in the Blanks
Q1
points = 0 points = points + 10
Q2
button { border-radius: 8px; }
Q3
<button onclick="playSound()">Tap</button>
Q4
if score >= 100: print("Badge unlocked!")
Q5
Button(root, text="Play", command=start)
Section E: Spot the Error
Q1
C — Rewards keep users engaged because progress feels good. Subtracting points punishes the user. It should be score = score + 10.
Q2
D — A comma is missing between the two arguments to print(). Showing the earned badge is a reward that motivates users, and it needs print('Badge:', badge) to run.
Q3
B — A single = assigns a value, but an if statement needs a comparison. Choosing a bright colour theme adds visual appeal, and the check must be theme == 'bright'.
Q4
A — A function header must end with a colon. The reward message that encourages users depends on def show_reward(points): being written correctly.
Q5
D — The praise message is text, so it must be in quotes. Without them Python raises a syntax error. It should be label.config(text='Nice!'). Instant feedback on a click makes an interface more interactive and engaging.