Key Select

One of the main parts of the Key Training and Word games is that the user can select which keys they are going to use. This will be the same on both games and will be done during the flash game. Here is the plan for how this will be done:

No keys selected
This is the screen the user will be displayed when they load the game up. All the keys are green so the user knows which keys they will be using in the game, also there are buttons for the user to select the keys they want to use. At the top of the page there is a nav so the user knows where they are, and a Next button which will proceed to the next section of the game.

Middle row selected

When the user selects a row or a hand then the keys will change meaning that the user can see which keys are going to be used, this will be updated as the user hovers over the buttons. Any row that the user selects the button will change color so it is clear which row they have selected.

Left Hand selected
When the user selects which hand to use then the highlighted keys on the keybord change, and the other hand is blered out so that the hand selected is made clear.

Confimation/Settings

This page is used to confirm that the user is happy with the keys that they have selected, it will also allow them to go back if they wish to change these settings. The nav on the top of the page will also change to show that the user has progressed allong the process. On this page the user will also have a WPM target which they can set and the Time they can set for the Keys game.