Music player prototype

16 Responses

1. Pro Adam Wagner

   There' a full view here, but better yet, there's a prototype here:

   http://badracket.aws.af.cm/

   Interested in all feedback - especially about the player logic. Personally I'm not a fan of how the player controls are in two separate locations (on top of the album and in the playbar). Needs some editing.

   6 months ago

2. Derrick Kempf

   Well done man. I really dig the live pixels. I think the progress bar could be a tad lighter. Love the font choices too. And great color scheme. My favorite part about this is the live equalizer/thingy.

   6 months ago

3. Pro Adam Wagner

   Thanks Derrick. Yea, the progress bar is super subtle. Agreed it should be lighter.

   Do you think the albums look playable?

   6 months ago

4. Pro Luboš Volkov

   Noce colors only not sure about bunch of the pixels in that left corner? :)

   6 months ago

5. Pro Adam Wagner

   It's a tiny progress bar. Check out the live version to see what I mean. Maybe that should just be removed?

   6 months ago

6. Pro Adam Brace

   Love the colours and subtly of the player at the top, heads up on the typo in the header.

   6 months ago

7. Pro Adam Wagner

   Ha, oh yea. Noticed that early on and left it in. Clevenald rocks!

   1likes

   6 months ago

8. Pro Adam Wagner

   Also - firefox users - are you seeing all the @font-face and SVG stuff looking uber-bold? I wish FF supported a font-smoothing property. Their antialiasing is wack.

   6 months ago

9. Pro Andrés Botero

   That's a lovely color scheme dude!

   6 months ago

10. Garrett Haas

    Hey Adam, as a Clevenalder I think this is a solid direction. I didn't pick up on the albums being playable. I clicked with the assumption more info would be the result. The Discover call to action may have been what prompted my assumption since discover doesn't necessarily mean to listen. Something more obvious to prompt listening maybe. Once the player UI is visible, it's impressive, but I agree, the separate control locations needs some editing. Good work.

    1likes

    6 months ago

11. Pro Chris Meeks

    The demo is really great. The bars moving when you play a song is genius.

    6 months ago

12. Pro Adam Wagner

    Thanks Andrews + Chris!

    Spot on, Garrett.

    A bit of backstory on play-button discoverability:
    I created an icon font for all the imagery and became stubborn about sticking to it, which didn't work well for large play buttons on top of the album covers; they need two colors to be consistently distinguishable from the artwork. So, I compromised and put tiny play buttons beneath the artwork.

    But you're right about it being hard to discover. A big play button on top of each album cover would solve that problem. That's what I'll try next.

    6 months ago

13. Garrett Haas

    I see. Big play button seems like a good next move. Nice choice with the icon font.

    6 months ago

14. Pro Nathan Powell

    Really diggin the colour scheme @Adam Wagner

    6 months ago

15. Pro Adam Wagner

    Thanks, Nathan :)

    6 months ago

16. Pro Sam Marchant

    Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like Like

    6 months ago