Skip to main content
31 votes

Close button position: corner or inside?

The reason why the close buttons are outside the windows is to establish a contrast with the content, which gives greater emphasis to its function, in this case contrast of shape and position: If the ...
Danielillo's user avatar
  • 19.2k
15 votes
Accepted

Does a video lightbox need a close button?

Think of it the other way: Not every user has the same level of familiarity, and other sites don't conform to the same standards. Clicking outside the content, or using the esc key to dismiss a dialog ...
Mike M's user avatar
  • 24.7k
14 votes

Close button position: corner or inside?

I won't go into the specifics of your example, but there are some generalities that could help explain why A is often prefered: In the old days, windows in a user-interface were always rectangles. ...
HappyDog's user avatar
  • 487
8 votes
Accepted

Why do full-screen mobile game ads switch the position of the close button?

Are the advertisers trying to "trick" users into clicking on the ads? Likely this.
Phillip Quintero's user avatar
7 votes

Why is a cancel "X" icon required if there is already a "Cancel" option in a modal?

The X button to close a dialog is probably about the most consistent thing users will see across all dialogs, windows, popups, overlays, etc. It's synonymous with the 'get me out of here' sentiment. I ...
Roger Attrill's user avatar
6 votes

Is it a good practice to ask before exiting an application (with nothing to save)?

@KK's answer is great; I just wanted to add my own, expressed in different terms. The popup is employed to prevent accidentally closing the application and should be used when exiting might be costly....
maxathousand's user avatar
  • 19.5k
6 votes

Should closing the dialog clear its fields?

I agree confirmation/discard dialog should not be overused. A good practise which I follow is to use such dialog in case of any loss of data. In your case I would suggest any action that closes the ...
Roshan Raju's user avatar
5 votes
Accepted

Modal close button style

For Modals, the common practice is B for web apps. For mobile apps a larger button as seen in A is often used for ease of touch/tap interactions. However in that case, you're more likely to see the ...
truleighsyd's user avatar
5 votes
Accepted

Is it a good practice to ask before exiting an application (with nothing to save)?

There are certain conditions under which it is useful: When the close/exit button/link is placed near to some other button or link. In such cases, to avoid accidental exits, the confirm dialog is ...
K K's user avatar
  • 694
5 votes

What's the point of closing windows by double-clicking their top-left?

It is a shortcut. If your cursor happens to be over on the left side then to close I have less travel to cover to close a window, then to move my hand all the way over the mouse pad to the right side....
keevt's user avatar
  • 51
5 votes
Accepted

Where to place close button

At the bottom Take a look to the image below, and you'll see how placing the button on top will be more difficult than placing it on bottom, even requiring both hands in order to perform a simple ...
Devin's user avatar
  • 38.1k
5 votes

Close button position: corner or inside?

I'd bet a standard-colored close button would win. I think you're getting B because the close button isn't colored like the create button so users have to look at the X and figure out that it's a ...
moot's user avatar
  • 5,371
5 votes

Close button position: corner or inside?

There should be a "Cancel" button at the bottom, at the same level, color, and significance as "Create Account." There are two choices for exiting that modal, and having them ...
user8356's user avatar
  • 208
5 votes
Accepted

Is it necessary to have a close icon and close button on a modal?

The "X" close modal icon allows the user to pay less attention to the modal content. The lack of an "X" close icon forces the user to pay more attention to the modal content. Here&...
bloodyKnuckles's user avatar
5 votes

how to show the user how to close a nearly fullscreened dialog?

If you allow me, I think the biggest problem with your application is not that the user doesn't understand from where to close a window that occupies the entire screen, in fact you are using a Mac and ...
Danielillo's user avatar
  • 19.2k
4 votes

Should my app close quickly when [x] is pushed or prompt for behaviour before close?

Good UX would be to use the guidelines for Android apps, which would be to NOT have a close button. But instead using all the app management solutions provided by Android OS. Android apps generally ...
stradled's user avatar
  • 2,537
4 votes
Accepted

Close menu after action was picked?

This is called MARKING MENUS. Once the user selects the desired option, close the options and set the menu item to default state. You can read more at https://www.nngroup.com/articles/expandable-...
Deekshit-CUA's user avatar
4 votes

Does a video lightbox need a close button?

There is a certain scenario for which a dedicated button is needed. For video, especially, it sounds like a bad idea to dismiss the Lightbox on clicking somewhere on the overlay background. Because ...
Ren's user avatar
  • 3,196
4 votes

Should have a cancel button when the action itself is to cancel

You could use "Keep Timesheet" instead, since thats whats happening if the user is not requesting cancellation. Or you could change the wording inside the dialog-box, maybe you could use "Delete ...
Pectoralis Major's user avatar
4 votes
Accepted

How do I know when to use back or close button (or both) on mobile apps

Question 1: Arrow or X Generally speaking the arrow indicates that "you", the user, will return to a previous page of a sequence. If a user selects an action and that entire action is done on one ...
Mayo's user avatar
  • 6,641
4 votes

Should closing the dialog clear its fields?

I far prefer encountering 2 to 1. StackExchange is a great example of work being saved when a New Post page is exited, and I am very grateful for it. I wish more sites adopted it, then I wouldn't have ...
minseong's user avatar
  • 1,491
4 votes

Close button position: corner or inside?

I love B. It is so pleasant, stress-free, so grounding. It's because the button is so easy to spot: users have been conditioned to look in the top right corner for a close button, and you've broken up ...
minseong's user avatar
  • 1,491
3 votes

Why are there exit button provided by application?

I'm not sure if I fully understand your problem, but one of the main tenets of creating good design is redundancy and accessibility. Redundancy Creating multiple paths to the same solution accounts ...
mrchaarlie's user avatar
3 votes

Any objections against asking for feedback when user quits the app by pressing hardware back button

These are the anti-patterns I see in your proposed approach: Subverting user intention: The user indicates they want to do one thing (exit the app) and you substitute a different task (asking for ...
Daniel Beck's user avatar
  • 4,592
3 votes

What's the point of closing windows by double-clicking their top-left?

Define "... not intuitive..." As a user of Windows PCs since the mid-90's, this is entirely intuitive for me. I, and thousands of people like me, intuitively close windows using the top-left-corner ...
m-smith's user avatar
  • 716
3 votes
Accepted

Is it good UX to prompt users before closing the browser window on mobile

Presenting a warning about data loss is always a good idea. Ameen, one of the most important fundamental rules of good UX design, IMHO, is to make sure that users never unintentionally lose data. ...
JochenW's user avatar
  • 849
3 votes

Should closing the dialog clear its fields?

Yes, the X icon is commonly recognized by users to mean either to cancel or to close, but distinguishing between the two possibilities is critical for the success of the interaction.* In your case it'...
jazZRo's user avatar
  • 11.9k
3 votes

Close button position: corner or inside?

As a user, B sucks. So does A. There are quite a few web sites that use B for their pop-ups. I look inside the pop-up for a way to close it. There's nothing inside, so I then look at the outer top ...
JRE's user avatar
  • 131
3 votes

Close button position: corner or inside?

Jakob's Law states that as users have spent most of their time outside your website or app, they prefer your website or app to work the same way those outside applications do. It's fact that: almost ...
Arkan Tanriwa's user avatar
3 votes
Accepted

Are extra close buttons still necessary for desktop applications?

Hard to say without running a test or analyzing a click map. The answer will probably depend on context and application. It is true that patterns that have existed for years are familiar to users and ...
Nicolas's user avatar
  • 5,608

Only top scored, non community-wiki answers of a minimum length are eligible