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.
264
questions
0
votes
1
answer
80
views
Angular / Material Dailogs, what is the preferred UX method for launching loading spinners over dialogs?
From UX point of view, should you load loading spinners/ progress spinner over the modal/dialogs -
i.e like so:
or should you close the dialog and then show the load the spinner - i.e avoiding the ...
- 1
0
votes
1
answer
268
views
How can i deal with a dropdown in a small popup that extends past the height of the element?
I have a small dialog that asks users to make a specific time range selection from a dropdown before proceeding with the action. My problem is that regardless of whether I display the dropdown above ...
0
votes
2
answers
67
views
UX concerns with showing dynamic tips/fun facts/"Did you know...?" section on a loading progress modal
In my app, there's a window that opens up with a spinning logo next to a progress bar that shows update/loading progress. I want to add a section with various tips and fun facts about the application, ...
- 151
0
votes
1
answer
32
views
How should I label restart/resume buttons for a device passed from user to user?
I am working on a virtual reality application that is designed to be passed from user to user. We detect when someone removes the headset from their face, and detect when the headset is activated ...
2
votes
2
answers
103
views
Why aren't modal dialogs resizable or movable?
I'm wondering about non-resizable and non-movable modal dialogs. They seem really frustrating, especially considering that they interrupt the flow to fill a form or do a selection or whatever ...
- 38.2k
1
vote
2
answers
86
views
Indicate Interaction Hierarchy in Modals with Buttons and Links or Buttons only?
I am designing a map-based web application with multiple small dialogue windows and have problems to decide whether to use buttons only or buttons and links as interaction elements.
In all of the ...
- 33
2
votes
1
answer
107
views
Is it a good experience if we use three modals in a row?
I would like to be sure if it is a good experience for the user when, for example, you update your password and then the user selects the "Save changes" button; this action appears in the ...
1
vote
2
answers
49
views
Offering downloadable marketing content as the final steps in an analytics console
I'm a UX intern working for a startup and i'm building an analytics platform that offers analytics driven marketing.
The current flow essentially moves the user through analytics from high level to ...
- 11
2
votes
1
answer
96
views
Alert modal or auto refer to top placed message
I’m working on an e commerce cart and I am faced with various conditions for products that have a gift card applied.
Condition 1:
The price for products which are from the companies private label can ...
- 73
0
votes
1
answer
55
views
Best way to show accepted item that applies to multiple inputs?
I wanted to get insights on the best way to show an accepted item.Suppose we have list of offers and one offer that applies to multiple lines ( mobile numbers) i.e XXX-XXX-XXX1, XXX-XXX-XXX2, XXX-XXX-...
- 69
0
votes
1
answer
87
views
Modal or Non Modal functionality on UX Stack exchange portal - Behaviour Confusion
I was going through the profile section of the stack exchange site today and i found an interesting behaviour of modal window.
As far as what I have observed in various articles and design systems
...
- 1,516
0
votes
0
answers
464
views
Should modals have a route?
We use modal dialogs in our web application for actions such as deleting or creating an entity. These modals could be rendered as "on page actions", which are stateful and relative to the ...
- 779
0
votes
1
answer
1k
views
Form Unsaved Changes
Which of the modals shown below is more align with best practices for the following scenario?
Scenario:
A user is filling out a form. There are [Save] & [Cancel] buttons on the form. The user ...
- 543
1
vote
2
answers
227
views
Do any major E-commerce Companies have Modals in their Checkout Process?
Are the examples of major e-commerce companies using a Modal in their checkout process?
Thinking companies like: Amazon AliExpress, eBay, etsy, Flipkart, Groupon, Rakuten, TaoBao, Walmart, Wayfair, ...
- 151
2
votes
1
answer
161
views
Complex forms that have no confirmation on exit are everywhere. Why?
I'm working on a SaaS product for 4 years and am going through a phase of re-evaluating my old decisions. One of them is the following rule:
When the user is leaving a complex form, and at least one ...
- 106
0
votes
2
answers
2k
views
Better UX to avoid Multiple Dialog Box or Multiple Pop-ups
So, recently I have encounter a UX challenge. There was a screen I was designing where I need to show some options in a dialog box. When we were handing over the screens to the developers they raised ...
- 624
1
vote
0
answers
64
views
The best way to show one-time action on a modal? [closed]
I'm working on a feature where the user is going to attach warehouses to their company branches. The process has two steps (input general information and define the coverage area of said warehouse). ...
0
votes
1
answer
226
views
Material Design Best Practice: Should a dialog "Accept" button only get enabled upon changes to a mutable inner state
As far as UX goes, particularly when working within the material design specifications for a Windows app, if an accept/cancel dialog is presented to the user that is intended to mutate some "...
- 101
0
votes
2
answers
480
views
Placing the stepper in the same row with the modal title or below it
Our team currently lacks a designer and the developers along with the PO must handle some UI/UX decisions.
We are defining a process that involves a modal that includes a big form split into three ...
- 145
2
votes
2
answers
543
views
Edit mode + Side panel/Modal, how to deal with double validation?
I am currently struggling with an edit mode user scenario inside a web application.
Context
The web application will be used also on mobile, so we can't use “on hover” comportment.
99% of the time, ...
- 331
0
votes
1
answer
1k
views
Good idea to design go back button in modal
I need some directions, currently I have a list, if I click one of the items, one modal is shown with information about the item previously selected, and a list of its children, so if I click one of ...
3
votes
2
answers
222
views
Cancel Dialog Text - Is the wording here confusing?
I have a dialog that comes up when someone cancels creating a new piece of data.
They click cancel and the dialog says:
I’m worried this is confusing. What do you think?
Incase you can't see the ...
- 31
0
votes
2
answers
248
views
Should overlayed modal cover banner or shouldn't?
We have in our application some screens where we use modals. Recently I have spent some time arguing with my teammates should modal's overlay cover banners and other elements or some elements should ...
- 103
0
votes
1
answer
678
views
Using forms inside modals [duplicate]
I'm a developer so maybe this question is very basic. Is it a good practice to use forms inside modals with many inputs (more than 5 inputs including date-pickers, text inputs, textarea...)?. I am ...
- 1
1
vote
2
answers
1k
views
Should a Modal dialog be used for searching and displaying search results
I have found a site that has a search box in the top left of the website.. when I click the search box it pops up a modal dialog box where you can search and displays product search results
To me ...
- 617
1
vote
1
answer
471
views
Table (in the modal window) with actions which require another step
I have a modal window with a table of items. Items have different statuses and the user can change the status. For example, from Not shipped to Backordered.
The problem is when yo have the item ...
1
vote
2
answers
2k
views
Maximum modal size?
I am working on a problem where we need to show the users a preview of an image through a modal. We want them to have the maximum possible view within a modal and not create a separate page for that. ...
0
votes
1
answer
156
views
Modal dialog with form workflow
I have a discussion with colleagues about what is the correct dialog workflow.
My scenario is:
Open dialog
Enter and validate data (disable submit button if data is invalid).
Submit the form to API.
...
- 101
4
votes
2
answers
690
views
Is it a good idea to have forms in a dialog/modal lightbox?
I am working on a banking application ( banker will be the end user ) where the user is required to fill several forms across the application to add various customer details, and as per the framework ...
- 41
2
votes
2
answers
162
views
Delete value in a modal
I have a page that contains a section that has a button for the user to assign a contact. This button will bring up a modal that has a field where the user can input the contact's name.
Adding a ...
- 1,404
0
votes
2
answers
123
views
Two modals at the entrance to the site
We design a global website, and it is important for us to inform the user which website he is on so that he can pick the country that suits him. As in the example of Apple:
Although from a regulatory ...
- 1
3
votes
1
answer
99
views
Is it OK to break with a design system in certain cases?
I am designing a lengthy questionairre (36 questions). Per our design system, I am supposed to use a modal popup (because it will make production faster).
I think that I should break with the design ...
- 31
1
vote
0
answers
246
views
Why does handlebar not appear consistently in the native iOS UI design?
Handlebars usually appear at the top of Modal View:
But in other system-level views, there is no handlebar, even if they functionally act like a Modal View. (For instance, this screen, where you can ...
- 11
0
votes
1
answer
206
views
Best pattern to display info on modal + link for more info
I am struggling in finding a good pattern for this problem, or maybe I am just overthinking.
In a mobile app, my client wants to display important privacy information for kids, willing to 'disrupt' ...
- 216
0
votes
1
answer
402
views
Material Design | Dialoge from floating action button - how to do it? Is it even a good idea?
I'm designing a dark-mode-first desktop website for an online media organization.
One of the key characteristics of the organiation is its community, and how open, friendly, inviting and communical it ...
- 101
1
vote
1
answer
474
views
Should a popover include an arrow or not? [closed]
I'm trying to decide if popover panels should include an arrow pointing to the component that triggered it, or if this is an unnecessary element.
Others' Approach
Here are some of my research on this ...
- 65
1
vote
1
answer
433
views
Do you need a close button to dismiss iPhone sheets?
In iPhone, you can dismiss a sheet (popup) by swiping down on it. Is adding a close button (x on a corner) also necessary? Do you think iPhone users will know that that's how you dismiss it?
I have a ...
- 135
2
votes
1
answer
173
views
Mobile UX: Open full page overlay by clicking on a tab
I am creating a mobile UX in which the user presses on a tab in order to capture a 3D view of an object. Clicking on the tab opens an image capture overlay straightaway. The other 2 tabs as shown in ...
- 1,035
3
votes
2
answers
2k
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?
- 196
1
vote
3
answers
1k
views
What's the rationale for having the close button on the left instead of right?
I just came across this modal from Airbnb with a different close button position. It is normally on the right but I wonder what's the reasoning behind this.
1
vote
2
answers
135
views
What would be most efficient way to search through database tables and pick columns?
I am tasked with designing a modal screen where data scientists and business analysts should select different tables from database and then if necessary narrow down the selection by (optional) ...
- 23
1
vote
1
answer
123
views
Selecting non-working days/holidays in settings - what would be the best approach?
I'm trying to come up with quite a tiny feature. A user (admin, rather experienced with this software) should be able to pick multiple dates (usually it will be around 15-30) that will be later ...
- 11
1
vote
1
answer
1k
views
Dynamic or Fixed height for Modal window
Need your help to clarify one query related to the modal. My question is whether the modal height should be dynamic or fixed? Dynamic I refer to is that the modal height varies based on the amount of ...
- 11
1
vote
2
answers
2k
views
Is nesting modals considered a good practice and what are the alternatives?
Within an editor, I open a slide-up panel to manage some assets, but I would also need to add some additional assets. Which would bring me to adding a second layer on top of the first one.
Would it be ...
- 160
1
vote
3
answers
591
views
Is it advisable to use a dialogue modal to contain a complex form?
I have an application divided into list, edit and dashboard pages.
Each application entity has its own list and edit page.
Does it make sense to modify the application by going to the list page and ...
2
votes
2
answers
983
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 ...
- 141
0
votes
3
answers
4k
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 ...
- 1,404
3
votes
4
answers
6k
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 ...
- 31
7
votes
4
answers
1k
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)
- 87
2
votes
2
answers
724
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 ...
- 1,035