Design Tool - Storyboards

A sequence of visual panels showing how a user moves through and interacts with a solution, step by step

Part of: VCE Applied Computing - U2O1 - Innovative Solutions — Module 13, VCE Data Analytics - U3O1 - Data Analytics — Module 111, VCE Data Analytics - U3O2 - Analysis and Design — Module 145, 9-10 Digital Technologies: Designing user interfaces and experiences — Module 15, QCE Digital Solutions Unit 3 — Innovative Digital Solutions — Module 13

Understanding Design Tool - Storyboards in VCE Innovative Solutions

What it does: This description matches a storyboard, used to plan the journey ahead of coding. Notes are commonly added to storyboard panels to clarify what's happening. A storyboard is made up of panels showing steps in order, like a sequence. Storyboards are used during planning, before a solution is developed. Storyboards usually use rough sketches, since they're meant for early planning. Storyboards typically use several panels to represent different steps in a journey. Storyboards are a visual tool, distinct from written functional requirements. Sharing storyboards early helps gather feedback and catch issues before development.

Common mistakes: A storyboard is a visual planning tool, not written code — it doesn't need to be coded. Storyboards are created before a solution is built, to plan the user journey in advance.

Class: _____________________ · Name: _____________________ · Date: _________

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

🖨 Print worksheet + answer key Add Design Tool - Storyboards to a class →

This module's key terms are also in a printable crossword (Part 2 of 2) and word search (All modules).

Take this worksheet further — free with Cloodit

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

Learning

Duo

Does a storyboard show a sequence of steps or screens?

TrueFalse

Matches

The team wrote full source code instead of sketching the user journey

↓

Storyboards should use sketches to plan the journey, not final code

Applying

Meanings

Term

Storyboard

Meaning

A sequence of visual panels showing how a user moves through and interacts with a solution, step by step

Practice

1. Screens

Testing

Gaps

Check Answer

Spots

2It helps visualise how a user moves through a solution.

3A storyboard must always be written in full code.

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

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.

Add to class →

Quick Questions

1. Does a storyboard show a sequence of steps or screens?

A. True ✓

B. False

A storyboard is made up of panels showing steps in order, like a sequence.

2. Are storyboards usually created before or after a solution is built?

A. After

B. Before ✓

Storyboards are used during planning, before a solution is developed.

3. Can storyboard panels include written notes?

A. Yes ✓

B. No

Notes are commonly added to storyboard panels to explain what's happening.

4. Do storyboards typically use rough sketches or polished final graphics?

A. Rough sketches ✓

B. Polished final graphics

Storyboards usually use rough sketches, since they're meant for early planning.

5. Can a storyboard have multiple panels?

A. No

B. Yes ✓

Storyboards typically use several panels to represent different steps in a journey.

Match the Pairs

A sequence of panels showing screens and user actions → Storyboard

A rough sketch showing what happens when a button is tapped → Storyboard panel

A tool used to visualise the user journey before development → Storyboard

Written text added alongside a panel to explain the step → Storyboard note

The team wrote full source code instead of sketching the user journey → Storyboards should use sketches to plan the journey, not final code

A storyboard was created only after the app was fully coded → Storyboards should be created before development, to guide the design

Key Term

Storyboard

A sequence of visual panels showing how a user moves through and interacts with a solution, step by step

Fill in the Blanks

1. 1. Screens 2. Actions 3. Notes

Hint: Type the word for what the user sees at each step

2. 1. Screens 2. Actions 3. Notes

Hint: Type the word for what the user does at each step

3. 1. Screens 2. Actions 3. Notes

Hint: Type the word for extra descriptions added to each panel

4. A storyboard shows a sequence of steps

Hint: Type the word describing an ordered series of panels

5. Storyboards help visualise the user journey

Hint: Type the word for the path a user takes through a solution

Spot the Error

Question 1

A A storyboard shows a sequence of steps or screens.

B It helps visualise how a user moves through a solution.

C A storyboard must always be written in full code.

D Each panel can represent a different stage of use.

Line C — A storyboard is a visual planning tool, not written code — it doesn't need to be coded.

Question 2

A Storyboards can include notes describing each step.

B These notes explain what is happening in each panel.

C Storyboards are created after the solution is fully built.

D They are useful for planning the user journey.

Line C — Storyboards are created before a solution is built, to plan the user journey in advance.

Question 3

A Storyboard panels can never include written descriptions.

B Each panel in a storyboard represents one step or screen.

C Panels are usually arranged in a specific order.

D This order shows the flow of user interaction.

Line A — Storyboard panels often include written notes or descriptions alongside the visuals.

Question 4

A Storyboards are useful early in the design process.

B Storyboards focus mainly on writing final source code.

C They help teams agree on the user journey before building.

D This reduces the risk of confusion later in development.

Line B — Storyboards focus on visualising the user journey, not on writing final source code.

Question 5

A Storyboards require polished, final-quality graphics only.

B A storyboard can show what happens when a user taps a button.

C It can also show what screen appears next.

D Storyboards typically use rough sketches or simple images.

Line A — Storyboards typically use rough sketches, not polished final-quality graphics.

Student with a class code? Join your class →