Questions tagged [modal]
A shorthand way of saying "modal window": a panel that appears over and disables the main content, requiring user interaction with it.
136 questions
0
votes
1
answer
64
views
What should be the height of a modal that has a form that discloses progressively?
In the enterprise application that I am designing for, I have a modal that contains an input form. This form has two checkboxes. On selecting each of these text boxes, new fields show up in the form. (...
CommunityBot
- 1
1
vote
1
answer
48
views
How to add a way to navigate to a main page
I have a dashboard and my goal is to add a way for users to interact with a chatbot from the dashboard to ask questions about their data. There are two ways to launch chatbot, one that keeps you on ...
CommunityBot
- 1
2
votes
2
answers
243
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'...
CommunityBot
- 1
1
vote
1
answer
240
views
on-demand scrolling modal?
On our desktop site, our response for many places where table, or cards, is used to display data, is to have a button that spawns a modal for adding a record to the table/cards. The models for these ...
CommunityBot
- 1
0
votes
2
answers
43
views
Is this confirmation modal too intrusive for deleting custom fields?
I have a form where the user can add custom fields to products. If a folder requires a custom field, and the product is in that folder, then deleting that custom field will trigger a confirmation ...
CommunityBot
- 1
0
votes
1
answer
51
views
How to structure rich-content form in modal view
What is the best approach to organize/structure modal forms?
I used to have this form in single page but the user want it in modal view. the issue here is that we might have more features in the ...
- 20.4k
1
vote
1
answer
617
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 ...
CommunityBot
- 1
1
vote
1
answer
76
views
On modal open - blurred background or dark background
Does it affect the user experience if the background is black, white or blur when the modal is opened?
For example, if the background of the project creation modal is blurry, will the user think that ...
CommunityBot
- 1
5
votes
3
answers
2k
views
Should closing the dialog clear its fields?
I identified as the most preferrable strategy for user not to lose their data implementation of confirmation/discard dialog when exiting original one.
I expect a few more form dialogs to emerge in ...
CommunityBot
- 1
0
votes
0
answers
23
views
Cross or left arrow in wizard started in a details screen
Dashboard -> list of devices -> device details -> start installation action
Dashboard -> list of devices -> create device system action -> success ui state -> start installation ...
- 101
1
vote
2
answers
94
views
Should there be close confirmation popup on top of another popup?
I have a popup which automatically shows up after a page. This popup is a utility which asks the users if they wish to pre populate a new form by copying responses from one of their previous forms. ...
CommunityBot
- 1
1
vote
3
answers
319
views
How to present six or more options in a card / modal on mobile screen (to abort an order)
I am working on an app which is used by workers to complete an order within a fixed/ closed process. Since the process is closed until the order is finished, workers need the option to abort in case ...
CommunityBot
- 1
1
vote
3
answers
471
views
Is it okay to display list of members/users in a modal?
I'm currently designing an interface similar to Slack/Discord.
Is it possible to display the list of members in a modal? I've already checked multiple platforms (Discord, Slack, Quora, FB) but they ...
CommunityBot
- 1
0
votes
1
answer
162
views
Is it a good idea to add a booking flow inside of a bottom sheet modal
I decided to include a booking flow inside of a bottom sheet modal so that the user doesn't need to leave the practitioner's profile to book an appointment with them. Is this okay?
CommunityBot
- 1
1
vote
1
answer
69
views
Using fullscreen to view elements without slowing navigation
First question on this stack exchange.
I'm designing a web portal for managing computers in a company. Note: This is only made to be used on desktop at the moment.
I am having a hard time finding a ...
CommunityBot
- 1
0
votes
2
answers
152
views
Good UX in modal after submitting
I'm not a UX, just a UI developer and I want to have good UX in our modals. What we need to do for it? User confirms the information by clicking on the submit button in the popup. We send the ...
- 144
0
votes
1
answer
166
views
Getting user input in a modal vs offcanvas
I need to show a form for user input, and can choose between a modal or offcanvas. (Those links are Bootstrap 5 examples, but the same would apply to any UI toolkit.)
Once there was no offcanvas, just ...
- 20.4k
1
vote
2
answers
250
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, ...
- 1,024
0
votes
2
answers
425
views
How best to design a cookie banner for acceptance?
We have taken legal advice and we must now show three buttons on our cookie popup with 'equal' weight and color.
We do not want to mislead anyone with dark patterns, but I do want to make sure that ...
0
votes
1
answer
102
views
Reduce white space and intuitive interaction
The following is a modal where you select information and click download to download a file.
This is on a webpage.
Works fine. But design wise, finding too much white space created due to the height ...
- 20.4k
0
votes
1
answer
193
views
Action buttons for modal in view and edit mode
I have a modal that displays the details of an user or product (view mode). You can click the edit button to show the form (edit mode).
Pressing Cancel will bring you back to View mode. And clicking ...
- 36
1
vote
2
answers
515
views
Dropdown vs Modal for table header filtering
I am trying to filter data in tables by converting each header into a split button. Left part of the button will sort the data on click while the right part opens a dropdown at the moment. It looks ...
- 3,631
1
vote
0
answers
55
views
Best way to invite collaborators in a modal?
Background
We have a modal (with overlay) that displays a full list of collaborators in a folder (desktop app). It's possible to change permission or remove a collaborator, and search to streamline ...
- 11
2
votes
1
answer
230
views
Good alternative for popups that show events?
I'm in a team that builds website templates for a wide variety of informative sites. We've had a lot of users asking for popups on the homepage and we've been saying no because it's a bad design ...
- 89
2
votes
1
answer
116
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 ...
- 176
1
vote
3
answers
694
views
Disable cancel button in dialog during of performing action
I have a closable modal dialog with primary action "Add". Dialog can be closed without applying of changes by clicking on "Cancel" button, or by clicking on icon "close", ...
- 38.3k
0
votes
3
answers
550
views
Multiple Primary Action with two primary button
I'm designing a modal, but I have the problem with 2 primary buttons here. can in 1 modal have 2 primary buttons? Because in this case, the user is required to upload the document so that it can be ...
- 1,812
0
votes
2
answers
190
views
Best practices for consecutive intrusive overlay (Modal)
qq for best practices...
My product has to show the user some regulations about an specific product and ask them to agree with terms (Law terms and regulations), therefore it must be an intrusive ...
1
vote
1
answer
149
views
Landing page explianer video embedded vs modal
We are looking at putting an explainer video on our home/landing page above the fold next to our main CTA's to sign up or request a call.
I've seen two main ways to do this:
Embedded - the video is ...
CommunityBot
- 1
1
vote
2
answers
1k
views
Why does NNG recommend skeleton screens for full page but not for individual components
I need to decide between using a skeleton screen or a loading animation for the contents of a modal.
The modal itself contains an image, title, paragraph, couple of CTAs and a carousel at the bottom ...
- 3,327
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. ...
- 4,521
0
votes
2
answers
327
views
Any ideas for a half success, half error modal?
I am working on a forecasting tool where a user enters their current week's data and our tool outputs a forecast for the following week's data.
The user can have various sets of data. When our tool ...
- 38.3k
0
votes
2
answers
210
views
Dropdown in navigation or modal for log in/register?
We've noticed on our website that there's no 'quick access' to users accounts, or to know if they are logged in or not. So I've designed:
A dropdown from the my account header in the navigation with ...
- 634
0
votes
2
answers
203
views
Hover up modal over another hover up modal in mobile UI
Is it better to use a hover up modal over another hover up modal on mobile UI? In the current situation I want to open an information page when the user taps on a certain card, and that information ...
JonW♦
- 37.6k
0
votes
2
answers
972
views
What is this mobile bottom sheet UI element called?
I want to communicate the implementation of this kind of bottom sheet to developers, specifically how it's a tall bottom sheet, but you can still see the background minimized underneath. What is this ...
CommunityBot
- 1
0
votes
2
answers
374
views
What are these tooltips-like objects called in UX design?
I have been tasked with creating an information (e.i. helpful tip) scrolling bar for a mobile application.
I am not very satisfied with my choices of color. So I am trying to look for outside ...
- 145
2
votes
2
answers
1k
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....
4
votes
2
answers
6k
views
Is it necessary to have a close icon and close button on a modal?
I went through the search here and found a similar question from 10 years ago about Windows modals. This is just a regular agnostic modal. Is there a best practice with this case?
- 131
0
votes
1
answer
73
views
I ask for your help in this crazy modal/dialog flow
CONTEXT
We are sending companies to the clients from a draft list.
The draft list can be viewed and reviewed by clients, who have to decide if they like or not these companies
When clients like a ...
- 12.9k
15
votes
5
answers
5k
views
Laymen's description of "modals" to clients
Our company runs about 1,000 websites for various clients, and we just implemented a feature that will allow them to create their own modals in a "back end" that we've created for them. ...
- 27.7k
0
votes
2
answers
349
views
What tag should you use for the title of a "fixed" dialog? (cookie consent banner, subscribe to notifications, etc.)
For "fixed" dialogs displayed over the page, like a "cookie consent banner" or "subscribe to notifications", what is the recommended tag for the title (e.g. "Your ...
- 89
1
vote
4
answers
897
views
Modal with horizontal tabs, each tab has different content size
I have a modal, which has horizontal tabs at the top of it.
Below the tabs is the tab content.
Each content has different height.
Without properly handling it - the modal size will have to change, ...
CommunityBot
- 1
0
votes
1
answer
584
views
What justifies a full page modal navigation?
What arguments support having a full page modal acting as a hub that takes you to different actions / pages that are linked together?
For instance imagine an app where you manage recipes, you would ...
- 12.9k
1
vote
2
answers
374
views
Label to dismiss a dialog box?
I have a dialog box that is asking a user to confirm the cancellation of a task.
Since the main CTA already says, "Yes, cancel this task", it might be confusing for the action to exit the ...
- 12.1k
21
votes
7
answers
8k
views
Intuitive dialog for choosing whether to close and lose changes or keep editing
It's a pretty simple use case.
I have a modal with an editable form. If the user enters something into the form and then tries to cancel, we want to warn them they have unsaved changes, which they'll ...
- 5,403
1
vote
1
answer
334
views
Can I use both toggle switch and checkbox in one modal?
First of all, I am not a native speaker, I ask for your understanding even if the writing is weird. I'll explain it in as much detail as possible. If you need further explanation, please leave a ...
- 20.4k
2
votes
2
answers
587
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
2
answers
86
views
Close/Cancel function: Use Secondary or Warning type button?
Some software systems use the secondary button for cancel/close functions, and others use the warning button (usually red). Which is more correct?
- 20.4k
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,445
2
votes
2
answers
1k
views
Modal or new Page for product description?
I have a question it's kind of research and I have researched a few before posting but I want direct pros and cons for my concerns thus I am posting this question here.
I have a page which has a sort ...
- 1