← Years 5–6 Creating Digital Solutions

Modifying an interface design

Change one thing in your design, like size, position or wording, because of feedback. Then check it again. Change one thing at a time and save each version.

Understanding Modifying an interface design in Years 5–6 Creating Digital Solutions

What it does: Only the position changed, so if feedback gets better, you know the new position caused it. Testing again after the change shows whether the new wording fixed the problem from the feedback. Change the one thing the feedback is about (the size), then check that the change worked. If you change one thing at a time, you can see which change helped or caused a problem. Confusing words on a button or label can be fixed by changing the wording. A record of versions (like Version 1, Version 2) lets you compare designs and undo mistakes. Clear names or numbers make it easy to see the order of your changes.

Common mistakes: The change must match the feedback. The feedback says the button is too small, so the change should be to make the button bigger. Each saved version needs its own number. This line should say Version 2, so the record of versions stays in order.

Class: _____________________  ·  Name: _____________________  ·  Date: _________

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

This module's key terms are also in a printable crossword (Modules 41–50) and word search (Modules 41–74).

Take this worksheet further — free with Cloodit

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

Learning
Duo
A user says the Play button is too small to tap. What is the best change to make?
Make the Play button bigger, then check it againRedo the whole screen from scratch
Matches
Version 2: made the button bigger, changed the colours, moved the menu and rewrote all the labels.
↓
Too many changes were made at once, so you cannot tell which change helped or caused a new problem. Change one thing at a time.
Applying
Meanings
Term
modify a design
Meaning
Change one thing in your design, like size, position or wording, because of feedback. Then check it again. Change one thing at a time and save each version.
Practice
Version 1: Start button is small
Testing
Gaps
button size TO large
Check Answer
Spots
1Feedback: button is too small
2Change: move the title up

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

The 'Space Turtle' badge — Speed in Zero-G, 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.

Quick Questions

1. A user says the Play button is too small to tap. What is the best change to make?
A. Make the Play button bigger, then check it again ✓
B. Redo the whole screen from scratch
Change the one thing the feedback is about (the size), then check that the change worked.
2. Which is the better way to modify your design?
A. Change one thing at a time ✓
B. Change five things all at once
If you change one thing at a time, you can see which change helped or caused a problem.
3. You moved the score label to the top. What should you do next?
A. Check the design again with a user ✓
B. Assume it is fixed and stop
Modifying a design is not finished until you check that the change solved the problem.
4. Which piece of feedback could lead to a change in wording?
A. The background colour is the same on every screen
B. I did not understand what 'Submit' meant ✓
Confusing words on a button or label can be fixed by changing the wording.
5. Why should you save each version of your design?
A. So you never have to test your design
B. So you can go back if a change does not work ✓
A record of versions (like Version 1, Version 2) lets you compare designs and undo mistakes.

Match the Pairs

Version 1, Version 2, Version 3 → A record of each saved copy of your design, so you can see what changed and go back if needed
Change: button size small -> large → One change made because of feedback, such as a user saying the button was hard to tap
Change only one thing at a time so you can tell which change helped → Version 2: moved the Play button lower. Everything else stayed the same.
After you modify a design, check it again with a user → Version 3: changed label to 'Start game'. Ask Mia to test it again.
Version 2: made the button bigger, changed the colours, moved the menu and rewrote all the labels. → Too many changes were made at once, so you cannot tell which change helped or caused a new problem. Change one thing at a time.
I changed the text size and saved over Version 1. The old design is gone. → The old version was not kept. Save each change as a new version, like Version 2, so you can go back.

Key Term

modify a design
Change one thing in your design, like size, position or wording, because of feedback. Then check it again. Change one thing at a time and save each version.

Fill in the Blanks

1. feedback ← "Button is too small" CHANGE button size TO large CHECK the design again
Hint: Type the keyword that alters one thing in the design.
2. CHANGE button colour TO dark blue CHECK the design again with the user SAVE AS version 2
Hint: Type the keyword for testing the design again after the change.
3. CHANGE menu wording TO "Start" SAVE AS version 2 CHECK the design again
Hint: Type the keyword that keeps a record of this version.
4. version ← 1 CHANGE button position TO top version ← version + 1
Hint: Type the number added to move to the next version.
5. feedback ← "Text is too small" CHANGE font size TO 18 CHECK the design again
Hint: Type the one design property that the feedback tells you to change.

Spot the Error

Question 1
A Feedback: button is too small
B Change: move the title up
C Save as Version 2
D Check it with the user again
Line B — The change must match the feedback. The feedback says the button is too small, so the change should be to make the button bigger.
Question 2
A Version 1: button is 40 wide
B Version 1: button is 60 wide
C Version 3: button is 80 wide
Line B — Each saved version needs its own number. This line should say Version 2, so the record of versions stays in order.
Question 3
A Feedback: text is too small
B Change: make the font bigger
C Save over Version 1
D Test: ask the user to check
Line C — Saving over Version 1 throws away the old design. Save the new design as Version 2 so you keep a record of each version.
Question 4
A Feedback: menu hard to find
B Change: move menu to the top
C Skip checking, it looks fine
D Save as Version 3
Line C — After a change you must check it again with the user. You need to find out if the change fixed the problem.
Question 5
A Guess: users might not like it
B Change: reword the label
C Save as Version 2
D Check the new label with user
Line A — A design should be modified because of real feedback, not a guess. The first line should record the feedback that a label is confusing.

Student with a class code? Join your class →