logo
Interactive Demo - Guide

 

You need to upgrade your Flash Player to version 8 to see this content.

Here's a link to the Adobe Flash Player

If you reading this then you need to update your Flash Player, this content will then be
replaced with an Interactive MP3 Player created by Steve Arscott

The Player

Welcome
Welcome to the demo of the Player. This has been produced for a University project. The brief given was to design and build a portable music player, the design had to include the physical form and graphical interface.

To view and use this demo you will need Adobe Flash Player.

The Design
The Player is primarily designed around the slider mechanism that is located in the right side of the device, the user would use this to navigate the various menus and also to skip through a track (track scrolling with the slider not available in demo). The slider would be touch sensitive, similar to the scroll wheel found on Apple's iPod.
The music controls are located on the top of the device to allow easy navigation when the Player is in the users pocket. There would also be a controller on the headphones cord (not shown in demo), this would have one button and would control the music depending on the number of presses:

  • One click - Play/Pause
  • Two Clicks - Track Forward
  • Three Clicks - Track Back

There would also be a volume control on the headphone cord represented by an analogue wheel.
headphone portThe headphone port is located on the left side of the Player, which can be seen in the image to the right and on the demo above. When the headphones are plugged in they would sit flush with the device, this reduces the risk of the user damaging the cord or connector.

 

Demo Controls

The Slider
sliderTo navigate up and down the menus use the slider which is located on the profile view of the Player, shown on the right of the screen. The top half of the slider will move the selection bar up when clicked on and the bottom half of the slider will move the selection bar down. To make this more obvious, when you hover over the slider with your mouse cursor, animated arrows will appear showing which direction the selection bar will move when clicked.

Menu Selection
selectTo select the highlighted menu option use the buttons located under the Player's screen. The arrow pointing to the right will take you into the selected options sub menu and the arrow pointing left will take you to the previous screen if applicable.

Music Controls
playThe music controls are similar to those found on any common portable music device. The music controls are located on the top view of the Player and become active when you navigate to a screen playing music e.g. a playlist or genre etc. The Play/Pause button is split into two buttons the left side to pause the music and the right side to play the music. The plus (+) and minus (-) symbols will control the volume and the arrows above and below the Play/Pause button will play the next or previous song.

Demo Music
The tracks found on the interactive demo have been reduced to roughly 30 seconds in an effort to quicken loading times.

Back to the Top

Copyright © Steve Arscott 2006