177
votes
No one is clicking my slide box popup - Can it be improved?
Pop-up windows are a pestilence on the web. Users are fed up with them.
People visited your web site because they wanted to view information about some product. But as soon as they started scrolling ...
176
votes
Why are animations out often neglected, even from Google?
Animation is used to draw focus to objects. It makes less sense to draw focus to an object the user is no longer pointing to (and thus, is no longer interested in focusing on), than to draw focus to ...
144
votes
Accepted
Are you sure you want to answer this question?
Yes. There is a very simple, effective heuristic that adjusts to the preference of each user.
Place a check box in the warning message dialog that says:
Don't show this message again
Which can ...
129
votes
Accepted
Is the message "Data cannot be recovered." when reformatting misleading to users?
"Recovered" is a poor choice of words here. All that app is trying to do is warn people that the action is not reversible and they can't simply hit cancel or undo and all their files will be returned. ...
128
votes
Accepted
How to show a "Yes" for a negative occurrence and "No" for a positive occurrence
Your objective is to draw your client's attention towards not doing business with PEP, therefore you could highlight just that and avoid the opposite sounding PEP: Yes/No combination. Leaving the non-...
80
votes
Accepted
How to avoid the "local elevator" problem?
Replace the panel A with buttons “to rooftop” and “to garage” instead of “up” and “down”. Now elevator 1 is reserved for special floors and most people use elevators 2-4.
75
votes
Accepted
Button changing its text & action. Good or terrible?
You can change the button to reflect the only available action, but separate the display of state.
You've replaced the button label with the only available action: reverting (unregistering).
Where it ...
69
votes
Accepted
Facial recognition - Given the context, should the user be made aware of the process?
Based on Nielsen's 10 heuristics of interface design:
Visibility: Show system status, tell what's happening.
Following these guidelines you should show the status of interface and visualize that ...
68
votes
How to avoid the "local elevator" problem?
On further thought, another solution could be to implement a singular, digital wall panel where users can indicate to which specific floor they are intending to go, much like the ones found in many ...
66
votes
Accepted
What is a button supposed to look like?
Your question revolves around signifiers for a button's design (i.e. hints that communicate what an element can do/how to interact with it).
I assume your primary concern with buttons is that many of ...
62
votes
Are you sure you want to answer this question?
These are Confirmation messages - Windows have a fairly detailed page on their guidelines. The whole of that page is pretty useful but here's some excerpts (emphasis mine):
Confirmations are most ...
59
votes
Accepted
Is it good practice to allow users to navigate simply by hovering on a menu item without clicking?
This seems full of usability issues, as well as possibly performance issues loading interim unnecessary pages (e.g., user moves mouse across tabs to access one several over). To start, if there's user ...
58
votes
What is better: to have a modal open instantly and then load its contents, or to load its contents and then open it?
The first option... but with more feedback.
You should have the modal appear immediately. This is important so that the user knows that their action has been successful (i.e. you don't want them to ...
53
votes
Accepted
Customers using the New Order option when they should use Reorder
Speak like your customers
It's helpful to be more conversational — especially with older customers who tend to miss implied meaning in an interface. They aren't typically put off by a little ...
52
votes
Multiple options vs single option UI
You don't need to make different appearances for these components.
Your case is similar to well-known toggles in a toolbar of text processors like Word.
These font settings toggles act like ...
52
votes
Accepted
Is it wrong to cover a form with the "Saving..." notification?
Option 2 leaves the modified content in place and visible. It means that your users don't have to recall the data they just submitted / modified.
Inline notification (Option 2):
Does not make the ...
47
votes
Accepted
How should I indicate that the user correctly chose the incorrect option?
If the word is in the wrong place, the logical situation when the user answers right, is the word leaving its position
If the choice is correct, the color should not be red
If the choice is wrong, the ...
46
votes
Which way should arrows point for a dropdown button?
I would consider two things here:
Visual connection to action
Common standard implementation
To the first point - visual connection: If you see an arrow that points up, you expect something to ...
45
votes
Accepted
Toggle states display
Material Design Shows the Locked State by a greyed-out version like this:
But the problem here is the accessibility. Users with vision-related disabilities won't be able to differentiate these two.
...
45
votes
Accepted
QR vs Barcode vs Custom Code
You can add quite a bit of visualization to your QR codes, see for example https://github.com/x-hw/amazing-qr
Some examples of that page:
If the QR code will be shown on a screen you can even use an ...
45
votes
What is the reason for moving the start button to the middle in Windows 11?
The interview in the Wall Street Journal gives the answer from the Diego Baca, Microsoft's principal design director. When asked about a placement of the Start button he said:
I do remember we wanted ...
42
votes
Which way should arrows point for a dropdown button?
A button should show what will happen when it is next clicked - not point to something else.
When the button above a closed menu is clicked, the content will drop down - so the should point down (to ...
39
votes
Accepted
Another way to show a sub-row in a table?
For these types of tables, it's usually helpful for the user to allow folding. That also helps distinguish the parent/child relationship.
39
votes
No one is clicking my slide box popup - Can it be improved?
As other have said, most visitors have developed a banner blindness and will either ignore or close your pop-up without reading its content. Improving the content of the banner will have minimal ...
37
votes
Why are animations out often neglected, even from Google?
I don't think it's a design decision; I think they're neglected because, at least in web development, they're kind of annoying to implement and don't contribute enough to the UX to make them worth the ...
36
votes
Accepted
Display an overdue task on task list
Maybe you should think about the sorting first.
Overdue tasks shown first
If items overdue are fairly detrimental, those should potentially be grouped first on the top of the listing, maybe apply a ...
35
votes
Accepted
How to make irregularly shaped objects / elements look clickable?
You should NOT rely on hover states.
Even if you’re not developing a responsive website, now that we have touch devices, the days of relying on hover states to imply "interactability" are gone. I ...
34
votes
Accepted
How to make horizontal scroll obvious?
I think that the idea of an item partially visible (sol 1) is nowadays something acquired (it comes from windows metro UI, back in 2010!).
In my opinion to make it look less bugged you should try to ...
34
votes
Intuitive dialog for choosing whether to close and lose changes or keep editing
All the information in the other answer about colors, contrast, etc. is valid from a general design perspective. But words matter a lot. In particular, users may get very confused about "this ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
interaction-design × 1823usability × 423
gui-design × 281
website-design × 228
user-behavior × 173
user-expectation × 140
design-patterns × 136
forms × 130
interface × 112
mobile × 82
web-app × 77
navigation × 75
buttons × 75
design × 67
mobile-application × 47
layout × 45
tables × 45
ios × 40
lists × 40
android × 37
user-centered-design × 37
search × 35
user-research × 33
accessibility × 33
information-architecture × 33