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
337
votes
14answers
84k 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 ...
34
votes
3answers
15k 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. ...
61
votes
5answers
10k 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 ...
48
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 ...
49
votes
9answers
14k 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 ...
123
votes
2answers
166k 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? ...
16
votes
4answers
5k 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 ...
47
votes
8answers
27k 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 ...
17
votes
8answers
14k 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/...
44
votes
6answers
55k 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
4answers
104k 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 ...
26
votes
6answers
6k 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. ...
15
votes
2answers
782 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 ...
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 ...
47
votes
6answers
16k 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 ...
53
votes
7answers
12k 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 ...
22
votes
4answers
4k 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 ...
13
votes
3answers
4k 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 ...
2
votes
4answers
897 views

Why modal on modal is bad?

I'm newbie when it comes to UX, there's a thing I don't understand and couldn't find answer to that. So I hear every now and then that modal on modal is bad. But I don't understand why and no one ...
56
votes
10answers
67k 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?
29
votes
11answers
6k 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
910 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
4k 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?
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 ...
4
votes
3answers
3k views

Is putting create/edit form in a modal a good practice?

In my Web application I have to choose between putting a create/edit form of a generic object in a modal or in a new page. After some Googling it appears that modals should be used to display ...
69
votes
8answers
15k 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 ...
22
votes
5answers
11k 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
10k 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 ...
11
votes
2answers
9k 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
6k 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 ...
15
votes
4answers
3k 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 ...
8
votes
2answers
4k 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 ...
3
votes
1answer
3k 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 ...
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
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 ...
3
votes
3answers
2k 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.
4
votes
1answer
2k views

Very Long Form in modal box?

I have long form around 25 form fields in web application and it covers 2 whole page. currently it is showing in the same page and cancelling the form goes back to main page. How much lengthy a form ...
3
votes
2answers
2k 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
4k 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. ...
10
votes
8answers
9k 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 ...
5
votes
2answers
858 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: ...
4
votes
1answer
744 views

Display form on page, in modal or separate page?

I have an application where users choose assignments to try over the coming days. When they choose an assignment, they state what they expect the outcome of the assignment to be. I'm not sure whether ...
3
votes
2answers
2k 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 ...
2
votes
2answers
156 views

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

We are following this pattern, inspired by Mac and Windows OS, but I don't have a solid answer for why web apps use it. What is the importance of the X button? Is it really required?
1
vote
1answer
159 views

Feedback modal upon exiting beta

We're releasing a new feature which will be beta tested. We're exploring ways in which we can collect feedback about the feature and one way was to surface a modal if the user decides to opt-out of ...
1
vote
3answers
339 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 '...