Rdio app concept.
I've replaced the play/pause button with the track's progress indicator. Tapping the progress dot would pause/resume the track. To scrub forward or backward you would hold and drag the dot.
Track navigation is handled either by swiping left or right (to skip to previous and next respectively) or using the previous/next buttons.
I have purposely left out the replay button as this action can be triggered by pressing the previous button once. Interaction was based largely on the Spotify app.
Top left is the main menu button and top right brings down the search bar.
I fully expect the gradient police to come after me. There isn't a great version of the Rdio logo out there, so had to use a .png, trace it and pixel-nudge the fuck out of it.
I'm pretty sure there will be logic / interaction flaws in this as I am still cutting my teeth, so any feedback is greatly appreciated.
over 1 year ago
Nice work adam :)
I like it, though I could see some people going to tap the progress dot and end up moving the song forward/backward. If there was a 'hold to pull' type functionality to it, that'd solve it.
@Glenn Hitchcock Good point - have amended the description :)
I just hate seeing space taken up by big play/pause buttons when in reality I hardly ever use them. Pause for me is quitting the app :)
Agreed with @Glenn Hitchcock.
Nice work @Adam Whitcroft as always :)
haha, it's simple and nice! :)
Surely tapping on the album art can act as play/pause? Agree with @Glenn Hitchcock that using the progress bar for anything other than skipping could be a bit problematic. Wouldn't really want to be holding it down to activate the skipping mode!
Looking really smart though mate. Great work with the lack of gradients - very clean.
I love this!
Great work man. The progress UI is on the money.
At first I was like, wheres the play button? But that's a great concept with the toggler, may be a little small though? Also, @Glenn Hitchcock brought up an excellent point.
I'm not a fan of the search, I like the way it drops down, just not that it connects to the top like that, it'd be better, in my opinion, if the search icon itself had an active state, not to be wrapped how it is.
This is really great!
Looks great Adam, love how you sticked to the Rdio style, and it's actually refreshing seeing some gradientless iOS UI.
Looking good my friend!
So clean, that's a beauty!
Well done my friend :)
You did nail bro. Great work! Based on what the other guys said about playing/ pausing by tapping the album art, that would work but i think there needs to be some form of indication that you can do that. Idiots like myself would discover that by accident. So maybe as the track is playing there could be some sort of indicator that you can pause the track? Maybe a slightly animated icon of some sort. Play and pause switching between each other? I don't know.
You did say feedback appreciated so i'm stickin' my nose in this bitch!
@Modisana Hlomuka thanks for the input dude. To be honest I think tapping the album art to pause is a little counter-intuitive (there is also no way to convey this action to the user without having a pulsing pause/play overlay on the artwork).
Tapping the progress dot makes the most sense to me, but I'm really open to discussion :)
@Adam Whitcroft What about reversing the idea? i.e. Have the play/pause button in the middle, and you could drag it to either side to scrub forward/back. It seems odd that one of the most important buttons is the smallest/least-obvious. It also makes the previous/next buttons natural extensions on the scale.
Great job on the aesthetic.
Moderat is brilliant :)
@Lucas Gladding That's a very interesting idea! I don't quite agree that the play/pause button is that important (personally, I never use the pause button on my phone's music app as most times I'm not even in it while it's playing) but your points are certainly valid and I appreciate you taking time to leave them!
Amazing work! :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter