Questions tagged [overlay]
An overlay sits over the top of the primary UI, preventing user interactions on elements other than available actions within the overlay itself in order to keep users concentrating on that particular event.
35 questions
0
votes
1
answer
184
views
Close modal on overlay click: to do or not to do?
I have many modal components in my screen. Usually they'll have an X button, a "cancel" button, and the option to hit ESC, all of that to close the modal. In all cases, I can ask if the user ...
2
votes
1
answer
165
views
How should I round a countdown?
I have an overlay for a livestream on which I want to display a countdown until some specified time, but without precision. Because the time doesn't correlate exactly with what is being counted down ...
- 121
0
votes
2
answers
275
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 ...
- 146
2
votes
1
answer
162
views
Multiple screens vs single screen
I am designing an online assessment tool where candidates need to be authenticated before they start taking the assessment. The flow is like:
Start assessment -> proctoring guidelines, system check,...
3
votes
1
answer
101
views
List with few elements sizing
I'm having an issue with displaying a list in an overlay when there are a few elements on it. The business owner prefers to have the list shrink as the content is less. Here is my example :
First ...
- 4,618
2
votes
1
answer
239
views
Mobile UX: Open full page overlay by clicking on a tab
I am creating a mobile UX in which the user presses on a tab in order to capture a 3D view of an object. Clicking on the tab opens an image capture overlay straightaway. The other 2 tabs as shown in ...
- 1,055
0
votes
1
answer
143
views
How much of a screen to overlay for popups?
I'm currently designing a dashboard (with a left navigation menu).
When users are performing a task for example, to subscribe to a certain provider, there will be a pop-up modal to let them know what'...
0
votes
3
answers
2k
views
Multi Select Drop down, overlay with CTA buttons
Have a multi-select dropdown - which on expand is overlaying the CTA buttons on the form. I have to click elsewhere for the dropdown to close, (since it a multi-select dropdown the general behavior of ...
- 1
0
votes
0
answers
307
views
Mobile Screen Highlight/Tooltip Overlay - Feedback Loop
Context
I'm working on a mobile app that provides real-time feedback on accessibility issues of other applications (not built or controlled by me) on the device, similar to Axe or Google's ...
- 101
0
votes
1
answer
132
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,342
6
votes
1
answer
10k
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,541
0
votes
2
answers
155
views
More text for transparency vs. cleaner design
Topic:
Make user sign up for newsletter in an online fashion shop.
Problem:
I want to be as transparent as possible with the users and not give them the feeling that this is just to grab their data.
...
- 6,877
0
votes
1
answer
394
views
How to best do contextual help in Web forms for Touch devices?
I've got a Web form that contains contextual help where necessary. There is a small 'help'-icon next to some fields and if an user hovers it with his cursor, a little tooltip fades in.
These ...
- 71
12
votes
3
answers
2k
views
Why websites usually block the navigation interaction when under a full screen overlay?
I'm working on a research project of web navigation. During research, I found that when there is a full screen overlay, websites tend to block the interaction of the navigation bar. Like web Twitter, ...
- 121
11
votes
4
answers
10k
views
What is the best position for clear filter button in a filter list
Here I have an example screen for filters in an overlay where clear filter button (which appears only when any of the filters is checked) is below the list of filters. Is it ok to place it here or ...
- 868