Bitesize Second Final Boards

BBC Bitesize App I have developed an iPad app for the BBC Bitesize GCSE revision service aimed at encouraging a continuing improvment of knowledge.

The app features engaging, colour coded subject illustrations to keep the content organised and the user interested.

Other features include subject selection, statistics from the in-app module tests and suggested revision topics to help guide their progress.

Rob Green OUGD301 Brief 1: BBC App

The user can swipe vertically on some screens to browse through steps of content.

The user can swipe horizontally on some screens to browse through the modules.

All content is displayed in this area, with the main navigation bar always shown at the bottom of the screen.

This icon opens up the settings window that apprears over the current screen with iOS styling.

The Bitesize logo take the user to this main subjects screen for any other section of the app.

Main Navigation Controls This board shows the main navigational controls of my app. They have been designed to allow easy access to all of the content.

This higher navigation bar can be be used to change subject section and also highlights the current subject.

The main iOS title-bar is hidden in my screenshots as it can be toggled on/off in the settings menu of the app allowing for more screen-space.

This icon takes the user to the statistics screen with information about their revision progress.

Rob Green OUGD301 Brief 1: BBC App

1

2

3

4

Subject & Topics Selection 1 & 2 - These screens show subject selection from the main homescreen. Once selected, selectable submodules are shown to the right of the thumbnails.

3 & 4 - These two screenshots shows how topics within each module are selected to revise. Once selected the user can swipe down to start revising the topic.

Once the user has entered a subject section, the top navigation bar highlights the current subject.

Rob Green OUGD301 Brief 1: BBC App

1

2

3

4

Revision, Testing, Statistics & Settings 1 & 2 - The revision and test screens are clearly laid out with very legiable body copy and information about the current page number.

3 - In the statistics section the user can see their current average test scores for each subject in a clear pie-chart and also see suggested revision topics to help them improve their scores.

4 - From the settings screen the user can select or make a profile, toggle the iOS title bar on/off, choose what subjects they are studying and also select examination boards (for relevent subjects).

Rob Green OUGD301 Brief 1: BBC App

2

1

App Icon & iOS Placement 1 - The icon I developed is based on the current bitesize logo ‘pirhanna’ character but has been altered to match my new colour scheme.

2 - This screen shows how the app icon would appear on the iOS homescreen amoung the other applications installed.

Rob Green OUGD301 Brief 1: BBC App

1

2

Promotional Website & App Store Page 1 - To promote my app I have designed a webpage that would be shown on the current Bitesize website to encourage students to download it.

2 - I have also mocked-up a portential Apple App Store page for my app. This page would be linked to from the promotional webpage and also discoverable through the store.

Rob Green OUGD301 Brief 1: BBC App