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 ...
- 24.6k
31
votes
Accepted
How to display more than three buttons?
You can use grouping, icons and visual emphasis to delineate the most common (and the most destructive) actions.
Right now you have the most destructive action right next to what seems more common. ...
- 24.6k
30
votes
Accepted
Best way to show an "unactivated" part of an app?
One question to ask is: Is the user aware of the benefits of upgrading / activating? How am I improving their life?
In the current state, you have a card list, other than the button label, I can't ...
- 24.6k
29
votes
Accepted
Necessity of writing the number "404" on a 404 page?
Include the 404 — problem solvers will appreciate it
There’s no better or more concise way to communicate the nature of the problem to experts who may have to help your user.
“404” on your error pages ...
- 3,941
25
votes
Is it wrong to cover a form with the "Saving..." notification?
Option 2 is better, as discussed by Mike M. I would actually recommend a third option, similar to Option 2. I would replace the "Submit" and "Cancel" buttons with the "Saving" message and spinner. ...
- 381
24
votes
Best way to show an "unactivated" part of an app?
Although I like your solution of naming the buttons differently (manage vs activate) but I did not noticed the difference in vocabulary right away. In my experience, I like ghosting the unavailable ...
- 1,257
18
votes
Best practice UX - selecting item from couple of items
The drop down has a disadvantage compared with the radio-buttons and the slider-toggle. The user has to click on it to see the possible options. On mobile (if this is the case) drop downs are not easy ...
- 3,415
16
votes
"Best Practices" vs. user research
It's becoming more diffuse by the day.
I'll give you an example: the project we're working on right now is a mess. Literally a mess. There were (and are) some complaints, but the users got used to the ...
- 37.3k
11
votes
Why warn about caps lock for passwords, instead of ignoring caps lock for password characters?
The core reason that you don't want to do this is because, as a general rule, any time you override the standard behavior of a users device, you open yourself up to a bad user experience . . . ...
- 576
10
votes
Checkbox size of 'clickable' area on desktop
A new WCAG 2.1 success criteria is "2.5.5 Target Size", but it's a AAA conformance.
The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when:
Equivalent: The ...
- 3,245
10
votes
Is it wrong to cover a form with the "Saving..." notification?
What I've found works best for my use case is to, like @Hugo-Viallon suggests, put the spinner in the save button and disable all other buttons. After completion I show a toast if the user isn't ...
- 844
9
votes
Design/Ideas needed for better utilization of space
I think you should also try a card layout. For example:
This layout provides multiple benefits:
Aids quick scanning
Cards are easier to scan compared to tables.
Easily adapt to small screens
...
8
votes
Necessity of writing the number "404" on a 404 page?
As you say "I don't think the average user knows or cares what 404 signifies" so it doesn't matter to him.
But to the technical user the 404 gives extra information.
So if the decision is between ...
- 16.8k
8
votes
"Best Practices" vs. user research
In low UX maturity organizations, tie user research to business metrics. Your products (hopefully) have business goals - client satisfaction scores, lowering calls to support, productivity metrics ...
- 12k
7
votes
Accepted
Should someone be able to log out without an internet connection?
EDIT (09/12/2020): You can alternatively give the user a list of devices that they are logged into and give them the ability to log out of the device. You can set the first device that a user logs ...
- 1,674
7
votes
Accepted
Checkbox size of 'clickable' area on desktop
slugolicious's answer is correct in the sense that success criterion 2.5.5, which was introduced in WCAG 2.1, defines a minimum target size of 44 by 44 pixels. However, one should really take a look ...
- 778
6
votes
Accepted
When is it OK to use text as an image?
From WCAG 2.0: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html
"1.4.5 Images of Text: If the technologies being used can achieve the visual presentation, ...
JonW♦
- 37.2k
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 ...
- 24.6k
6
votes
UX improvements for tabs with access control
Users that have no access to a page should not be able to click at it at all. If you let a user click on a button only tell them later that they have no access to its content it can make them ...
- 883
5
votes
Accepted
At which point are ethical guidelines and practices applied in a UX design process?
I am not a UX designer, however, I am a technologist working in ethical technology and I regularly present at conferences regarding these factors. I also am an NIH-funded clinical researcher, and ...
- 166
5
votes
How should a multi-state toggle slider with more than two states be implemented?
I agree with the aforementioned examples. You pretty much need radio buttons turned into slider. You can do that even with CSS like the image below.
You can find and fiddle with the source:
http://...
- 119
5
votes
Is it good practice to ask why a participant didn't do something a specific way after a usability test?
It's absolutely acceptable to ask the user about the experience, during debriefing. Here is a reading on running a usability test that mentions various approaches. This reading is from a very useful ...
- 6,386
5
votes
Is user experience designed to make humans lazy?
In this particular case, because you're discussing travel, the second "Train arriving in X minutes" eliminates any issues with travelers from different time zones.
it's not about "lazy" it's about ...
- 994
5
votes
Is user experience designed to make humans lazy?
User experience design (UX, UXD, UED or XD) is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the ...
- 16.8k
5
votes
Accepted
Set screen brightness based on time or manually?
In my opinion, in your scenario, the brightness should change according to the environment light, which is not necessarily related to the time of the day.
The use of an automatic toggle option lets ...
- 16.8k
5
votes
Accepted
Should entire checklist row be clickable or only checkbox and label?
There are at least 2 ways to see this problem. On one side, these are called controls for a reason. Providing control behaviors to random (even worse, empty) space goes against the whole concept of ...
- 37.3k
5
votes
Best way to show an "unactivated" part of an app?
Try making the "activate" buttons stand out compared to the "manage" buttons ( e.g. ghost and filled buttons. Depends on the options you have according to your UI styleguide). Reduce the opacity of ...
- 333
5
votes
Best practice UX - selecting item from couple of items
If you want the user to select 1 option of a range, I would be inclined to go with the radio button as this is the convention. This would be my go to.
However if there is a change in the form under ...
- 2,674
Only top scored, non community-wiki answers of a minimum length are eligible