I wanted to share a UX thought I had plus the PSD that may be useful to some of you.
UX Principle: If a user has to choose between multiple actions and one is primarily used, make that the action easy to find first.
In this example popup, the "confirm" is more heavily used than "deny" and I wanted to draw the user's eye there first. Deny is still an option, but is much less used and therefore is more subtle in the UI. What do you guys think of this concept?
Download the PSD: download_popup.psd
about 1 year ago
It is definitely important to have a clear visual distinction between primary and secondary (or lower) actions. The "Confirm" action is clearly primary, but I think you went for too much subtlety on the "Deny" action - to many people it may not even appear actionable since it is just a grey text object. I would add either an underline (traditional link signal) or make it a subtle grey button with less depth and no gradient (though being careful to not make it look disabled.)
maybe give the deny a button too? but keep it desaturated, i.e OS conventions?
Yeah, I think a button better looks like a button. The 'Deny' has to be at least a light grey-ish button so the user immediately aware that it's an option as well.
It might be an interesting idea, but most people will be having problem with it (I think).
@Dave Hogue @Ryan Murphy @Taylor Ling Yeah, I totally see what you guys mean. I think the line underline on the "Deny" link represents it better as clickable than a gray button as this may show "disabled" if done incorrectly. I appreciate the input!
@Timothy Whalin http://d.pr/i/6lIV or http://d.pr/i/5wMX
mull it over with a nice glass of wine :D
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter