49
votes
Is the ability to finish a wizard early a good idea?
The concept is fine, but "Finish" is ambiguous as a label. It's better to more specific about what will happen if you press the button, for example "Save and exit".
- 1,860
40
votes
Accepted
Is the ability to finish a wizard early a good idea?
In my opinion it would be better to distinguish between creating and editing the business object.
For creation a wizard is fine. Besides the next button it could also have a finish button if the ...
- 535
21
votes
Accepted
UX alternative to Modal Windows on a mobile device
Showing a full page modal window on mobile devices means users may confusedly think they’ve been taken to a new page.
Modal windows are typically boxes which contain information relevant to the ...
- 16.2k
19
votes
Is the ability to finish a wizard early a good idea?
Keep the Finish button
There is nothing wrong with the Finish button because it provides an exit shortcut for users who want to save and finish the process early. Otherwise, users who want to edit ...
- 11.5k
16
votes
Should video lightbox "remember" the last video position?
If you're going to make the choice for the user, I'd suggest using "Resume" since it's much easier for the user to revert back to the start than it is for them to find their place in the video.
An ...
- 1,860
16
votes
Is using a hyperlink to close a modal a poor design decision?
It sounds as if you are seeking a formulaic answer about a specific button pattern fit for an exclusive purpose and feel that this goal is not being met.
Straight off the bat, there is no such ...
- 989
14
votes
UX alternative to Modal Windows on a mobile device
Something I have gone with in the past is to takeover the whole screen for modals. We built a responsive modal so that on desktop you see the modal in a more traditional overlay, but on smaller ...
JonW♦
- 37.5k
13
votes
Accepted
Are modal dialogs WCAG compliant?
There is a section of WCAG 2.0 dedicated to this. 2.1 Keyboard Accessible.
https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html
Specifically:
2.1.1 Keyboard: All functionality of ...
- 8,949
11
votes
What is the transluscent background of a modal dialog called?
It is refereed to as "modal backdrop"
in Bootstrap documentation at Modal / Options
- 2,014
9
votes
Is the ability to finish a wizard early a good idea?
It is definitely a good idea.
I have used this approach - at a particular point in our wizard, the wizard has captured the important stuff it needed, so we allowed our users to finish the wizard ...
- 8,949
9
votes
Accepted
How can I avoid triple confirmation modals
Instead of Yes/No answers for the second confirmation modal, provide response options that summarize what will happen for each possible response. For example, in the case of file deletion, use buttons ...
- 795
9
votes
Why does Airbnb put the close button for a dialog on the top left corner?
Airbnb is a US-based company.
Most of its revenue generated in the US itself.
Statistics shows that ios is the topmost OS used in the US where the close button is located at the top left.
By placing ...
- 476
8
votes
Plus & Minus button position for selecting number of passengers?
In this context, the '+' on the right is more natural, because of the direction we write. However, if the '-' and '+' were presented vertically, intuition would have the '+' on top, contrary to ...
- 266
8
votes
Remember dialog sizes or not?
Not a guideline, but the result of long experience.
You should remember the size setting, but not the location.
If you need to resize the dialog to see something, you will need to resize it again when ...
- 151
7
votes
Fullscreen modal vs. conventional modal?
I just went through this same process last week, first starting with full screen modal and then retracting it back to a "standard" modal.
TL;DR users will hit the back button in the browser.
This ...
- 235
7
votes
Alternative to Radio buttons
What about a drop-down a.k.a combobox?
download bmml source – Wireframes created with Balsamiq Mockups
There can be as many options as you like (it is dynamically sized), if the options don't ...
- 3,135
7
votes
Accepted
Is using a hyperlink to close a modal a poor design decision?
The reason a textual link is used instead of a button is to make it somewhat difficult for the user to delete or cancel unintentionally. The primary button in any form would be the Submit button. To ...
- 3,286
7
votes
Why is a cancel "X" icon required if there is already a "Cancel" option in a modal?
The X button to close a dialog is probably about the most consistent thing users will see across all dialogs, windows, popups, overlays, etc. It's synonymous with the 'get me out of here' sentiment. I ...
- 71.2k
6
votes
What is the transluscent background of a modal dialog called?
This is called a lightbox effect. It can also be referred to as 'out of focus,' as in, the modal is now in focus and the window behind it is disabled.
https://uxplanet.org/best-practices-for-modals-...
- 608
6
votes
Alternative to Radio buttons
To address your specific concern:
Since there is no confirmation it feels odd…. Radio buttons are usually used when you can change your selection before confirming.
The solution is to use command ...
- 38.1k
6
votes
Accepted
Best practices: Position of cancel button in modals
Besides visually grouping together for users to see available actions in proximity, space in the button bar can be reserved to separate destructive actions, or indicate status.
Besides the more common ...
- 25k
5
votes
Inline editing or modal popup
If you are dealing with an enterprise app with transactional data that many people can modify at once then I would go for modal and have a submit button even if in-line seems more natural for those ...
5
votes
Is the ability to finish a wizard early a good idea?
The primary benefit to a wizard, rather than displaying all the input fields at once, or in categorized tabs, or some other UI element, is that it organizes steps that must be taken in a specific ...
- 1,954
5
votes
Accepted
Success Toast VS Modal
Success Toast or Modal?
Modal window will require close action while the toast won't. In other words, the interaction cost will be lower for toasts. They will just show up inform the user and ...
- 11.5k
5
votes
Accepted
Heading levels in an accessible modal window
h1 can be used more than once in a page. An h1 is there to indicate that the element is a primary title for a specific content. eg: If you have a group of cards with a title, an preview image and a ...
- 391
5
votes
Accepted
Is it okay to have a modal window with a button that redirects to another page?
Yes, that's extremely common. In most cases, the modal would have the equivalent of OK and Cancel buttons (albeit with different labels) with the OK leading to a new page and the Cancel closing the ...
- 14.5k
5
votes
Accepted
Placement of a modal
The position of the modal is also going to depend on the exact purpose/goal of the modal.
The slide-in modal (or more like a sneak-in panel), would allow the user to go on fulfilling his/her primary ...
- 508
5
votes
Alternatives to modal dialog for simple forms
Position Absolute Might Help You
Here is something I did recently. I had a page where there were bunch of options:
(this is a screenshot of a particular area on the page and not the whole page)
...
- 508
5
votes
Accepted
Modal close button style
For Modals, the common practice is B for web apps. For mobile apps a larger button as seen in A is often used for ease of touch/tap interactions. However in that case, you're more likely to see the ...
- 655
5
votes
How can I avoid triple confirmation modals
One practice that I have seen to ensure that the dangerous action is requested, but not clicked by accident, is to ask to enter the name of the action, the name of an item, or the user password to an ...
Only top scored, non community-wiki answers of a minimum length are eligible