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
0
votes
0answers
9 views

Shortcut Key for OK Button on Dialog Box with Grid

In a desktop app, I have dialog boxes that contain one or more small grids, various other simple controls, as well as the usual OK/Cancel buttons. Grids pose a problem to the usual use of Enter as a ...
0
votes
3answers
75 views

Is it acceptable to have three call-to-action buttons?

I'm working on an application that displays a dialog box. This dialog box prompts users to switch to a new editor. That will be the main call-to-action (CTA). The 2nd CTA will be to retain their ...
2
votes
4answers
124 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 ...
6
votes
4answers
396 views

Why does Airbnb put the close button for a dialog on the top left corner?

It seems this pattern is quite common in mobile apps, but not so common on the web. (Assuming that most people use their right hand to control the mouse)
2
votes
2answers
35 views

Change size of modal in wizard experience

I am building a wizard experience to guide a user through a complex setup flow. In the flow, some steps require more space and some require less space. Does it make sense to change the modal size on ...
4
votes
1answer
45 views

Showing a full screen dialog to view a full list of radio button selection

I'm designing a sort of step by step process for mobile web using a stepper to get a bunch of information from a user. One of the steps requires a user to select from a list of (about 20) pre-defined ...
0
votes
1answer
52 views

Is it okay to show the loads of data on modal or on the new web page?

I am working on an application which has some data in tabular format. There is a view button for each row. So my question is: After clicking on that button, should I show the data on the new web ...
1
vote
1answer
71 views

What's a better alternative to using tool tips on a modal box on mobile

I'm working on the mobile web adaptation of a desktop design. The desktop version uses a modal box, on that modal box there are tool tips that can be hovered on or clicked for more info. When ...
2
votes
1answer
38 views

Warning/ Information on top of a Modal

I want to give users a warning on a modal that changing one form field has implications on another form field. I am aware of 2 patterns that are used as shown here. I am seeking suggestions on what UI ...
0
votes
0answers
58 views

Save search in modal popup

I have a modal popup for save search. to save it I am using popover with name of search and a dropdown under which category I want to save it. https://element.eleme.io/#/en-US/component/popover It ...
6
votes
6answers
330 views

Remember dialog sizes or not?

A lot of program dialogs can be resized. Some programs remember the new size of the dialog after you've resized it. So next time you open the same dialog, the new size is being used. Right now in the ...
0
votes
0answers
45 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
1
vote
2answers
418 views

Enter key action on modal dialogs

The action of the Escape key on a modal dialog is clear in that it closes the dialog, effectively clicking a 'Cancel' button or similar. However, what is the current consensus of the Enter key while ...
1
vote
1answer
76 views

Use of summary step at the end of Wizard UI?

I am designing a wizard about adding events on a calendar. The last step of the wizard is the summary of the user's choices. Is it obligatory to use it, or can I skip it? PS. Number of Steps with ...
0
votes
2answers
47 views

Open message in modal or in separate page?

Unfortunately I can't provide visual examples now, I hope that's not a problem. The question is simple: we have an inbox, which displays all the private messages a user has received, nothing new so ...
1
vote
5answers
328 views

Placement of Help button: left or right to OK/Cancel

I'm adding help to a Windows desktop application that is being in use since the Windows XP era. All the modal dialogs display the typical OK/Cancel button set placed at the bottom right as shown in ...
0
votes
1answer
45 views

Using a modal to display a dynamic form?

So currently I am building an interface that consists of user created "Documents" which can have a variable number of "items" associated with it. The problem is that I am not sure what is the most ...
1
vote
1answer
99 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 ...
2
votes
2answers
89 views

If a user clicks an action link from w/in a modal and is then taken to a separate page, do they return to that open modal after completing the action?

I'm designing an internal tool that enables my coworkers to curate post-op care plans for orthopedic patients on our platform (basically sending educational content to users at specific intervals). I'...
1
vote
1answer
138 views

What to do if the primary action is actually to confirm a cancellation? [duplicate]

