Questions tagged [modal]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1
vote
1answer
47 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
36 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
40 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
74 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 ...
0
votes
2answers
118 views

Best place to show a confirmation modal in a purchase flow

So, I'm working on an insurance ecommerce and would like to get input on where to show a confirmation modal. Let's say I am in the summary page, and there's a "Change Plan" button to choose another ...
3
votes
3answers
108 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
3answers
137 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. ...
2
votes
1answer
163 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 ...
1
vote
2answers
231 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
1answer
228 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
60 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 ...
0
votes
0answers
25 views

Material Design - Should BottomSheetDialogFragment contain text field input?

Should the BottomSheetDialogFragment contain any text-input fields directly or should that be reserved for centered modals?
0
votes
2answers
74 views

What is the best terminology to use on a modal's buttons when a user is about to leave said page?

I hope this question is not too banal. I would like to use the best terminology for a modal's buttons. Context: I'm building a feature for an administrative tool. The feature is on a customer ...
-2
votes
2answers
89 views

Preview of an widget setting in a modal

I got this problem with setting up the modal for a widget preview. Lets say I want to edit a widget and Im opening modal with the widget settings. The problem is, the preview makes the whole modal ...
2
votes
4answers
193 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 ...
3
votes
7answers
287 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 ...
2
votes
2answers
358 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 ...
0
votes
5answers
641 views

How to design a multi-step form in a modal?

I have designed a widget for a Web mapping aplication that takes a .csv containing coordinates as input and has 2 output options : Business logic : Both output options require a .csv to be loaded ...
1
vote
0answers
92 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
2answers
88 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 ...
0
votes
1answer
45 views

Primary and secondary action on a give up modal

I have to put a give up modal when the user clicks the button to quit the form because I have a large form and the user can click on the give up button unintentionally. What is my primary action and ...
1
vote
1answer
151 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 ...
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 ...
0
votes
1answer
48 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
95 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
309 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
2answers
381 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,...
3
votes
1answer
194 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
240 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
125 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
2answers
293 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 ...
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 ...
0
votes
2answers
175 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
335 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
149 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?
2
votes
1answer
443 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
465 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
153 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
171 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
231 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
83 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
162 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
89 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?
2
votes
1answer
89 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
299 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 ...
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, ...
9
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,...
1
vote
2answers
142 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-...