Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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/...
18
votes
4answers
67k 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 ...
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. ...
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?
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 ...
87
votes
2answers
102k 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? ...
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 ...
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 ...
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 ...
42
votes
10answers
33k 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?
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 ...
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 ...
9
votes
2answers
813 views

What is modal about a modal dialog?

I'm reading a lot about modal dialogs. I know(?) what modal means, having read Raskin's "The Humane Interface". I can understand what's modal about a toolbar in a drawing program (select mode, draw ...
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 ...
6
votes
6answers
3k views

Button order Save | Save and next | Cancel | Previous

In an application, the user is able to edit the information of several objects. The user is able to save and go to the next object. What is a good order for this buttons?
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 ...
8
votes
3answers
2k views

How to better name modal buttons “Cancel Request” (submit), “Cancel” (cancel)? [duplicate]

One modal-box asks the user wether they want to really cancel the request. Now there are two buttons (submit) and (cancel), but how to best name them? All other modals use text like "proceed" (submit) ...
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 ...
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 ...
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 ...
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 ...
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 ...
7
votes
2answers
2k views

Stacked modal dialogs (with Material Design)

I'm designing a Material Design app where users can edit items via a lightbox-style modal dialog. This is a hard constraint, so avoiding the lightbox is not an option. Within the dialog, there is an ...
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 ...
3
votes
3answers
1k views

What is good alternative to show modal dialog with very long forms?

I want to see the alternatives of modal dialogs containing long forms so that the design don't break.
2
votes
2answers
2k views

Huge horizontal sortable column lists issue

Sometimes pride doesn't let you but I decided to put that aside and ask for some extra opinions from minds like mine! Sorry for the long post, have to analyze my thoughts to explain my issue. I have ...
2
votes
1answer
2k views

Fullscreen modal vs. conventional modal?

My site comes across many instances where I'd like to use a modal. Sign up, sign in, comments, and file uploading are a few examples. Now, I can go with a conventional modal design where the modal ...
3
votes
2answers
1k views

Add Another Item - best pattern for modals

For this application I am designing, we need to add one or many items to a grid. We have chosen to add the items via a modal dialog due to complexity in certain scenarios that would not be possible ...
2
votes
3answers
2k views

UX modal window: Cancel / Save / Close vs Cancel / Save & Exit

I am working on an application where the user needs to complete their preferences which open in a modal window. There has been a big discussion about what are the best practices in this situation. ...
8
votes
8answers
6k views

Plus & Minus button position for selecting number of passengers?

We're having a discussion in the studio as to the position of the plus & minus buttons in this UI element. I feel that you naturally look to the right to 'increase' or 'move forward', although I ...
4
votes
2answers
797 views

How complex is too complex for modals?

We're in the process of developing an application that makes use of modals to provide the user with extra functionality without having to go to a separate page. I have two questions related to this: ...
3
votes
2answers
1k views

Should we tell users that a link or button will open in a new tab or window & how to do so?

I have encountered users (and myself) who feel that at times when clicking on links it can be surprising when things open in a new window or tab and they didn't expect that action. I believe it would ...
1
vote
3answers
281 views

Button labels on modals: consistency argument versus UX

I'm having an internal argument with product manager on something. We've a number of modals used in our product & designing more. Her argument: Name all buttons on modals the same e.g. 'OK' or '...