First pass at the live draft feature for the site. This will be it's own window and not be part of the site due to its size and all the info we are trying to get in there.
Real Pixels are attached.
Created with the Focus Lab team
6 months ago
I'm pick 8 Wowowow!
@Julien Renvoye it's because of your team name "Family Jewels"
MOTHER OF GOD. IT'S BEAUTIFUL! *shining eyes*
This is a triumph in information design. There's so much data here but it looks very light and spacious. I love it!
Beautiful Concept @Charlie Waite :)
Very nice UX but maybe you can bring more life? Add gradient or shadow it's to flat ... Also don't understand why "Live draft message board" are in caps?
great work, nice.
Thanks @James Alonso
Thanks @Dominic L.
@Nick Fratter - Haha thanks man!
Nice UI @Charlie Waite it would be goes big.
I have no idea how 'drafts' work but this looks organised – which is good.
Woo more fantasy, sorry to always be commenting just big on FF :)
Excellent work on dividing the players, queue & draft.
Blue, grey & Green is solid!
Things to consider...
Selected player doesn't seem prominent enough.
Is it worth showing projected pts & season pts in the detail view of the player.
Is the player list view height changeable so if I was on a laptop or tablet I could see both the messageboard & players.
Keep on rocking
Agree with @Adam Blair on the selected player needing more prominence. Overall, I would add some more contrast to all selected states, buttons and search, and the "selected player to draft/queue" avatar area.
I'm remembering my experiences drafting, and your eyes are quickly darting back and forth in a frantic context, making sure you check out every last detail before the clock hits zero.
Those extra fractions of a second can be a life saver, and alternatively can be extremely frustrating if you can't immediately identify everything you need. The more obvious the better, in my opinion.
Good luck on the project. It's looking great!
cool, the text contrast seems a little soft.
I need to stop licking my screen when looking at this...
This is just stunning !!!!
oh my god is fucking :) The best dashboard !
This is great. There's a ton of info on the page and you've done an awesome job with keeping the sections eye flow separated. Is all this info necessary to have up all at one time though? I feel like this could possible benefit from some interactions which allow you to focus on different sections by themselves. Overal awesome and clean though, reminds me of something we are working on currently.
You took a huge amount of info, that easily would look ridiculous on the page if put all together, and you managed to make it look fantastic!
Can I be picky? And if you change the button "Add to queue" adding a shadow as on the green button? Keep it grey, to give attention to the green button, of course, but give a shadow, so you make it clear what is button and what is input :)
It's always a challenge to keep things clean when working with tons of data that has to be displayed, I think you did a pretty good job!
my small browser windows are going to hate you! :P
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.