I'll ignore the fact that it isn't obvious what '20190927.6' is from the screenshot (it would be more obvious in the workflow context). Obviously someone is following the pattern that the primary ...
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,...
3
votes
3answers
147 views

Modal button positioning on mobile

I am designing a design system for my company and am currently looking at designing the modals and dialogues for both desktop(tablet too) and mobile. I have placed the primary action to the bottom ...
1
vote
1answer
119 views

Disabling a modal dialog while waiting for the server

We're making a react web-app for business users We use a modal dialog for editing data. When the user clicks "save", the data get sent to the server. Usually, the server answers pretty fast (< 200 ...
0
votes
2answers
349 views

When to use 'View more' and 'Show more'?

I am using 'Show more' and using modal window to show the hidden content (see the attached image). Do I need to use 'show more' or 'view more'?
0
votes
2answers
80 views

Confirmation Pattern deleting a comment in Google Suite

Context I would like information about the current pattern to delete a comment from an app of the Google Suite. Where and How to find it Remove a comment made in Google Docs, Google Sheets, etc. ...
0
votes
3answers
360 views

Can a toggle trigger pop up?

I had a doubt whether a toggle can trigger a pop-up screen/modal? But it's not a confirmation modal/pop-up screen. For example: Turning the toggle to ON state will open up settings modal.
1
vote
2answers
643 views

Modal and overlay behavior - When to close the modal

Considering a modal/popup over an overlay, I know that there are certain acceptable ways (as per need), as to which interaction should close the modal, as below: Clicking on overlay Hitting esc key ...
2
votes
2answers
109 views

2 selection buttons 1 preferred but with different input types

I have 2 login forms in the same page: login with username&password, login with emailaddress&password. I separated forms with tabs but 1 of the login forms is always selected as default ...
1
vote
3answers
391 views

Best practices: Position of cancel button in modals

I am currently working on modals for our software and I have been placing the 'Cancel' button always on the extreme left (Version A in picture). However while documenting myself more on modals, I ...
3
votes
5answers
590 views

How can I avoid triple confirmation modals

While at the supermarket a while back, one of the actions the clerk performed on the POS had a triplet of confirm modals on it, literally: Are you sure you want to <action>? Again, are you sure ...
1
vote
0answers
138 views

Address verification and multi step modal dialogue

We are designing an interface where the user navigates to a page where s/he is presented with a grid of existing business profile data (e.g. business name, address, website, etc). When the user wants ...
1
vote
3answers
390 views

Wizard split step VS big step in B2B application

We are re-developing a B2B application to make it more user-friendly, but keep it robust. One of the features has popup wizard with 3 steps. On Step 2, we'll need to have a grid of items to be ...
1
vote
2answers
324 views

Modal dialogs on mobile - Back button

I have one site where I have a little Gallery. Clicking on the image displays a description of the team member and additional image(s). On a regular desktop I was thinking about implementing the ...
1
vote
1answer
450 views

New feature announcement - to modal or not to modal

I'm currently designing a way to notify our customers of new features which we've added to our web app. The problem is most of our users don't use our web app, instead they consume our API. Currently ...
3
votes
2answers
186 views

Button placement on modals – should it be consistent at ALL times?

I'm currently designing an app for iPads. I illustrated the situation below: The screen on the left is current version which seems to work really well when the user doesn't have to use the keyboard ...
1
vote
1answer
75 views

Dismiss modal when completing a flow on Mobile

I am working on a mobile app and the flow is mainly to add one or n accounts. The flow has 3 steps and you can't jump to the next step if you haven't filled the previous one. When designing the flow I ...
3
votes
3answers
306 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
85 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'...
1
vote
5answers
536 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
271 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
248 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
524 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. ...
4
votes
3answers
2k 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
822 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 ...
3
votes
1answer
420 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
116 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
486 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
122 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 ...
3
votes
3answers
1k 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
151 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....

1
2 3 4 5
7