UI design

Using the knowledge I'd gained from asking practitioners about creating an engaging app I started planing the user interface (UI) for the app. The UI of an app is essentially what the user will use to control the app and what they will see that helps them do this. I knew for a web app the input would be through mechanical keys to control clips and that pressing one key would turn off the relevant other 4 so only 1 clip at a time from the 4 sections could be playing at once.

The main thing I needed to consider was how much information I told the audience and how would I deliver it to them. My first thought about this was I didn't want there to be any use of the mouse in app so any information should be available via the qwerty keyboard. The best key to use in the case would be the spacebar, I looked at other web-based apps to see how a lot of them utilised menus/info tabs. Lots had little icons to click on top right of the screen and the others often had a permanent bar at the bottom which had links contained with it.  

I decided to go for the approach of having an icon top right but the icon would prompt user to hit space bar to get information. I noted down a view different variants of what information would be made available but I settled on one with little text. For the names I want to make sure those are both hyperlinked in the web version so clicking on them sends users to the relevant websites.