Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

2
votes
3answers
81 views

Warnings on a dialog

What will be the optimal solution for the following use case: A dialog is opened on the screen, when clicking on an action button to send the dialog (after filling in details), in some cases a warning ...
1
vote
0answers
41 views

Drag controls on partial-screen modals on iPhone X

With the introduction of the home indicator on the iPhone X (and Xs, Xr, Xs Max), it seems worthwhile to question the pull-down-to-close controls on partial-screen modals. The most common pattern I'...
0
votes
5answers
74 views

Confirming cancellation [duplicate]

We have recurring donations that are able to be "cancelled" (meaning to cease its continued billing, not delete it from the interface). There is a button on our interface called "Cancel". When they ...
4
votes
2answers
198 views

Experimenting with modal design

Hello UX'ers I work as a full time UI/UX designer in a smaller company. We are currently going through a major re-design phase and one of the biggest addition we are adding to our platform is "step ...
0
votes
2answers
54 views

How to apply add/save from modal window

I've got a web application where I want to be able to add qualifications to a user. When I open the Edit Employee form there is an Add button and a Delete button. When clicking on the Add button, a ...
2
votes
4answers
228 views

Modal close button style

I am looking at a redesign proposal for a close button on a modal window for a responsive web/mobile application. I have my own thoughts on this but would like the UI/UX community to weigh-in. ...
3
votes
3answers
281 views

Display Modal over another Modal, it's really a sin?

I'm currently working in a web app for technology transfer offices and I've been avoiding at all costs to display a Modal window over another one that's already open. To give more context, there is ...
0
votes
2answers
107 views

Alternatives to modal dialog for simple forms

I have a button that pops a simple modal form. The form takes a name, description and has a save button. I am not a fan of having a button to the left of the screen, a dialog that pops in the center ...
0
votes
0answers
17 views

Add/edit panel that slides up from button

I need to display a pretty simple data entry/edit form, two fields and a save button. I don't like the idea of using a modal dialog as it appears in the middle of the screen, far removed from the ...
0
votes
1answer
65 views

Item modal selection options - multiple selection + quantity

As you can see above I have the situation of an item modal where there are different variations, from which I can select different quantities or none. Currently there is a checkbox selection, and a ...
1
vote
1answer
46 views

What screen should show after closing an iframe/modal?

I have a challenge of what I should display after a user has triggered an iFrame modal which changes the meaning of the page that it was triggered from. My assumption is that users would expect a ...
3
votes
3answers
224 views

Placement of a modal

Currently, I am going into an application where there was a decision made to have modals slide into the screen from the right but stay snapped to that right window border. From experience in other ...
2
votes
1answer
47 views

Indicate highlighted terms in a modal that is triggered by an ellipsis icon

In my search engine, on search results page terms for different criteria can be highlighted. For instance, in text, in dates or in emails. However, some of those items (text, dates, emails) can be ...
0
votes
0answers
36 views

Bulk editing table items with modals

I have an application with tables, which contain large data sets - there are many tables, with different amounts of data and different headings and data sets - the data can be edited in bulk by ...
0
votes
0answers
84 views

Save vs Save and Close

I've got a couple of queries that revolve themselves around whether saving or saving and closing are better to do. In a modal window, Save button and Save & Close button from a parent page with ...
1
vote
3answers
210 views

Confirmation of user input: inline button or popup/modal?

I have a few instances, where users can cancel filling out web forms. In the current design the web site will open a modal in the center of the screen (which is mostly not, where the original cancel ...
1
vote
2answers
122 views

How should I indicate to users that Escape can close a modal?

The modal windows on our site have a Close button (X) in the upper right corner, and for years that's been the only way to close them. I just added the ability to close modals by pressing the Esc key....
5
votes
6answers
2k views

Alternative to Radio buttons

Context: I'm currently designing (Mobile app) an action where the user has to select a status for an element in the system. On the main page they have 2 options "Accept" or "Delay" (shown below). 90%...
1
vote
2answers
108 views

Is it preferable to have a Save As modal dialog, or to just automatically save with a default name?

I noticed that clicking the "Download" option/button in Google Drive, Slack, etc. doesn't prompt the user for where they want to save, and with what filename. It just goes to my "Downloads" folder ...
0
votes
1answer
72 views

Modal on the mobile: is bottom the best place for the close button?

I have a modal/lightbox with the gallery on the mobile (it doesn’t have action buttons, so no chance for cancel button). Considering latest research on thumb zones, does it make sense to move “close“...
0
votes
0answers
31 views

What is the best way to display Item-Details like data

I've seen this type of dialog-subdialog design a lot and I still find it very easy to use and program. For example, we have a list of items in a ListView and double-clicking an item opens a dialog ...
1
vote
2answers
282 views

Link opens modal by default but can open New Link or New Tab

UX Question: Can I have a link open up a modal window by default but also allow the user to open the same link instead as a new window or a new tab? Quick background of the system: - I have a case ...
0
votes
2answers
171 views

When should “Don't ask next time” check box take effect?

for example, suppose I have a popup like that: I know the popup would not appear next time when the user clicks 'Yes' with the box checked. but how about the following situations: the user clicks '...
2
votes
1answer
116 views

Is it okay to have a modal window with a button that redirects to another page?

In my case, the information written in the modal window is not directly linked to the button. That is, the button is not some action that the user does after reading the information given in the modal....
3
votes
3answers
173 views

I've got lots of buttons (choices) in my modal, and all are needed. How do I reorganize it better?

I'm making an interface that is part of a garment return merchandise system (customer didn't like the product and sends it back). Part of this interface allows customers to choose one or more reasons ...
1
vote
1answer
447 views

Modal window or a page in a new tab?

I'm working on a responsive website for a big organisation that provides complex products that you need to subscribe to. Subscribing typically means filling a long form of 5 or more steps. Some steps ...
1
vote
1answer
76 views

How do I present a verification process that resulted from an action in a modal dialog?

I need to create a modal dialog (one that comes form the system) which asks for the license key and when confirmed there should appear a verification icon to indicate progress (although this would not ...
1
vote
1answer
208 views

MOBILE VIEW: additional info in horizontal scroll vs. modal vs. accordion

I am working on the mobile view of a website with profiles on it. On those profiles there are a lot of categories/groups filled with tags and other information. In order to keep the page clean and the ...
3
votes
2answers
133 views

Should I have feedback dialog after process is finished?

My website allows users to create invoices (and also automatically generate pdf files of the invoice) and send it to their receiver via email. Should I have a feedback dialog with an "ok" button that ...
4
votes
5answers
799 views

What is the transluscent background of a modal dialog called?

These days it's common for modal dialogs to also reduce the brightness of the background content, to make it clear that it can't be interacted with. This is especially common on the web. What is the ...
3
votes
3answers
424 views

Modal or new page when switching from list to detailed view? (in an issue tracking system)

I am currently working on an issue tracking system (you might want to compare it to Jira, but more lightweight). The main screen of the application is this issue list: When a user clicks on an issue, ...
2
votes
2answers
108 views

Best Practice combine or separate similar dialog boxes like note and calendar event

My question is perhaps subjective so apologies in advance but this is a real dilemma I'm having. I have a web based customer management program that allows users to add information about a customer, ...
2
votes
1answer
441 views

Multiple scrolling, dragging in modal/popup window. Good UX?

Had a discussion with the stakeholders regarding the things they require and they suggested to convert the product's modal window in the similar form the WRAP is doing(Open any image just after one ...
0
votes
2answers
222 views

What order should a dialog boxes options appear in? [duplicate]

With dialog boxes, I find that you usually have two options: "Cancel", "disagree", "No, go back" - an option to close the dialog box without performing an action. "Agree", "Yes, I'm sure" - an option ...
2
votes
3answers
282 views

Toggle between two modal windows

I have a system where a user can share a task with his coworkers. The system was developed in a way where the share button opens a modal dialog with the option to input details of the user to share it ...
0
votes
2answers
118 views

Modal Window with Tab Menu font sizes (Prominence)

[![enter image description here][1]][1] I'm currently developing a UI, and I'm just wondering if it is acceptable in terms of prominence or in general. If the font size of the modal title and its ...
16
votes
5answers
8k 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 ...
0
votes
2answers
81 views

use of overlays for core user journeys. good or bad (ELI 5)

firstly, thanks for reading! I am involved with the design of a finanial web app that is primarily tablet/large screen based (however will have to work on mobile). I am not responsible for the actual ...
1
vote
1answer
283 views

Dropdown within a modal window on mobile

I'm currently working on a solution for adapting a modal window form on desktop to mobile. Problem is, the form within the modal window contains a dropdown. The solution I currently have is as such: ...
1
vote
4answers
167 views

Hundreds of items in a dropdown

We're designing a dropdown with about 10-80 items in it. To make it easier for users to find the items, We categorize the items and enable users to search items in the dropdown. However, the number of ...
1
vote
1answer
70 views

Drilling into more details in a modal

I'm struggling with a modal "compose message" type of modal. When a user interacts with the eye, we want to display a list of users that will be able to see their message to that specific person. ...
3
votes
1answer
74 views

Should I prefer “Earliest Prevention” over “Flexible Workflows”?

Intro I have a specification which explicitly mentions 4 (sic!) interrelated modal windows for a fairly simple use case. This seems to be a result of the old-school way of thinking, i.e. "let's ...
3
votes
1answer
857 views

Alternatives to cascading modal popups

We are currently looking at reworking one of our web-apps. At the moment, all editing is done in modal popups. It would be simple enough to replace a single modal with an inline edit mode or ...
0
votes
1answer
52 views

Is a feedforward box stacked on a dialog a good solution?

I'm designing an application where users can add items to a list. When adding a new item a dialog appears to fill out some basic information. Users can cancel/delete this new item by clicking the ...
2
votes
1answer
857 views

How to deal with modals and scrollbars

In an application or site that employs modals (like these) what is seen as the best approach for managing the dynamically added additional space when a scrollbar is needed? When a modal opens ...
0
votes
1answer
49 views

How to improve the usage of multiple similar data

I want to improve mock which is basically a form with similar data all around. The product I'll be discussing here is web, based on a modified bootstrap 3 look. Where I work, we are now discussing a ...
2
votes
2answers
191 views

Form that contains select / multiselect field with possibility to add new element with its details to those fields

I have a problem with finding the best approach for forms that contain deeper relationships. For example I have a form for creating an invoice. While the user is filling particular fields he may ...
4
votes
2answers
231 views

Display annoying important message or leave it out?

So I'm making a web-based image editor, and I'm facing a problem. The user is editing one or more images, and has the option to save it. So, when the user clicks "save", a dialog box pops up where the ...
1
vote
1answer
726 views

Heading levels in an accessible modal window

What's the most/correct accessible way to use headings in a web modal window? The modal itself is fully accessible (we have tried that out already) but we're unsure whether we shall use h1 or h2 as ...
0
votes
2answers
117 views

Why use a descriptive phrase rather than an X to close a pop-up?

On several sites, I’ve noticed a type of email subscription modal pop-up message that can’t be closed by clicking an “X” in the corner, but instead requires clicking on a sentence that describes what ...