Questions tagged [modal-windows]

A graphical control element subordinate to an application's main window that requires users to interact with it before it can return to operating the parent application.

Filter by
Sorted by
Tagged with
330
votes
14answers
78k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
86
votes
2answers
101k views

What's the difference between a Modal, Popup, Popover and Lightbox?

I've seen many terms used to describe message boxes that notify and alert users or display information such as modal, popup, popover and lightbox. What is the difference between these components? ...
65
votes
8answers
13k views

Should modal dialogs be movable?

We use modal dialogs in a web application for actions that require the users to take an action, like log in or configure something before being able to proceed. We fixed a few layout issues and now ...
62
votes
14answers
8k views

Preventing users from closing browser tab. Bad idea?

I have a customer who wants to add one of those annoying JavaScript alerts that prevent users from closing a browser tab to make them a discount offer. You know, something like: "are you sure you ...
55
votes
5answers
8k views

What research is there suggesting modal dialogs are disruptive?

It seems "Everyone" knows they're highly disruptive for many situations but often times clients don't. Particularly in desktop applications this form of dialog is often misused, often disrupting a ...
50
votes
7answers
11k views

When should you use a modal dialog box?

There seems to be an increasing use of modal dialog boxes on the web, but when should you use them? Why would you choose to use them instead of inline controls or another page, and when should you ...
49
votes
9answers
12k views

The Usability of “Lightbox UIs”

Lightbox UIs are becoming a lot more prevalent in mainstream web-design. You know the drill -- click on a link, the background fades darker, and up pops a UI for interacting with an object, making a ...
46
votes
10answers
3k views

Drawing users' attention to unrecoverable actions?

We're working on an internal business app, and throughout the process the users have been very involved in all aspects of the design. They have explained their workflow, terminology, etc. and the app ...
46
votes
8answers
19k views

Are “close” and “x” on a popup redundant?

I am working with a basic bootstrap modal popup which is a popular modal used on many sites. I noticed that the default template comes with both a close button on the bottom, as well as an x on the ...
42
votes
10answers
10k views

Is the ability to finish a wizard early a good idea?

I am using a wizard dialog with 4-5 steps to let users input data of a business object. The data on the different steps of the wizard is not interdependent and the order of the steps feel natural when ...
42
votes
10answers
32k views

What are some alternatives to the phrase “Are you sure you want to XYZ” in confirmation dialogs?

I don't like seeing the word 'you' in the message twice. Examples: Are you sure you want to delete this item? Are you sure you want to continue?
39
votes
6answers
14k views

Inline editing or modal popup

I'm interested to know what would be best the option from a UX perspective. I have a table in which i need to decide if i should edit each row with inline editing where you can click on each item in ...
38
votes
11answers
5k views

Can an OK button do nothing?

I guess the answer is probably "just be consistent" but if not I could use some fodder for arguments for and against. Here's the scenario A dialog box with a list of things to choose Something ...
35
votes
6answers
40k views

What is a Modal Dialog Window?

What exactly is a modal dialog window and when should you use it? Are there certain cases where you should refrain from using one?
29
votes
3answers
8k views

Modals on top of modals

Using bootstrap modals, I keep running into the issue of having an info modal with content inside of it, but there's a need to have a "confirm your decision" modal/popup on top of the initial modal. ...
27
votes
11answers
4k views

Should alert boxes be avoided at any cost?

Thanks to Gabriel Svennerberg and Sam K for this one - raised in a comment here. I was fairly casual about alert boxes until a run of user tests where an alert box was put up to warn learners that ...
26
votes
6answers
3k views

Is it OK to phrase the title of a modal as a question?

Modals are often used to force the user to make a decision, so they're basically questions. Is it ok to present the question in the title of the modal? Something about it rubs me the wrong way. This ...
26
votes
4answers
10k views

Research on scrolling within modal (web)? pros/cons?

From a web UI perspective, is there any research or defined best practices in regards to scrolling within a modal window? Please provide specific links, studies, etc. I am of the school that a modal ...
23
votes
6answers
5k views

Closing modal dialogs

I come across modal dialogs everyday and I see different implementations all the time. Most modal dialogs have a [X] in the upper right hand corner of the dialog along with a Cancel/Close button. ...
22
votes
3answers
3k views

Should mobile modal popups be movable?

As I see this answer from @JDB stating I hate it when a modal dialog appears asking me to confirm an action and the only way I can confirm that, yes, this is the record I want to delete, is to ...
22
votes
6answers
2k views

Why are software EULAs typically displayed in a tiny non-adjustable box with lots of scrolling?

From my experience whenever I have to install a piece of software I'm presented an end-user license agreement (EULA) in the following way: Specifically the EULA is a long text in legalese and I ...
22
votes
5answers
8k views

Good alternatives for replacing multiple nested modal dialogs?

Having a mature and good-selling Windows desktop application, we are focusing on improving the user experience for the next release. One thing that I try is to get rid of multiple nested modal dialog ...
21
votes
5answers
9k views

Login/sign-up in modal dialogs

I've been working on a web-platform for some time now. As I was writing the usual "Sign-up" and "Login" pages I realized that a whole page was an overkill for such simple tasks so I decided to put ...
21
votes
4answers
3k views

Taxonomy Hierarchy Management UI Pattern

Overview I have a custom lightweight web CMS I am developing. It has a feature that allows business users to define hierarchical taxonomies, add/edit/delete nodes, change their sort order relative ...
20
votes
8answers
3k views

Why is the drag area usually limited to the “title bar”?

Take a simple dialog window: The user will expect that the titlebar can be used to drag the window through the screen. But why is it limited to just this bar? Why is it uncommon that windows can ...
20
votes
7answers
2k views

Solving the “accidental confirm” problem with dialog boxes

The scenario is all too common: An application brings up a dialog box while you are typing, and you hit the space key before you even realize what's happening. The dialog is gone and you have no clue ...
18
votes
8answers
4k views

When to use darkened backgrounds behind modal windows?

I am creating a modal window that will instruct a user to sign in a present a form to do so. I am debating between whether I should darken the screen behind the modal window as well, or if that effect ...
18
votes
4answers
66k views

Is it acceptable to open a modal popup on top of another modal popup? [duplicate]

On the web, is it wise to allow a modal popup (B) to be opened from another modal popup (A)? If modal popup B were to be closed, the user would again be viewing modal popup A. I am asking as I can ...
17
votes
3answers
2k views

Close icon and ok button for dialog [duplicate]

I've been given the following design for an error modal dialog (the rest of the page is grayed out and can't be clicked): To me, instinctively, it seems redundant having two ways (close button and ok ...
16
votes
5answers
15k views

UX alternative to Modal Windows on a mobile device

I am looking for the recommended UX alternative to Modal Windows on a mobile device. Modal Windows are useful in larger screen environments, as they allow the user to interact with the program ...
16
votes
8answers
12k views

Save/Cancel/Close button behavior question

The attached image shows a dialog with a save/cancel button bank and a "x" icon to close the dialog. The question I have is this. Should the cancel button even be on the modal if it does not clear/...
16
votes
4answers
4k views

Is a cancel button necessary in a windows form?

After reading the question "Is a cancel button necessary for a web form?", I still ask myself, whether the same applies to a Windows form/dialog box. Consider the following dialog box: Compared to ...
16
votes
4answers
4k views

Should Dialogs be avoided in modern applications?

I have used a few dialogs on the last system I designed. The application was a business application with many database tables and I used many datagrids to show data. It was common that I placed a ...
15
votes
2answers
743 views

Should there be a difference in the relative sizes of the buttons in a confirmation dialog?

I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a ...
14
votes
7answers
546 views

Nagging the user with double message box for something that is important.

When our software is installed, it installs some networking components. It may run fine immediately after the install, but chances are that some applications won't be able to talk to the network until ...
14
votes
6answers
3k views

Do people like/hate popups, even if they're useful?

My company's product is a popup modal widget that shows information about different terms mentioned in blogs, when hovering over a term As lead designer, I find myself wondering if that's the best ...
14
votes
4answers
2k views

Are there established patterns for delete confirmations other than the typical modal?

I'm trying to find out if there are some semi-standard ways of handling the "are you sure?" confirmation logic when a person deletes a record or item. The typical options are: Show a "Are you sure ...
13
votes
7answers
2k views

Are Mailing list popups bad usability

I had a client request that they wanted a mailing list popup like the example given below where the popup is presented to the user as soon as they land on the site I am a little concerned about the ...
12
votes
4answers
1k views

What's the purpose of the bottom bar in popups / modal windows?

There seems to be a common pattern where the bottom of a modal window contains an area that looks slightly separated from its content. I'm trying to find out where this habit comes from, and what ...
11
votes
3answers
3k views

What are lightbox / modal window UI best practices for viewing full-sized images in a gallery?

I'm an artist and amateur web designer. On my portfolio website, I've grouped my work into projects. Most of my projects contain few (20 or less) images, so I just display them in full size and let ...
10
votes
2answers
16k views

Where to undo “don't show this message again”?

I often make the misstake of accidentally checking the "don't show this message again" checkbox when using tab and spacebar to navigate. Since I'm asking to never see the message again, undoing that ...
10
votes
3answers
3k views

Are modal dialogs WCAG compliant?

Are modal dialogs WCAG compliant? I understand that pop-ups of any kind do not meet WCAG requirements, and I assume this includes modal dialogs? For example, I am working with a Primefaces component,...
10
votes
3answers
395 views

When should a messagebox be used?

When I started in programming, there was a manual with a number of GUI guidelines. The input fields were color coded. For instance, a mandatory field would be yellow and an ordinary field would be ...
10
votes
4answers
2k views

What is the best way to show the user large amounts of data?

I am working on an application with a team that has roughly 2 years of data. This data is shown through multiple visualization methods. Part of the application is a settings panel, which lets the user ...
10
votes
3answers
3k views

Should edit details form be in a modal dialog or directly on the page?

I'm building a site that users can login and register on and on the Account Page I am implementing the Edit Details form. My question is, what would be best: the form be right in the page or in a pop ...
10
votes
2answers
6k views

Best way to do 'bulk edits' on a table

I am building a web application for managing a list of products (using jqgrid). I need my users to be able to perform several 'bulk actions' on whichever products they select. I have copied Gmail (...
10
votes
2answers
5k views

How can one improve accessibility of modal windows in a browser?

How do modal windows implemented using, for instance, jQuery plugins affect the accessibility of the website? If it leads to poor accessibility, can it be mitigated? Is the only way to avoid using ...
9
votes
5answers
3k views

Is using a hyperlink to close a modal a poor design decision?

So I'm having a bit of back and forth with our UX designer who I defer to given his superior knowledge of the field. However, part of his design does not sit well with me and I'm unable to swallow it,...
9
votes
3answers
1k views

Are there any studies of users getting jaded of dialog requests?

There are permission request boxes such as this one, or requests from other users as per online social networking sites. Are there any studies that show people becoming jaded of dialogue boxes of any ...
9
votes
5answers
5k views

What is the best way to show that a link opens a modal window?

I want to make the user feel that clicking the item will bring up more detail about it in a modal window.