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

      App development project part 1

      Lesson details

      Learning outcome

      I can plan and build an app that includes user interaction.

      Key learning points

      1. Planning apps involves deciding the layout, screens, and features.
      2. Wireframes and user requirements help you organise ideas before you create the app.
      3. Creating a prototype helps you test ideas before you build the final app.

      Keywords

      • User requirement - something that the target audience wants in relation to the product

      • Wireframe - a plan that outlines the basic structure and layout of visual content

      • Prototype - an early model of a program or digital system

      Common misconception

      You should start creating an app without planning.

      Planning first helps avoid confusion and mistakes and helps you build apps more efficiently.

      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 will 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 the term for a separate page within an app that can display content or features?

      Correct Answer: screen, screens, a screen

      Q2.
      What is the main purpose of having more than one screen in an app?

      to make the app look colourful
      Correct answer: to organise different content or functions
      to save battery
      to make the app bigger

      Q3.
      Which component allows users to move from one screen to another in an app?

      image
      text box
      slider
      Correct answer: button

      Q4.
      A button allows a user to change between screens.

      Correct Answer: navigation

      Q5.
      What is the advantage of each screen having its own layout and purpose?

      Correct answer: It helps users find what they need easily.
      It uses more battery.
      It slows down the app.
      It makes the app more confusing.

      Q6.
      Put these steps in order for moving to a new screen in an app:

      1 - tap the navigation button
      2 - the app changes to a new screen
      3 - the new screen displays its layout
      4 - the user interacts with features on the new screen

      6 Questions

      Q1.
      What is the main reason for planning an app before starting to build it?

      Correct answer: to avoid confusion and mistakes
      to make it more colourful
      to use more screens
      to finish more quickly

      Q2.
      What do you call a plan that outlines the basic structure and layout of an app’s user interface?

      Correct Answer: wireframe, a wireframe

      Q3.
      What is the first thing you should do when starting a new app project?

      start coding immediately
      publish the app
      Correct answer: plan the layout, screens, and features
      make a prototype

      Q4.
      Why should you consider user requirements when planning an app?

      to make the app more expensive
      Correct answer: to ensure the app meets users’ needs
      to use more screens
      to add random features

      Q5.
      What is the first version of an app that shows the design and basic features called?

      Correct Answer: prototype

      Q6.
      Put these steps in order for planning and creating an app:

      1 - identify user requirements
      2 - make a wireframe
      3 - create a prototype
      4 - build the final app

      To help you plan your 8 computing lesson on: App development project part 1, download all teaching resources for free and adapt to suit your pupils' needs...