203
votes
Accepted
What is the opposite of Cancel?
Cancel might be too vague. I always like to be more descriptive when asking users to perform a quite destructive task. This often reduces any anxiety users might have.
download bmml source – ...
170
votes
Accepted
Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?
I suggest displaying the button in its disabled state and adding a tooltip explaining why it is disabled and how users can get the permissions to use this action.
Not displaying the button:
Users ...
144
votes
Accepted
Are you sure you want to answer this question?
Yes. There is a very simple, effective heuristic that adjusts to the preference of each user.
Place a check box in the warning message dialog that says:
Don't show this message again
Which can ...
143
votes
Do I really need a button?
Keep the button
In this case the button is used for the user to tell the application to navigate to the next page. If you remove the button, you say in your comment above,
I don’t think that’s an ...
135
votes
Accepted
Should I add a redundant "Cancel" option?
Don't use No with Cancel. They somewhat do the same functionality.
I would suggest you go a step ahead and be accurate with the options you provide. We click Yes/No many times without reading the ...
130
votes
How to make text look *not* clickable
tl;dr → use familiar patterns
Make the text objects look less like navigational tab controls.
The elements seem unnecessarily divided: Place the search field in the main header.
Make search look ...
125
votes
How to make text look *not* clickable
Well, since people are trying to interact with this information, I'd use it as an advantage. As mentioned by Mattynabib, it really makes sense.
However, if for some reason you prefer not to, the ...
116
votes
Accepted
Does a form with continuous save need a "Save" button?
As a user I don't like this idea at all.
There are 2 scenarios:
Creating an entity
Editing an entity
If I am in the create mode for say... a contact... as soon as I type "Dave" in a first name ...
95
votes
Accepted
Why would you use 2 alternate layout buttons instead of 1, when only one can be selected at once
There are a few cautions: 1. Feature discoverability, 2. Icon interpretation in the absence of labels, and 3. Confusion over which state the toggle (or stateful button) represents.
1. Discoverability: ...
91
votes
Why don't <button> HTML elements have a CSS cursor pointer by default?
Here's why:
Microsoft’s design guides talk about weak affordance:
Text and graphics links use a hand […] pointer […] because of their
weak affordance. While links may have other visual ...
77
votes
Button for "Play, but from beginning" for a scrubber UX
v1
I would suggest that the play button stays the same as it always has - a triangle to begin then a pause once playback begins. But, once playback has started, a new button appears like this:
The ...
75
votes
Accepted
Button changing its text & action. Good or terrible?
You can change the button to reflect the only available action, but separate the display of state.
You've replaced the button label with the only available action: reverting (unregistering).
Where it ...
69
votes
Is it okay to name submit button as "Select"
...but name buttons after what they actually do.
This might seem pedantic, but looking at the screenshot the "Select" button doesn't select the video, it confirms a previous selection, presumably by ...
68
votes
Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?
From your description, I think the answer is pretty clear. I get your concerns about some users' expectations but this button shouldn't be shown for a few reasons.
A disabled button will only ...
67
votes
Mobile friendly way for explanation why button is disabled
Add the same text as a small label near the disabled button.
This won't rely on any on any additional user action in order to show this additional information, which is good, because users tend only ...
66
votes
Accepted
What is a button supposed to look like?
Your question revolves around signifiers for a button's design (i.e. hints that communicate what an element can do/how to interact with it).
I assume your primary concern with buttons is that many of ...
62
votes
Are you sure you want to answer this question?
These are Confirmation messages - Windows have a fairly detailed page on their guidelines. The whole of that page is pretty useful but here's some excerpts (emphasis mine):
Confirmations are most ...
62
votes
Accepted
2 buttons that do the same thing
That is exactly how it is done.
What usually happens is that the description of the company itself, the open position and the candidate requirements alone are more than enough to fill a screen. ...
61
votes
Should I hide continue button until tasks are completed?
My web app has the same workflow and we show a disabled version of the Continue button which is enabled when all the form fields have been entered. If the user clicks on the Continue button without ...
59
votes
Should I put a back button on my form wizard?
The back button is important. Users should be able to correct any mistakes and review what they have already entered. Also, I do not find the back button a reason users will not finish the form, on ...
54
votes
Accepted
Should I put a back button on my form wizard?
Allowed but not emphasized
The key is to provide the ability to step back, but not encourage it. If it's over-emphasized, some people will feel compelled to review their work regardless.
The ...
51
votes
Dealing with long-title buttons
Remember the user's context. Sometimes when we are creating an interface, we tend to forget that our user is navigating through a specific set of information to reach an action button. At that point, "...
51
votes
Accepted
Should submit button be always visible or displayed after filling all required fields?
The button should always be visible on the page somewhere and should always be clickable. It is incredibly frustrating for a user if they can't click on a button and there is no clear indication of ...
49
votes
What is the opposite of Cancel?
Have you considered giving the user an undo button instead? It reduces the cognitive overhead because no choice actually has to be made in the normal case and reduces the input from always having to ...
46
votes
Which way should arrows point for a dropdown button?
I would consider two things here:
Visual connection to action
Common standard implementation
To the first point - visual connection: If you see an arrow that points up, you expect something to ...
44
votes
How to make text look *not* clickable
The grey text actually makes them look more clickable as they stand out from the rest of the header. I would change them to the same color as the rest of the text (black).
Also, instead of "6 books ...
43
votes
More clicks while using "Noun" or "Verb" for actions?
Be a voter > Vote now
Christopher Bryan and Gregory Walton (2011) conducted a study for understanding
if using a noun or verb statement have an influence on user motivation. According to the ...
42
votes
Which way should arrows point for a dropdown button?
A button should show what will happen when it is next clicked - not point to something else.
When the button above a closed menu is clicked, the content will drop down - so the should point down (to ...
42
votes
One big sign up button or 3
A Facebook or Google+ sign-in method can actually encourage people to sign-up at all. Most users value the uncomplicated experience they get when signing up via Google+ or Facebook. Hiding this option ...
42
votes
Should I add a redundant "Cancel" option?
My reading of that prompt indicates the following meaning (approximately):
I see you are trying to [fizzbuzz the main Foo].
That isn't recommended because [the main foo has already been fizzbuzzed].
...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
buttons × 1473usability × 160
gui-design × 155
forms × 145
website-design × 96
mobile × 80
interaction-design × 75
icons × 71
user-behavior × 70
layout × 60
user-expectation × 58
navigation × 51
labels × 51
toggle × 48
interface × 46
placement × 45
actions × 44
hyperlinks × 43
color × 39
design-patterns × 38
android × 36
call-to-action × 36
web-app × 35
design × 33
terminology × 33