Choose exam board for KS4 Computer Science (GCSE)
Choose exam board for KS4 English
Choose exam board for KS4 French
Choose exam board for KS4 Geography
Choose exam board for KS4 German
Choose exam board for KS4 History
Choose tier for KS4 Maths
Choose exam board for KS4 Music
Choose exam board for KS4 Physical education (GCSE)
Choose exam board for KS4 Religious education (GCSE)
Choose exam board for KS4 Spanish

      Multiple screens and navigation

      Lesson details

      Learning outcome

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

      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.

      Teacher tip

      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.

      Equipment

      Pupils will need access to a device with phone app design software. Examples in this lesson use App Lab https://oak.link/app-lab which will require pupils to have a login to obtain access to edit.

      Licence

      This content is © Oak National Academy Limited (2026), 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

      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

      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

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