Concept A: Home Screen
I liked this concept a lot, so we gave it a Home Screen in addition to Pandora and Internet Radio screens. As people are creatures of habit, I wanted to make it easy for users to easily view a list of the last handful of channels that they'd listened to, regardless of service. Hence the "Recently Played" section on this screen. With this project, I introduced sleep timer and alarm features, as I have many friends who like to listen to radio when they go to bed. To access the "Now Playing" screen, hit the big animated EQ button in the bottom navigation bar.
Concept A: Now Playing Screen (Pandora)
A visually engaging screen leveraging the album artwork to provide the background texture. This particular screen lacks the Like, Dislike, and Bookmark buttons that typically appear in a Pandora app, but we planned on addressing the issue in a future iteration if this direction were chosen.
Concept A: Now Playing Screen (Internet Radio)
Internet radio stations rarely make available album artwork, so instead this screen displays an animated EQ design. The station ("Bass Drive") and constantly changing info text supplied by the station are displayed prominently.
Concept B: Now Playing Screen (Pandora)
This concept shows the full range of both standard music controls (like Play and Next) as well as service-specific controls, such as Like, Share and Bookmark. This screen could be easily adapted to work well for multiple services.
Concept B: Now Playing Screen (Internet Radio)
Internet radio stations rarely make available album artwork, so instead this screen displays an animated EQ design. The station ("Bass Drive") and the genre are displayed prominently.
Concept C: Now Playing Screen (Pandora)
This concept moves the service-specific controls (e.g., Like, Dislike, Bookmark) into the album art area, a design which is echoed on the Internet Radio version of this screen. We did both dark and light versions of this screen.
Concept C: Now Playing Screen (Internet Radio)
This design is inspired by Dieter Rams. We did both dark and light versions of this screen, as well.
Concept D: Now Playing Screen (Pandora)
With this concept, I wanted to mix things up a bit. In addition to putting the volume control on an angle, the current progress in the track is displayed around the edge of the circular area displaying the album artwork.
Concept E: Now Playing Screen (Pandora)
Here's a rather far out, but kind of fun, design. The audio playback controls would be displayed on the bottom half of the circular area, with the service-specific controls on the top half. The playback progress encircles the album art, and is echoed in the elliptical design of the volume control area at the bottom. I doubt that this design would be a crowd pleaser, but it was fun to work on, too.
Concept F: Now Playing Screen (Pandora)
Here's a fairly minimalist design. The speaker and hamburger menu overlays on the edges provide access to additional features. The user can also tap on the channel name at the top ("Hipster Cocktail Party") to pivot to a different channel within the same service.