Generating several interface design ideas

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. Your team is designing a screen for a school library app. What should you do first?

A Draw several quick thumbnail sketches of different ideas

B Draw one detailed design and start building it

2. Which describes a thumbnail sketch?

A A small, quick drawing of a design idea

B A big, perfect drawing with every detail coloured in

3. Why do designers make more than one sketch?

A So they can show they are good at drawing

B So they can compare ideas and pick the best one

4. After you have drawn four thumbnail sketches, what comes next?

A Throw them all away and start again

B Compare them and choose one to build

5. Which is a good way to compare your sketches?

A Check which one is easiest for the user to understand

B Pick the one you drew first because it was first

Match the Pairs

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

Left column		Right column
1thumbnail sketches		Achoose(best idea)
2Idea A, Idea B, Idea C		BSeveral different design ideas drawn so they can be compared
3Compare your sketches side by side and ask which one is easiest for the user		Ccompare(Idea A, Idea B, Idea C)
4After comparing, pick the best sketch to build into a full design		DSmall, quick drawings of different design ideas that you make before choosing one
5Draw one sketch. Build it straight away.		EThumbnail sketches should be small and quick. Spending ages on one sketch wastes time before comparing and choosing.
6Draw 3 sketches. Spend an hour colouring Sketch 1.		FOnly one idea was made, so there was nothing to compare. Make several quick thumbnail sketches first.

Definitions

thumbnail sketches

Fill in the Blanks

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

______ 3 TIMES DRAW thumbnail sketch END REPEAT

_______ sketch1 WITH sketch2 NOTE strengths and weaknesses

CHOOSE best idea ____ ideas

REPEAT 3 TIMES DRAW thumbnail sketch ideas ← ideas _ 1

IF ideas _ 1 THEN CHOOSE best idea END IF

Spot the Error

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

Question 1

A SET ideas TO 0

B REPEAT 3 TIMES

C DRAW a quick thumbnail

D SET ideas TO 1

E CHOOSE the best idea

Question 2

A DRAW sketch A

B DRAW sketch B

C COMPARE sketch A and sketch A

D CHOOSE the better sketch

Question 3

A SET best TO idea A

B IF idea B is easier to use

C THEN SET best TO idea A

D BUILD best

Question 4

A DRAW thumbnail 1

B DRAW thumbnail 2

C DRAW thumbnail 3

D COMPARE only thumbnail 1

E CHOOSE one to build

Question 5

A SET ideas TO 0

B REPEAT UNTIL ideas = 3

C DRAW a perfect final poster

D CHANGE ideas BY 1

E CHOOSE the best idea

Answer Key

Generating several interface design ideas

Section A: Quick Questions

A — Draw several quick thumbnail sketches of different ideas

A — A small, quick drawing of a design idea

B — So they can compare ideas and pick the best one

B — Compare them and choose one to build

A — Check which one is easiest for the user to understand

Section B: Match the Pairs

thumbnail sketches → Small, quick drawings of different design ideas that you make before choosing one

Idea A, Idea B, Idea C → Several different design ideas drawn so they can be compared

Compare your sketches side by side and ask which one is easiest for the user → compare(Idea A, Idea B, Idea C)

After comparing, pick the best sketch to build into a full design → choose(best idea)

Draw one sketch. Build it straight away. → Only one idea was made, so there was nothing to compare. Make several quick thumbnail sketches first.

Draw 3 sketches. Spend an hour colouring Sketch 1. → Thumbnail sketches should be small and quick. Spending ages on one sketch wastes time before comparing and choosing.

Section C: Definitions

thumbnail sketches — Small, quick drawings of different design ideas. Make several, compare them, then choose the best one to build.

Section D: Fill in the Blanks

REPEAT 3 TIMES
  DRAW thumbnail sketch
END REPEAT

COMPARE sketch1 WITH sketch2
NOTE strengths and weaknesses

CHOOSE best idea FROM ideas

REPEAT 3 TIMES
  DRAW thumbnail sketch
  ideas ← ideas + 1

IF ideas > 1 THEN
  CHOOSE best idea
END IF

Section E: Spot the Error

D — The counter must go up by one for each thumbnail. SET ideas TO 1 keeps resetting it to 1. It should be CHANGE ideas BY 1.

C — Comparing sketch A with itself tells you nothing. You compare different ideas, so it should be COMPARE sketch A and sketch B.

C — If idea B is easier to use, it should become the best idea. The line should say SET best TO idea B, not idea A.

D — You need to compare all the ideas before choosing. Looking at only thumbnail 1 means the other ideas are ignored. It should be COMPARE all 3 thumbnails.

C — Thumbnail sketches are small and quick, not perfect finished artwork. The line should be DRAW a quick thumbnail.