Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
16
votes
3answers
5k views

Stripe Checkout - Modal on desktop and new tab on mobile [closed]

Stripe Checkout claims to be fully optimized to drive payment conversions. Their solution for desktop involves a modal, so that the user doesn't have to leave the merchant's domain. On mobile ...
10
votes
5answers
9k views

Modal or new Page?

I have 7 products. The site has a lot of content(text) pages. At the bottom of each content page I want to list my products as thumbnails. Version A: Click on a thumbnail opens a modal with the ...
10
votes
3answers
3k views

Are modal dialogs WCAG compliant?

Are modal dialogs WCAG compliant? I understand that pop-ups of any kind do not meet WCAG requirements, and I assume this includes modal dialogs? For example, I am working with a Primefaces component,...
8
votes
5answers
1k views

Modal, Slide In or New Page?

I'm currently putting together a page that consists of a grid of offers (say 24). The data I want to display along with a pic means that each offer will take up approx 200-300px square - not ...
8
votes
3answers
661 views

Do good UX guidelines exist against little JS windows inside the browser

I encounter a lot of web applications that essentially implement a small windowing system inside the browser. On you web page there exist a number of little boxes that look like windows, which can be ...
7
votes
2answers
4k views

Substitute for a pop-up modal on mobile

A pop-up modal on my website shows information. In the mobile version of the page, what could be a good replacement for a pop-up window? I tried making the modal pop-up responsive, but the content ...
4
votes
2answers
109 views

What to display in a modal window when there is no content?

We have a modal window that should always have content when opened via a mouse click on a web page, however, it's possible that since it's delivered dynamically from a database, it may not be ...
4
votes
3answers
1k 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 ...
4
votes
2answers
460 views

Autosave option in a modal dialog with Save & Cancel buttons

Scenario - A modal dialog where a user can type in anything (basically, Notes) with Save & Cancel buttons present, and Auto Save implemented. Auto Save has a purpose - it will avoid the messy ...
3
votes
3answers
350 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 ...
3
votes
3answers
116 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 ...
3
votes
7answers
291 views

Best practice when creating new element in two dropdowns on the same form and in a modal

I am working on an app that has a side modal. When creating a new lead the side modal opens and you are facing a form that contains the elements in the image below. When you type inside the company ...
3
votes
1answer
202 views

Is modal expansion a user friendly pattern?

I have a problem whether to have everything in one modal, or have one after the other. Any help would be appreciated. Please pic the option that makes sense. Any other solution would be awesome too :)
3
votes
1answer
1k views

Accessible web modals: Show or hide the “X” (close icon) at the upper right?

How do I handle the "X" at the upper right corner of my web site modals in order to make the modal as accessible as possible for users with screen readers but also for keyboard users? As I see it, ...
3
votes
3answers
468 views

Modal upon modal best practices - Web App [duplicate]

The product I am working on at the moment is a standalone product but we are creating a web app to replace it. It currently opens modal windows on top of modal windows for the same function i.e ...
2
votes
4answers
217 views

Should I use modal or page if there are multiple of steps?

I was wondering whether to make it a modal or a page. So the process is this: Enter full name and birthdate Answer security questions Upload an ID After uploading an ID, there are 2 pages that ...
2
votes
3answers
484 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 ...
2
votes
1answer
2k views

Full screen modal vs normal modal?

What are the advantages of using full screen vs normal modal? I've seen sites like Airbnb & Slack use white full-screen overlay. How does it impact usability? Are there any advantages for using ...
2
votes
1answer
344 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....
2
votes
2answers
430 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 ...
2
votes
2answers
410 views

modal inside a modal (delete confirmation)

I have a View/Edit button which shows the details ofuser in a modal when clicked. In modal it has Save and delete buttons. When they click on delete button the user will be deleted. Before they delete,...
2
votes
2answers
397 views

What are best practices for deciding when to use native iOS UI elements or when to build custom ones?

I know some interactions and content are far too complicated to apply to a default iOS UI element - but when it comes to ones that could go either way, what are the best practices in making a decision?...
2
votes
1answer
209 views

Sidebar modal - pros & cons?

Do slide-out modals work well in your experience? Our requirements are to present deeper, specific content to users without taking them out of a flow, so linking to another page is not being ...
2
votes
1answer
459 views

Filters on mobile e-commerce

I’ve been asked to produce a research on mobile filters. We do have e-commerces that are adaptive. Any native app is going to be developed over the short term. I’ve done benchmarking and come up with ...
2
votes
1answer
92 views

Which one is the best for the user, button or icon for the “Close” in dialog/modal?

I'm designing a dialog/modal for my mobile app, which one will be the best practice for "close" on the dialog? 1."Close" button on the bottom left after the content 2."X" on the top right corner
2
votes
1answer
2k views

