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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

The tag has no usage guidance.

3
votes
2answers
119 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
1answer
38 views

On modal window, Is it necessary to put the word “VIEW” ITEM in the title of the modal after clicking a VIEW ITEM button or in a dropdown?

Example below is viewing a quote: A - View quote as the title (quote number as part of the content) B - Quote number as title and removed it from the content
1
vote
1answer
38 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
217 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 ...
0
votes
0answers
47 views

Modal or In Grid for secondary action.

I'm working on a desktop application that deals with data tables containing a lot of information (20+ columns). On one particular page, the user needs to Accept or Reject rows of data. The user can ...
1
vote
2answers
97 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,...
1
vote
1answer
113 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 :)
1
vote
1answer
95 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?
0
votes
2answers
52 views

Modal to prepare users for changes in payment system

I'm wondering if you could help me to gather some ideas. Basically, one of our products overseas has to make fundamental changes to its credit card deposit system due to a variety of problems incl. a ...
0
votes
0answers
96 views

iOS - Variable item list in a modal - is scrolling a list (not picker) bad UX?

Question: Is allowing an iOS list to scroll within a modal bad UX? Background: I have a modal that contains a list of categories that the user can add to. For Android this is a radio button list that ...
0
votes
2answers
121 views

How to display a checkbox modal

I'm updating a legacy(12 y/o) system and one of the requirements is a cta that opens a model which lets the user make multiple selections, aswell as, typing an input that then gets added to a summary ...
1
vote
1answer
264 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 ...
0
votes
2answers
127 views

What are these 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 ...
2
votes
1answer
84 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....
1
vote
1answer
120 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
1answer
262 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
3answers
237 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
114 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 ...
0
votes
3answers
107 views

Should clicking outside of an alert confirm acceptance?

I have a several alerts which are effectively modals. When the User clicks OK, they are accepting a specific action. For example, in the screenshot below, the User accepts that pressing the back ...
0
votes
1answer
199 views

Modal or New page for “Configuration area”

I'm sketcking a new tool. I have a litle problem. All tool is in the same view, like a Dashboard. Now, I have to prepare the "Configure area". I have been searching examples about this (Modal or New ...
1
vote
2answers
66 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
1answer
111 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 ...
0
votes
2answers
88 views

Should I Let User Know Why I Need The Data

I need user's user name, but not his password. Should I tell him why I use it I will not want their password, and if yes, should it be a modal or popover?
3
votes
1answer
80 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
1
vote
1answer
200 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
1answer
399 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, ...
6
votes
5answers
3k 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 ...
8
votes
3answers
2k 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,...
1
vote
2answers
111 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 ...
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-...
3
votes
3answers
363 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 ...
1
vote
1answer
591 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
2answers
112 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 ...
0
votes
2answers
546 views

On modal open - blurred background vs. dark background

Are there any difference (advantages / disadvantages) between a darkened background and a blurred background when a modal popup is open? Thanks everyone.
0
votes
2answers
4k views

Bootstrap:Multiple page navigation within a modal

I am working on a sprint management tool.The scrum master gets to select from a list of bugs available to him. Once he selects and hits 'Add bugs' - he needs to provide the justification individually ...
4
votes
2answers
310 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 ...
4
votes
2answers
97 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 ...
8
votes
5answers
941 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 ...
0
votes
2answers
121 views

While editing fields in a modal, does it really need to have the Save or Update button appear already?

I am not sure if i need to let user see it already eventhough he has not change in the fields. Why on some modal or forms, they already appear? whats the reason behind it? What to save when user has ...
0
votes
2answers
59 views

In adding an item using modal, if user has inputted that is not required, what's the best confirmation if user clicked outside the modal or press ESC?

In adding an item, if user has inputted either required or not required, what's the best confirmation if user clicked outside the modal or press ESC? Some scenarios could be a user accidentally press ...
1
vote
2answers
583 views

Display portfolio details on overlay (modal-like) or in a new window?

I'm building my portfolio page where I have some thumbnails that, when clicked, show the respective study cases. My idea is to open them on a fullscreen overlay on the same page (like those that shows ...
2
votes
2answers
295 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
82 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
164 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 ...
13
votes
3answers
4k 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 ...
0
votes
5answers
934 views

Is confirming an action using a second click on the same button a good idea?

I'm working on my first (mildly) significant web app, which comprises multiple pages and a modal dialog for entering/editing/deleting information. One view displays a tabular list of objects and ...
2
votes
1answer
229 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.
7
votes
2answers
3k views

Substitute for modal popup in a mobile site

In a website i have informations being shown in a modal popup. In the mobile version of the same ( suppose it is a responsive site ) , what can be a good replacement for popup window? I tried making ...
1
vote
3answers
176 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 ...