1. Create two platforms targeted for two different users, the broadcaster and the listener
2. Create a congruent design language between the two platforms.3. Twelve month timeframe.
Before starting the actual interface design, we ran a small design sprint since we didn't have much time and resources to put on the development of the product as a whole. It was also very helpful to have Grooveshark power users of the original feature, that were willing to participate as testers.
A wide research was made amongst our main competitors, and we found two principal categories which were Terrestial and Algorythmic Radio. We mapped and used them in order to gathered some ideas that we wanted and not wanted to include in our product.
After mapping out our product specifications (Fig. 1) with the whole team, (engineers, designers and manager), a set of UX wireframes were designed so that they could be mounted on to our InVision platform.
This was the first prototype that allowed our power users to experience the concept.
After our testers used our prototype, we built the UI of the main screens, and after some feedback, we iterated with different arrangements until we eventually came up with the main screen.
Listener app was to designed to be easy and simple to use (duh!), the landing page, should show the user the Featured, Recent and Trending broadcasts, if the listener is a bit more musical savvy, he should have access to a list of genres from which he can choose his favorites and make a more focused search.