![]() |
Previous | Next |
Once the functions have been chosen, the interface can be designed. A simple interface was chosen to match the functionality. Symbols for the controls were chosen from standard VCR controls.
Here is what the interface will look like:
PlayPause button
The user will be tapping this the most, so a larger button might be nice. The upper-right corner makes a good location that the user can find quickly. A solid arrow is used to indicate play and two vertical bars (not shown here) will be used to indicate pause.
Stop button
To make this easy to find, it is placed at the upper-left corner. A square is used to indicate stop.
Next and Prev buttons
Since these will not be used as often, they are placed on the left. The Next is above the Prev button because people will more likely want to move forward in a playlist. The double-arrow symbols are used because they are similar in function to a fast-forward control.
Volume trackbar
This is placed at the bottom of the screen and is a simple line with a thumb button on top of it.
Marquis text box
This is placed under the PlayPause button so that it is easy to see.
You may want to sketch this first and experiment with the placement of each user interface element. The design shown here was chosen for simplicity and ease of use.
Previous | Next |