New
New
Year 8

Multiple screens and navigation

I can build a multi-screen app and use buttons to move between different screens.

New
New
Year 8

Multiple screens and navigation

I can build a multi-screen app and use buttons to move between different screens.

These resources will be removed by end of Summer Term 2025.

Switch to our new teaching resources now - designed by teachers and leading subject experts, and tested in classrooms.

These resources were created for remote use during the pandemic and are not designed for classroom teaching.

Lesson details

Key learning points

  1. Apps can have multiple screens to organise different content or functions.
  2. Navigation buttons are used to switch between screens.
  3. Each screen can have its own layout and purpose.

Keywords

  • Screen - a separate layout or page within the app that can show different content or features

  • Navigation - moving from one screen of the app to another

Common misconception

All screens run at the same time.

Only one screen is active at a time; users navigate between them when needed.


To help you plan your year 8 computing lesson on: Multiple screens and navigation, download all teaching resources for free and adapt to suit your pupils' needs...

Pupils will have encountered many uses of apps in the world around them. Tailor the activities in the slides to best reflect the experiences pupils in your school have had when using app-based technology.
Teacher tip

Equipment

Access to Code.org's App Lab or some other means of creating apps.

Licence

This content is © Oak National Academy Limited (2025), licensed on Open Government Licence version 3.0 except where otherwise stated. See Oak's terms & conditions (Collection 2).

Lesson video

Loading...

Prior knowledge starter quiz

Download quiz pdf

6 Questions

Q1.
What is a variable in computer programming?

Correct answer: a named piece of data stored in memory
a type of error
a colourful picture
a button on the keyboard

Q2.
What do we call information that a user gives to a program, like typing in a name?

Correct Answer: input

Q3.
Why are variables useful in an app?

they slow down the app
they make the app look better
they delete information
Correct answer: they store values that can be reused and changed

Q4.
What is it called when you use data from a variable to create a new message for the user?

Correct Answer: output

Q5.
Put these steps in order for using input in an app:

1 - user enters data
2 - program stores the data in a variable
3 - program uses the data to create output
4 - output is shown to the user

Q6.
Match each example to the correct keyword:

Correct Answer:typing your name into a box,input

input

Correct Answer:the number 42 stored in memory,variable

variable

Correct Answer:showing a welcome message,output

output

Correct Answer:text or number,data type

data type

Assessment exit quiz

Download quiz pdf

6 Questions

Q1.
What is the term for a separate layout or page in an app?

Correct Answer: screen, a screen

Q2.
Why might an app have more than one screen?

to make the app slower
to use more memory
Correct answer: to organise different content or functions
to confuse users

Q3.
What is the main purpose of a navigation button in an app?

to change the app’s colour
Correct answer: to move between screens
to delete content
to make the app louder

Q4.
Match each keyword to its meaning:

Correct Answer:screen,a separate layout or page within the app

a separate layout or page within the app

Correct Answer:navigation,moving from one screen to another

moving from one screen to another

Correct Answer:state,the current setup or condition of the app

the current setup or condition of the app

Correct Answer:navigation button,a button that helps users move between screens

a button that helps users move between screens

Q5.
Which statement about screens in an app is incorrect?

Correct answer: all screens run at the same time
only one screen is active at a time
users can move between screens
each screen can have its own layout

Q6.
Put these steps in order for moving between screens in an app:

1 - user presses a navigation button
2 - app switches to the selected screen
3 - new screen layout and content appear
4 - user interacts with the new screen