Fullscreen Modal Window Usability Issues [closed]

There is a new trend of fullscreen modals used in web applications. Please refer a sample in the below link (Click the green colored "See it in action" button): https://noreiller.github.io/bootstrap-...
2
votes
1answer
94 views

When should input fields be cleared in modals, if at all?

I have an invoice page with a button to make a payment. The payment button triggers a series of modals for collecting user payment info (credit card/check details, billing details, payment ...
2
votes
3answers
263 views

What are the benefits of using modals on desktop?

I see a lot of sites use modals for actions such as posting content (often on social sites). For example, Twitter and Tumblr both use modals, but Facebook does not. What is the benefit of using a ...
2
votes
1answer
323 views

Pros and Cons for using Modals? [closed]

What sound the pros and cons for using Modal? Whereas the webapp is responsive and will be displayed on mobiles.
1
vote
3answers
234 views

Avoid closing multiple tabs?

I'm working on a new approach to my modals that when a user opens multiple modals they merge with tabs for each one. This works great to switch between modals without having to close one or drag them ...
1
vote
2answers
88 views

Tiles with long description

We have several project tiles where the user can see long (500 char) description and take action (Like) on each tile. They're presented as grid view (as shown below) or list view (using full width ...
1
vote
3answers
174 views

Is a double modal pop up a concern?

What I mean is that say you select something on a webpage. It serves you a modal pop-up form to complete. On this form is a date-picker which would serve another full screen (on mobile) modal pop up. ...
1
vote
2answers
362 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 ...
1
vote
2answers
92 views

What is the logic behind restricting the size of an element if there is enough empty place?

This is screen-shot of a Freshdesk's custom app. The app is located in an iframe. Though there is a lot of free space both horizontally and vertically, the iframe has a maximum height of 700px and ...
1
vote
1answer
174 views

How to design a flat design wizard?

We are migrating our modal based wizards to be "flat" and included in the main navigation system. They should be accessible via a navigation bar. How do we place the different buttons and explain the ...
1
vote
1answer
100 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 ...
1
vote
1answer
259 views

Modal - verticals, and horizontal scrolls

I have a modal in which I have to include 13 columns in a 12-grid column. That would involve a vertical scroll, and a horizontal one. Should i go with pagination so I can do with one of the scrolls?
1
vote
1answer
51 views

Need help with showing information in a limited space

Well, it is my first time seeking help for user experience design, so pardon me as I am not accustomed to the proper rules. I have an information card which shows a thumbnail for a video and below it,...
1
vote
1answer
41 views

Is it bad UX for a form to be presented in different formats (either in a modal or separate page), depending on context?

I'm designing an internal tool in which a user, at certain points, will need to fill out a fairly detailed form in order to add a piece of content to our user-facing platform. However, the challenge ...
1
vote
1answer
167 views

using modals for inputting data into a table

I have an interface and the central part is a data table of objects with various attributes. Above the table are various functions that allow the user to perform functions such as editing something ...
1
vote
1answer
314 views

Does an informational modal with “X” (close) also need “back”?

I'm creating a modal overlay for a mobile device, the modal is purely informational about a product not being found on a list. The modal has an 'X' close button, is there a need to have a more primary ...
1
vote
2answers
145 views

Keeping users in context with modal window or shifting user to another page

I'm working on a UI that consists of a list of items that I have received. From this list I can click on the 'pick list' which is an enhanced cart/wishlist in this application. I currently have it ...
1
vote
1answer
891 views

Error message- display in a Modal vs display in the form

Generally, in a forms, when some field is invalid, the error message shows next to the field. However I am not sure where/how to display errors that are not directly related to the fields. We have a ...
1
vote
1answer
44 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
2answers
81 views

Is it best practice to place an editable data table in a modal/popup?

I am curious if this is already established as best practice but so far I haven't seen any standards on this. Let me know your thoughts. Scenario is: We are trying to go with either V1 or V2 inside ...
1
vote
1answer
345 views

Slide out panel or new page

I'm in the middle of redesigning a section of our app which lists files + folders, and I'm not sure which approach would be best from a UX point of view. The current system has a show action for each ...
1
vote
0answers
62 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 ...
1
vote
0answers
104 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 ...
1
vote
1answer
151 views

Modal content UX

I have a situation where I need to display a table with multiple rows of data. Row count can be from 1 to 99. Is a scrollable modal the correct UX, or should I display this info on its own page?
1
vote
2answers
159 views

Modals on payment processes

I am working on app that has payment process. I'm thinking of two options, since it will be mobile: The user taps on a 'Buy' button, and a modal pops up with a payment form. ( /offers/:id ) After ...