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.
113,555,939,593 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
28 Responses (page 1 of 2)
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.
12 months ago
Pro
Aqib Mushtaq
Nice work adam :)
12 months ago
Pro
Glenn Hitchcock
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.
12 months ago
@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 :)
12 months ago
Pro
Yura Yarokhovich
Agreed with @Glenn Hitchcock.
Nice work @Adam Whitcroft as always :)
12 months ago
Pro
Thom
haha, it's simple and nice! :)
12 months ago
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.
12 months ago
I love this!
12 months ago
Pro
Daryl Ginn
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.
12 months ago
Pro
Christian Dalonzo
This is really great!
12 months ago
Looks great Adam, love how you sticked to the Rdio style, and it's actually refreshing seeing some gradientless iOS UI.
12 months ago
Pro
Tom Gurka
good track
12 months ago
Looking good my friend!
12 months ago
nice work!
12 months ago
Pro
Jovan Petrić
Solid.
12 months ago
Awesomeness!!!
12 months ago
Pro
Damian Hernandez
So clean, that's a beauty!
Well done my friend :)
12 months ago
Pro
Joshua Hibbert
Nailed it.
12 months ago
Pro
Modisana Hlomuka
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!
12 months ago
@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 :)
12 months ago
@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.
12 months ago
Moderat is brilliant :)
12 months ago
@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!
12 months ago
Pro
Ben Bate ⚒
Awesome idea...
12 months ago
Pro
Bobby Giangeruso
Amazing work! :)
12 months ago