61 votes
Accepted

Real-Time validation, Good or Bad UX

To quote from nngroup.com: 7. Don’t Validate Fields Before Input is Complete ... It can be annoying to see an error message before being given the opportunity to finish typing.
jazZRo's user avatar
  • 11.7k
46 votes

How would you ask the user if their drawn signature is similar to the ID card sign?

I don't think you can guarantee it If you try to make people mimic how their signature 'should' be, you'll open a lot of cases where people struggle with their device and can't get it to look the ...
Wendy Wojenka's user avatar
39 votes

What is the preferred behavior of form validation?

Generally, The way in which validation should be implemented varies based on the unique needs of the form. However, in general, if the user’s input is incorrect, the system should inform the ...
Dimitra Miha's user avatar
  • 3,739
29 votes

Real-Time validation, Good or Bad UX

Validation should not start before input is complete When the user starts entering a correct value, no errors should appear while typing. The input is considered to be complete when the input focus ...
Peter Walser's user avatar
20 votes

How would you ask the user if their drawn signature is similar to the ID card sign?

My signature is basically habit and muscle memory from repeatedly writing my name with a generally standard sized pen. It varies a bit at the best of times. Even if you ask me to sign on a whiteboard ...
Mick O'Hea's user avatar
17 votes

Should validation be done in a pop-up window or a new page?

Inline Field Validation I would recommend to stay on the same-tab, with validation in-place (inline) like this example: This is a common design paradigm now that web form internet users are ...
Baronz's user avatar
  • 488
16 votes

Real-Time validation, Good or Bad UX

Rather than continuously display a red validation message when the user has not met a field's requirements, a nice alternative is to (1) display a tip that tells the user what is expected, and (2) ...
Kramii's user avatar
  • 271
13 votes

How would you ask the user if their drawn signature is similar to the ID card sign?

Can we start with the obvious: Why? Follow up questions: Are you assuming your app has the same legal power as a "wet signature"? You may be in for a surprise! Do you have anybody on staff who is ...
Jan Hertsens's user avatar
12 votes

Real-Time validation, Good or Bad UX

It depends on the type of Input Field. For the Email Field: You don't wanna be too jumpy. Let the user finish typing the email address. If the input field turns red with an error-text at the moment ...
Sooraj MV's user avatar
  • 3,609
9 votes
Accepted

Should comboboxes/radio groups be marked "required" in a form?

It is recommended to select a default. It is also very helpful that you already know the most popular choice, which you would obviously put first in the list and preselect. Marking mandatory input is ...
greenforest's user avatar
  • 8,776
8 votes

Should validation be done in a pop-up window or a new page?

Typically, pop ups are considered to be annoying, with many browsers disabling pop ups by default. Sometimes they go behind the main browser window and creates additional usability problems. So its ...
Adnan Khan's user avatar
  • 4,623
8 votes
Accepted

When should the error state on an input field disappear?

The error message should stay. There is a design principle 'recognition rather than recall'. Meaning the user should not be forced to remember things but rather give the information (or options) ...
BrunoH's user avatar
  • 3,425
7 votes
Accepted

Are password strength meters useful?

If the purpose of the meter is to help communicate the strength of the password, then the criteria should absolutely be shown. A meter by itself isn't enough to communicate "this is both long and ...
Izquierdo's user avatar
  • 12.5k
6 votes

What's the best way to alert someone to an error on their form?

Try indicating errors (as a summary) both at the top of the page and adjacent to the input itself (for each individual error). Because of viewport size, scrolling and plain old human attention and ...
Mike M's user avatar
  • 24.6k
6 votes

What should an error state for a number value be?

You can't show a numerical value because that would imply a value, which is a wrong value by definition. I'd better say you would display a message saying something like "error getting number" with a ...
colmcq's user avatar
  • 8,260
5 votes
Accepted

Best way to ask user to input real phone number?

If the user is in no need to put his real number to use the app/web I don't think it really matters the exact phrasing, being honest and nearer is probably better but you might still get fake numbers. ...
Alvaro's user avatar
  • 16.8k
5 votes
Accepted

How do I mark required fields in form while using just placeholders?

You could include the asterisk symbol on the placeholder itself to represent the required fields. But this might not be the best approach as the labels are required for a user to understand what the ...
Bharath Selvaraj's user avatar
5 votes

Form Validation: out of focus vs. delayed onKeyPress

There are a number of circumstances when Delayed on KeyPress can't be effective: Everyone doesn't have the same typing speed. People are not robots, they take pauses. On other hand, out of focus has ...
Jivan's user avatar
  • 3,708
4 votes

"We emailed instructions to [email protected]"

Three points you should consider 1) They didn't lied to the customer. Customer gave an email address to recover a password with which he has never registered. So, customer lied first (this is why ...
gurvinder372's user avatar
  • 2,185
4 votes

Validation of scanned images

Actually you have already answered your half of the question. Que - "If the system knows all the data, why can't the user just input the unique ID?" Ans - "The reason for this breakdown ...
divy3993's user avatar
  • 1,598
4 votes
Accepted

Should bulk imports be all-or-none or individual?

We recently handled this issue by making it as easy as possible for the user; import what is importable and then provide a CSV of the rejected files only so changes can be easily made for a second ...
Eric Stoltz's user avatar
  • 1,724
4 votes

What is the preferred behavior of form validation?

Validation should be done per input field: when the user has finished entering his answer: when the field is focused out or after a specific timeout that you consider the user finished typing (as ...
Alvaro's user avatar
  • 16.8k
4 votes

What is the preferred behavior of form validation?

Edit: For critical forms such as Login, Online transactions, providing any type of information it is necessary to use server validations over https that will execute when users hit the Submit button....
Dipak's user avatar
  • 16.2k
4 votes

How to design a user interface to enter a number from 100K - 1B in increments of 100K

I would use a numeric log-scaled slider, with a smallest step size of 100k: download bmml source – Wireframes created with Balsamiq Mockups And my rule for sliders is to always offer a "linked"...
J. Dimeo's user avatar
  • 3,858
4 votes

Should I make space for error messages in forms?

I disagree with @colmcq. Giving space for error messages, that might come in like 10% of the cases is not at all a good option. Actually, it is not Impossible or difficult to show the form validation ...
Kish's user avatar
  • 2,578
4 votes
Accepted

Required Alternative Form Fields

As you said, asterisk symbol is not the one you need. What you can do to improve the context is to group the input fields and give a suitable comment above: Please complete at least one of the ...
Mike's user avatar
  • 3,125
4 votes
Accepted

How to provide validation feedback for multiple rows in a grid?

Try outlining the rows with an indicator which describes the specific formatting error. Provide a link with further explanation if needed. One thing you can do is to provide specific invalid ...
Mike M's user avatar
  • 24.6k
4 votes
Accepted

How to indicate to user that a field is not optional, but that a blank value is considered valid input?

You could just utilize a paired checkbox with the field. Checking the box indicates that the user acknowledged the field and intentionally wanted to leave it blank. This way a user cannot submit the ...
Noveltee's user avatar
4 votes
Accepted

How to state valid characters are alphanumeric and 'all keyboard symbols'?

I don't think you need to overthink it too much, most users understand the concept of passwords these days. I would suggest something simple like this can work: A valid password can only contain ...
musefan's user avatar
  • 7,091
4 votes

Prevent users from changing entity data fundamentally

Some options. The most immediate, if the entity became obsolete, you can add a toast message with the clarification in the editing window: The second option is adding different status to the ...
Danielillo's user avatar
  • 18.8k

Only top scored, non community-wiki answers of a minimum length are eligible