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 – ...
179
votes
No one is clicking my slide box popup - Can it be improved?
Pop-up windows are a pestilence on the web. Users are fed up with them.
People visited your web site because they wanted to view information about some product. But as soon as they started scrolling ...
124
votes
Accepted
What's the difference between a Modal, Popup, Popover and Lightbox?
All of these UI components are containers/windows that show on top of the content you are currently viewing/interacting with. The different names are based on the attention they deserve, the context ...
76
votes
Accepted
What's the point of a delayed popup on a webpage?
It is about increasing the chance of the user having a look at the popup.
Task-completion mode
Users in task-completion mode are eager to fulfil their goal (eg, "Is the product/information/answer I'...
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 ...
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 ...
39
votes
No one is clicking my slide box popup - Can it be improved?
As other have said, most visitors have developed a banner blindness and will either ignore or close your pop-up without reading its content. Improving the content of the banner will have minimal ...
35
votes
Accepted
Should mobile modal popups be movable?
If a popup confirmation is so uninformative that a user might need to move it out of the way to decide whether to proceed, then the problem is a bad popup, and allowing it to be moved is not solving ...
30
votes
Accepted
Are redundant close buttons on an auto-closing popup necessary?
A combo box has a specific interaction which has not changed for decades. Its interaction is aligned with a simple user goal - to select one or more items. Most users will expect this interaction. ...
25
votes
No one is clicking my slide box popup - Can it be improved?
There are a few issues that spring to mind here.
For example:
The title of your Popup is 'New Feature!', but you don't explain clearly what that feature is OR why it's of value to the user.
If the ...
22
votes
Accepted
Are "close" and "x" on a popup redundant?
It may be redundant, but independently of this the real concern should be to evaluate if this redundancy is beneficial, harmful or neutral.
Different goals, different designs
Do you need a ...
21
votes
When (if ever) should links be opened in a new window?
It's a heated topic to be sure, but the best insight comes from understanding the usage and intent of a user clicking a link and specifically how this relates to the work at hand and what is going on ...
21
votes
Accepted
Where to undo "don't show this message again"?
A tenet of good user experience in software is system feedback. In this instance, the system should confirm it will no longer show you notifications... which is a good place to offer an undo option, ...
20
votes
Are "close" and "x" on a popup redundant?
I recognize that the web leads to its own problems because it is platform independent, but if most of your visitors are Windows users than using Windows standards might make sense. Here is one page ...
18
votes
What's the point of a delayed popup on a webpage?
They want you to subscribe.
Because subscriptions or email marketing gives pretty nice return on investment (ROI) most of the web admins use extreme measures to capture users attention to users can ...
18
votes
No one is clicking my slide box popup - Can it be improved?
TL;DR You don't, and can't, get high response rates because nobody wants the notifications.
Nobody, and I mean NOBODY, actually wants to "opt in for web push notifications".
That is the core ...
17
votes
Should validation be done in a pop-up window or a new page?
Inline Field Validation
I would recommend to stay on the same-tab, with validation in-place (inline) like this example:
This is a common design paradigm now that web form internet users are ...
17
votes
Are redundant close buttons on an auto-closing popup necessary?
A tooltip without a close button lacks affordance on how to close it.
Therefore, users would want to close the tooltip but may not know exactly how. It's not evident that clicking anywhere else on ...
16
votes
Should mobile modal popups be movable?
In terms of mobile,
A mobile screen does not have the space to fix your problem by moving the popup. You can move the modal window and still not see the information you want to because it has limited ...
14
votes
Is it okay to name submit button as "Select"
Take a step back here, do you need that button at all?
The title of your dialog asks the user to "Select video", which they do by clicking straight on the video. Isn't that good enough? Do they ...
14
votes
No one is clicking my slide box popup - Can it be improved?
I think the biggest issue here is that it's not clear what will happen once I click that CTA (as Scott mentioned).
Where and how will I be notified? "Activate" sounds like I will be ...
12
votes
Accepted
Difference between "callout" and "popup" (terminology)
They are different terms
Callout is an older term that dates to paper-based design before the web. Callouts are used in design to draw attention to or label something. Here are some callouts ...
12
votes
Accepted
Material design solution for popovers
Here's how...
See this dropdown effect for an example of how the Material Design physics can work for a popover. A similar schematic is:
The opacity fade, triangular callout indicator, and growth ...
11
votes
Should I use modals for advertising?
In the name of all internet users, I beg you not to use a pop-up advertisement.
Nobody likes pop-up advertisements. Nobody.
Okay, that's not entirely true. 95% of the internet doesn't like pop-up ...
11
votes
What is the opposite of Cancel?
The first thing that came to mind given your example was:
Cancel order
Proceed with order
One goes back, the other one forward. Maybe too forward-ey though?
11
votes
No one is clicking my slide box popup - Can it be improved?
Drop the popup, make it an option in the main page. And make it look better integrated with the rest of the page (e.g include it in a list of options with "buy now" and "add to ...
10
votes
Accepted
Best method(s) to allow closing a popup
Use workflow analysis to figure it out
Think about the user's workflow for a popup. A typical workflow might be:
User sees something onscreen
User wants to find out more, and presses a popup ...
10
votes
Are redundant close buttons on an auto-closing popup necessary?
To add to the answers already given, let me say that if the two ComboBox mockups you show are intended to be equivalent, at least one of them is confusing/misleading.
Having a "Save" button implies ...
9
votes
What is the opposite of Cancel?
"Cancel" in computers has very well defined meaning of "don't do the thing". That's the root of the problem here, as here the thing we're doing is "cancelation(sic) of an order".
I believe the best ...
9
votes
Is it excessive to say "Are you sure you want to..."?
I would not ask the user if he's sure, i would assume he is and explain him his actions.
I like invisions approach, they even added checkboxes so they make 100% sure that if you delete you delete ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
popup × 264modal-windows × 45
forms × 22
usability × 21
buttons × 18
website-design × 17
gui-design × 15
mobile × 15
user-behavior × 13
dialog × 11
interaction-design × 10
web-app × 10
close × 10
user-expectation × 9
modal × 9
notification × 8
lightbox × 8
confirmation × 7
alerts × 7
navigation × 6
design-patterns × 6
ios × 6
interface × 6
login × 6
mobile-web × 6