IDAT 211 - System Flow and Wireframes

Below is the beginning of the physical designing process for our elearning tool demonstrating the flow of the system and also the basic wireframes for the screens of the tool.  To see a larger version of any of the images below simply select them:

System Flow

Wireframes

Main Menu:

Menu with help etc box:

Game Screen:

Game Screen with help:

Free space screen:

This design for the free space screen is just an idea as we have not fully tied down what will be shown on this screen to make it functional whilst also in a free play situation.