Modifying an interface design

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

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

2. Which is the better way to modify your design?

A Change one thing at a time

B Change five things all at once

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

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

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

Match the Pairs

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

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

Definitions

modify a design

Fill in the Blanks

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

feedback ← "Button is too small" ______ button size TO large CHECK the design again

CHANGE button colour TO dark blue _____ the design again with the user SAVE AS version 2

CHANGE menu wording TO "Start" ____ AS version 2 CHECK the design again

version ← 1 CHANGE button position TO top version ← version + _

feedback ← "Text is too small" CHANGE _________ TO 18 CHECK the design again

Spot the Error

Shade in the letter of the line that contains an 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

Question 2

A Version 1: button is 40 wide

B Version 1: button is 60 wide

C Version 3: button is 80 wide

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

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

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

Answer Key

Modifying an interface design

Section A: Quick Questions

A — Make the Play button bigger, then check it again

A — Change one thing at a time

A — Check the design again with a user

B — I did not understand what 'Submit' meant

B — So you can go back if a change does not work

Section B: 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.

Section C: Definitions

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.

Section D: Fill in the Blanks

feedback ← "Button is too small"
CHANGE button size TO large
CHECK the design again

CHANGE button colour TO dark blue
CHECK the design again with the user
SAVE AS version 2

CHANGE menu wording TO "Start"
SAVE AS version 2
CHECK the design again

version ← 1
CHANGE button position TO top
version ← version + 1

feedback ← "Text is too small"
CHANGE font size TO 18
CHECK the design again

Section E: Spot the Error

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.

B — Each saved version needs its own number. This line should say Version 2, so the record of versions stays in order.

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.

C — After a change you must check it again with the user. You need to find out if the change fixed the problem.

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.