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,684,601,681 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
18 Responses
Pro
Mitchell Bernstein
The green glow is a real nice color
8 months ago
Pro
Bady
to be honest this can cause confusion on where user need to click. whether the radio button or the button it self. But the idea is interesting :)
8 months ago
Pro
James ✌
@Bady Either or would work.
8 months ago
Pro
Kerem Suer
@Bady I think I disagree with you on this one. I think making the radio button a whole button is pretty smart. I do believe wherever you click within that button will make a selection, so don't you think it would be actually better to click on a larger button to select rather than a small radio button thingy?
8 months ago
Pro
James ✌
@Kerem Suer Hit the nail on the head :) cc: @Bady
8 months ago
Pro
Bady
@James ✌ @Karem Suer I get that, thats why I said interesting. Just wondering will it cause a longer time to think which one I should click at first glance.
And I'd prefer to change the radio button to something like check mark. But that's just me hehe... otherwise it's still interesting guys :)
8 months ago
Pro
Coleman Tharp
Good stuff dude!
8 months ago
Pro
Andy Johnson
Looking good man!
8 months ago
Pro
Christine Stavridis
I like the way this looks, very clean and a unique approach. But, I wonder—if the user is presented with a binary choice, is it necessary to include the radio button to designate a selection? Furthermore, if this pattern is used in applications that include more than two options what would that look like? A segmented control with radio buttons or a vertical list of these buttons?
8 months ago
Pro
Christine Stavridis
That said, I have to reiterate that I really like the way it looks. Those questions just came to mind.
8 months ago
Pro
Mani
hey @Bady @Kerem Suer is right also i think @James ✌ made radio buttons coz user can make one selection in both of them so checkbox means user can check both and _______ fill in the blank lOLZz! :)
option1. > keep posting your suggestions
option2. > fly straight
option3. > shut up
option4. > love u
8 months ago
Pro
Daryl Ginn
@Mani http://25.media.tumblr.com/tumblr_m6f077sPKl1rpk86qo1_400.gif
8 months ago
what botters me is more the controlception
Yo dawg! I heard you like radio's in buttons, so I'll put a radio in your button so you can now click a button while you're pressing a radio.
I think Bady made a great argument by saying to change the radio to a checkmark/indicator or something. It isn't really neccesary to have the radio inside it.
8 months ago
Pro
Bruno Felicio
Looks great as well but i'm not a big fan of radio buttons and checkmarks inside of buttons.
8 months ago
Pro
Kevin Tunc
I think you nailed the buttons, like big time. Putting a radio button inside this segmented control solves the problem of knowing what button is pressed and which isn't. The only downside I see is, like @Bady said, users will maybe try to reach for the radio part first (only to realize that everything is clickable).
8 months ago
Pro
Mani
love you @Daryl Ginn :)
8 months ago
@Kevin Tunc I think it would be simpler just to have plain buttons that remain depressed once the user has clicked/tapped it. But then they might not look as visually interesting I guess.
8 months ago
Pro
Perceval McElhearn
Shouldn't the Expiry month dropdown menu be a list of numbers instead of month abreviations? If I look at my credit card I see only numbers for the expiration date and I suppose it's like that for every other card in the world, so matching numbers from the card to numbers in the two dropdowns would be faster for the user (and would also probably avoid many errors).
8 months ago