53
votes
Accepted
Is password-unmasking worth the potential security downside?
This is current recommended best practice by NIST
The people who dinged your product for security issues are not up-to-date with current standards. In 2020 NIST published updated password guidelines ...
21
votes
Accepted
Should selected options be removed from single- and multi-select dropdown lists?
Good question, also props for differentiating the two different scenarios. I think that you are in luck because there is indeed just a simple correct answer:
Do not remove selected options from the ...
18
votes
Is password-unmasking worth the potential security downside?
I'm a little surprised the pattern is so alien to you, and have to agree with the others on your team on this (sorry). Providing a visibility toggle for the password is a fairly common pattern across ...
7
votes
Accepted
Should 'Other' be a text field or a radio button plus text field
I would opt for a radio button with a hidden text field revealed when the button is clicked:
Working codepen example
4
votes
Should empty field captions be specific or generic?
Regarding "No ... Not ..." – The human brain doesn't get negative messages that good. Example: Don't think of tasty ice cream! Yes, YOU in front of the display: Don't think of
TASTY ICE ...
3
votes
On/off functionality inside a dropdown?
I think your first version is better. The second option has two toggle switches, which leads to a cognitive load and therefore it's more prone to errors.
Although the first version seems better, here ...
3
votes
Two data types in one login field
I don't think there is any problem if the user is used to entering sites through a login. In fact, most offer both options in the same access field.
What I would do to avoid confusion is to reduce the ...
2
votes
Is password-unmasking worth the potential security downside?
Norman Nielsen Group's article on this issue gets it right:
Stop Password Masking
By Jakob Nielsen, June 22, 2009
Summary: Usability suffers when users type in passwords and the only feedback they ...
2
votes
Should empty field captions be specific or generic?
Building off of @MarcoTatta 's answer, you can add the labels inside the input field and then have that label append to the top of the input box when the user enters in some information. Something ...
2
votes
How to improve UX on deeply nested form functionality in the browser?
You could try a data tree so that it is clear to users what the hierarchy is.
Although you can probably implement this in mobile using dropdowns/accordions, I feel that is not very user friendly. In ...
2
votes
On/off functionality inside a dropdown?
It would be counterintuitive to have the off option in the same dropdown as the resolution. Therefore option two would make more sense, yet I would add the Record live-stream at the end and maybe also ...
2
votes
On/off functionality inside a dropdown?
I prefer option 2 because when I want to turn off "record live stream", I would not necessarily think to go to the "video quality" section as shown in option 1. The toggle under ...
1
vote
Accepted
How to name an option in settings that allows free input in a list (select)
Permettre/Autoriser l'ajout de texte
Permettre/Autoriser des choix personnalisés
Permettre/Autoriser des options supplémentaires/personnalisées
Le terme "temporaire" peut aussi être utilisé,...
1
vote
What's the best input/edit method to handle small high precision numbers?
This is one of the rare cases where an overwrite input (sometimes called overtype) comes in handy. You may have seen it before accidentally in office programs where hitting the Insert key toggles ...
1
vote
What is the best pattern for text field hints in a web form?
For clarification, it appears the distinction in question is between putting text field support either next to the text field or inside the text field.
Some issues here...
There's a difference between ...
1
vote
Two data types in one login field
Twitter combines it into a single field, feels very natural to me.
I would argue it simplifies the screen, would you add a third field if you started supporting phone-numbers as an ID?
Sign-in:
Sign-...
1
vote
Should 'Other' be a text field or a radio button plus text field
There must be a radio button for the other option, cause it has to be selected in order to type in the other option. The text field can be either hidden, or be in a disabled state until the other ...
1
vote
How do you define input length?
Although the rule we learn is to make the input field length approximate the expected input length, in reality, we see a lot of examples where aesthetic considerations take more importance.
A good ...
1
vote
How do you define input length?
Personally, I have a constant fight with DEVs and their habit of setting exaggerated margins in all the elements. In fact, when I receive a finished project, I open it in the browser and assign margin:...
1
vote
How to write an accessible error message for a required radio button group form element?
From a Web Content Accessibility Guideline (WCAG) perspective, follow WCAG 3.3.1 Error Identification, which says
If an input error is automatically detected, the item that is in error is identified ...
1
vote
Should clicking outside a textfield hide the software (IME) keyboard?
As I see it in many apps, the IME should only disappear when the user clicks something that is clickable e.g. a button. If the user clicks some whitespace, image or text I would assume it was by ...
1
vote
Varying number of categories and subcategories based on options selected
We can solve this in multiple ways, two ways I can suggest is
progressive disclosure but dynamic based on what user selects. One thing that you have to consider here is the spacing between the ...
1
vote
Varying number of categories and subcategories based on options selected
Progressive disclosure & validation should work just fine in your situation as your dropdown may have different conditions affecting other dropdowns.
In my example, there are still a lot of edge ...
1
vote
Best practice for optional date
I would pick 3. Is the clearest option.
Keep in mind that options 1 and 2 need the part with "The thing that has to happen"
Option 2 is a little bit confusing as the checkbox is inside the ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
input-fields × 626forms × 273
input × 115
usability × 61
gui-design × 49
validation × 42
website-design × 35
labels × 24
interaction-design × 23
mobile × 22
web-app × 22
search × 19
user-behavior × 18
buttons × 18
html × 18
user-expectation × 17
numbers × 17
selection × 14
accessibility × 13
material-design × 13
dropdown × 12
time × 12
interface × 11
autocomplete × 11
placeholder × 11