I think both have the same the attention call, if that makes sense. In other words, I don't think either one over powers the other. Not sure if that is the intent here. Also as stated above, I think that the buttons could be moved closer together. Looks like they are at about 35 pixels apart, maybe 20 or even 25 pixels would be suffice. Overall, very clean, and I am sure that is the objective.
I would shrink the deny button. Its confusing this way, as I need to think why its darker. And, Id put "Allow" in the middle, and "deny" further to the right.
Not sure why you're going with two shades of gray (see the previous comments about it looking disabled) instead of the more standard combo of a loud accent color for the primary button (Accept) and gray or white for the secondary (Deny). Or even making the secondary action a link.
22 Responses
Pro
Drew Wilson
I need your thoughts:
Do you think the "Deny" button is subdued enough as compared to the "Allow" button?
Thanks!
9 months ago
Yes. Mostly because it matches the background gray quite well.
9 months ago
Pro
Mitch Bartlett
I think everything's fine here, though I'd move both buttons a tiny bit closer together if it was my work.
Looking great by the way, can't wait to see more!
9 months ago
My initial thought was that the deny button is disabled.
9 months ago
Pro
Jake Thompson
Really nice, simplicity is the key here. I agree with @Mitch, maybe a half-pixel to the right? ;)
Once had a client ask me to do just that..
9 months ago
It's very Drew Wilsony.
9 months ago
Pro
Drew Wilson
Thanks guys!
Ya, i think the buttons being a little closer could look good :)
9 months ago
Pro
Drew Wilson
@CJ.... that's cuz i made it ;)
9 months ago
Pro
Louis Harboe
They look pretty equal to me :/
9 months ago
Pro
Chuca
Strongly agree, even I would switch the position to facilitate the prioritization.
9 months ago
Pro
Corey Haggard
I think both have the same the attention call, if that makes sense. In other words, I don't think either one over powers the other. Not sure if that is the intent here. Also as stated above, I think that the buttons could be moved closer together. Looks like they are at about 35 pixels apart, maybe 20 or even 25 pixels would be suffice. Overall, very clean, and I am sure that is the objective.
9 months ago
What about making the 'Allow' button blue or green, and the 'Deny' one red, Drew?
9 months ago
I'm with Ivan. Saw it as disabled initially.
9 months ago
Nice. Can't wait, how much time left till this goes live?
9 months ago
I would shrink the deny button. Its confusing this way, as I need to think why its darker. And, Id put "Allow" in the middle, and "deny" further to the right.
9 months ago
I like the idea of the deny being smaller than the allow button, so that the allow button becomes a bit stronger already in that sense.
I do think the allow button sits great, but I also saw the deny button as disabled.
9 months ago
looks great. really like the style of those buttons.
9 months ago
Not sure why you're going with two shades of gray (see the previous comments about it looking disabled) instead of the more standard combo of a loud accent color for the primary button (Accept) and gray or white for the secondary (Deny). Or even making the secondary action a link.
See the Luke W article for visuals:
http://www.lukew.com/resources/articles/PSactions.asp
Hope that helps!
9 months ago
Pro
Drew Wilson
@Al,
I don't consider "Deny" to be a secondary link. In some cases it might be the option the user WANTS to click.
9 months ago
I guess I inferred that from the fact that they're two different shades? Why not give them equal weight then?
9 months ago
Pro
Anders Drage
Is there particular reason for having the Allow button to the left and not to the right? Having the button to the right makes more sense to me..
9 months ago
Pro
Guillaume Gaubert
Yes. But as @andersdrage said, having the "Allow" button at the right makes more sense. Like the alert windows in Mac OS X.
9 months ago