Skip to main content

Questions tagged [validation]

when and how best to give feedback to users about invalid entries in data they have provided.

Filter by
Sorted by
Tagged with
0 votes
1 answer
61 views

Show information based on phone number

We are a parcel delivery company looking to enhance a feature that uses a phone number to indicate a customer's success rate based on parcel returns. We have two UX versions in mind: After validating ...
Nayeem Bin Noor's user avatar
0 votes
1 answer
409 views

Form validation question where if you click in a required field but leave it without typing it displays an error

This is a form on a webpage with about 8 text fields. I am curious has anyone seen this pattern which I am thinking of using. The submit button on the form is disabled. If the user clicks in a ...
Keano's user avatar
  • 71
0 votes
1 answer
35 views

Validating Product Idea with quants

I once read that if you validate your product with potential users, seven out of eight people you ask should find the product useful. I don't remember who originally said that. Can somebody help me ...
Kirill's user avatar
  • 1
0 votes
1 answer
72 views

File download required before validation (mobile) [closed]

In mobile app I working on, I need force the user to download a file (GDPR) before validating a form. I dont have idea how to make it user-friendly. Can you help me?
hari44's user avatar
  • 13
1 vote
1 answer
98 views

How can you validate what you've learned as a UX designer and enhance your skills?

For the past four years, I have been practicing interaction design, but I have recently encountered a bottleneck in my ability to improve. Currently, when I encounter a problem, I instinctively ...
moaer's user avatar
  • 11
0 votes
2 answers
717 views

Should I prevent users from passing max values or display errors when they do this?

I have several text fields that have max value, I want to provide good UX when the user enters the values. Let's take an example of the percent field which accepts digit values between 0 and 100. My ...
Ala Eddine Menai's user avatar
0 votes
3 answers
360 views

Navigating between steps in a wizard

I have searched for what feels like hours for an answer to this, or research to support a direction. We are using a wizard for customer creation. Currently the user can navigate between steps using '...
Michelle Walstra's user avatar
0 votes
1 answer
362 views

What's the correct order of stacked snack bars?

I have a rare case scenario in a website where multiple snack bars might show. I can not control this since it's the correct website's response, but I want to check if the order in which they show is ...
Paula's user avatar
  • 149
1 vote
1 answer
60 views

Preventing invalid preference states when opting for auto save functionality

I’m currently working on a marketing preferences screen where a user can control what marketing comms they receive and the channels they receive them on. A business decision was made to keep the ...
dmcleod's user avatar
  • 61
1 vote
0 answers
124 views

How do I design "Show all Dupicate items"? [closed]

There is an input field we need user to input a name in, and as they enter the name, system checks if there is a duplicate name and if there is, it will be shown under the input box. Currently, we ...
user163962's user avatar
3 votes
2 answers
3k views

When should you use a snackbar element as opposed to put it on top of a form?

There's three ways of displaying error; inline (field), top of form (form), and as a snackbar When should you use a snackbar element to show an error as opposed to put it on top of a form modal or ...
user avatar
2 votes
1 answer
4k views

How to handle UI/UX for recommended character limit

I'm trying to design the UI/UX for a specific case. I have an input where users can enter the label text for a button. The problem is that users are entering strings that are too long, that wrap and ...
Burns's user avatar
  • 45
1 vote
2 answers
93 views

Complex QR validation UX. Validate 1 entry or group?

I've been trying to find a solution to speed up the validation of the QR for tickets. The thing is that in the industry the people validating the tickets are used to sounds, like beep for "OK&...
TrOnNe's user avatar
  • 113
0 votes
4 answers
106 views

Apply option after error validation

so I have a question about the price range filer case study: if the user types wrong numbers in the min and max text field for example: min: 250$ max: 100$ so what should I do? block the apply option ...
Guy Bitan's user avatar
2 votes
1 answer
537 views

Should inline form validation error messages be specific or unspecific on login screens?

I had designed a message reading "Incorrect password" appearing on the 'Password' input field, however, a PM has given me feedback that saying: "I believe the common practice for ...
Katie's user avatar
  • 23
2 votes
3 answers
616 views

Checkbox dirty state

I would like to highlight any changes made to a long list of form checkboxes. That way the user can review all the changes made (whether checked or unchecked) before saving. Are there any examples for ...
Yoav Barak's user avatar
5 votes
4 answers
506 views

Prevent users from changing entity data fundamentally

Entities in a database represent things from the real world (for example products in an e-commerce system). A user should be able to add a new entity edit the entity to correct a mistake in the DB ...
Christian Pekeler's user avatar
2 votes
2 answers
584 views

Edit mode + Side panel/Modal, how to deal with double validation?

I am currently struggling with an edit mode user scenario inside a web application. Context The web application will be used also on mobile, so we can't use “on hover” comportment. 99% of the time, ...
Funkit's user avatar
  • 331
1 vote
1 answer
224 views

Bulk actions validation

I need to design a solution in which a User can map fields from our App to an Integration. And actually, this bit is already prepared. The problem occurs in the fields. Let's say my App has a field ...
Madzik's user avatar
  • 43
1 vote
3 answers
235 views

What is the best approach to handle new validation for existing records where duplicate IDs exist?

Currently I have a form where users can enter in the same ID (text) for each new record they create. I now want to add validation so that duplicate ID's cannot exist going forward. Some of these ...
SCramphorn's user avatar
2 votes
1 answer
50 views

Adding and accepting score

I'm working on a app where tennis players can add score. When a player starts playing he is starting the streaming service and invites the other player. After the game a "post session page" ...
Erik's user avatar
  • 21
2 votes
1 answer
692 views

Are password strength meters useful?

What are your thoughts on password meters? I think they are only somewhat helpful because there is no clear indication as to how to actually strengthen the password. A novice user could maybe type in ...
M Bo's user avatar
  • 1,414
4 votes
1 answer
465 views

ATM Style Input Fields for Currency

I am looking for best practices around how to design a UI for currency fields. I have been looking into ATM-style fields. This is when if you type in your value, it fills in cents first until you've ...
CLush's user avatar
  • 41
1 vote
1 answer
801 views

Show feedback messages in an editable data grid

Any advice on how best to display success/error messages while editing fields in an inline data grid. I've got an editable grid where records are saved (and validations are performed) as the cells are ...
Jason's user avatar
  • 46
1 vote
1 answer
100 views

Success feedback for debounce updates

When creating a form that updates automatically after a short debounce time (thus without a save button), is it best to provide a visual feedback if the update was saved successfully and in case of an ...
nathaner's user avatar
  • 113
2 votes
1 answer
161 views

Prevent users from entering higher values than expected

Biz case: Allow users to configure policies to ensure critical application traffic is not dropped when a link is at max capacity. Use case: Traffic from head office to branch 1 is at max capacity. ...
RSommer's user avatar
  • 33
1 vote
1 answer
1k views

Postal address validation - special characters

We are currently looking at adding validation to our form that enables users to enter an address manually if they don't/can't/won't use the postcode lookup software 99% of our addresses will be UK but ...
Mike's user avatar
  • 183
1 vote
3 answers
2k views

Good UX for validating both phone and email

A website requires users to validate their email – it's how the user receives their password creation link, and email is essential to several core workflows. There is now also a need to collect and ...
Izquierdo's user avatar
  • 12.9k
2 votes
4 answers
1k views

Validate an email while this in the input field - when do you start?

I just signed up for a new online service, and when I typed my email address, from the moment I started typing until I had typed the second letter after of the TLD, next to the input field there was ...
gzost's user avatar
  • 133
2 votes
2 answers
2k views

Is it OK for a form element to shift when a related error message appears? [duplicate]

When designing a form, should I design with enough space between the elements for potential errors? So that when displaying error messages, the form elements below the error message do not shift, ...
Laubr's user avatar
  • 25
2 votes
1 answer
84 views

How to ask user to affirm that a blank value is intended?

I have a form with several optional text fields, and a workflow in which a user might reasonably save a partially completed form and return to complete it later. I want to prevent errors where a user ...
Mike Kantor's user avatar
1 vote
1 answer
104 views

When should the valid visual cue be shown to the user on a pre-filled form field?

It makes sense to show a valid visual cue (eg: green border, green check, etc) when a user is filling a form field and the data is considered valid. What if the user opened the form with pre-filled ...
Pier's user avatar
  • 293
3 votes
3 answers
383 views

Validation for if all fields are required when an optional field has a value

I have a form that has an optional username/password input but when either the username or password has a value it causes them both to be required. Not sure how I should approach this? So far the ...
Whirlwind991's user avatar
1 vote
3 answers
2k views

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

*Note: I'm using an inline validating message, where if a user enters a char that is not allowed a message is displayed (i.e. "Please only use...") I've seen this post about stating valid ...
jed's user avatar
  • 113
0 votes
1 answer
113 views

How to indicate that validation checks whole section of form?

In our app we have few views that use backend validation, that sometimes might take more that a second to response. What is more unique about it, is that validation is sent for whole section. For ...
Jonah's user avatar
  • 103
2 votes
2 answers
183 views

Best input validation approach for complex and busy screen

I have an extremely busy screen for a single page application that allows people to pick their own components and build a custom printed circuit board (following a template that we provide). Our ...
XCore's user avatar
  • 927
5 votes
3 answers
2k views

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

We have forms in our application with a number of strictly required fields (marked with red asterisk, will fail validation if left blank). There is also one field that can be submitted as blank - this ...
Chris H.'s user avatar
  • 153
34 votes
8 answers
9k views

Real-Time validation, Good or Bad UX

I have a signup form where I made a REAL-TIME validation when the user starts typing as you see in the picture. I don't know if this harms the user experience or no, and also I did not find a resource ...
Ala Eddine Menai's user avatar
8 votes
1 answer
710 views

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

Suppose you have a web form, with some fields being optional and some being required. One of these fields is a combobox or radio button group, for which a valid default option is pre-selected and it ...
Woodrow Barlow's user avatar
2 votes
1 answer
2k views

Input error icon and clear icon at the same time

In Material design documentation we see optional icons inside an input. What if I want to have a clear icon (3) and display an error icon (2) at the same time? Side by side?
mintpandapl's user avatar
2 votes
1 answer
149 views

How do I best show the format that's allowed for an input?

I can restrict the input on the front-end to certain values or make it match a regex pattern, but the user might be confused about why they can't input certain values unless it's communicated to them ...
Christopher Bradshaw's user avatar
0 votes
3 answers
2k views

Form validation when the field is optional

I am working on a form where the phone number is optional. What is the best practice regarding a validation mechanism that checks if it's a correct phone number (over 10 digits): No form of ...
Naty's user avatar
  • 165
5 votes
5 answers
349 views

Validation without an explicit confirmation

I am currently working on an app. This app has some features that the user can unlock by entering a numeric code. I was considering putting an automatic validation as soon as the user types the last ...
Mel's user avatar
  • 115
3 votes
2 answers
163 views

Forbid and deactivate alphanumeric keys in a form?

scenario: form validation I ask myself the question: in a special input form for postcode for example, in which only numbers (integer) are allowed. In a usability view I would say, you should be ...
alex123456's user avatar
3 votes
2 answers
1k views

How indicate conditional required field in editable table?

In a form indicating which fields are required are often indicated by an asterisk (*). We have an editable table and I indicate a required column with aesthetics in the title of the column. The ...
Valentina Etingen's user avatar
8 votes
5 answers
5k views

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

We have a flow where the user signs a contract drawing their signature with the finger. But it's very important that that finger signature is similar to the user's real signature printed in the ...
Vicepresidente de diseño's user avatar
2 votes
1 answer
325 views

Warning/ Information on top of a Modal

I want to give users a warning on a modal that changing one form field has implications on another form field. I am aware of 2 patterns that are used as shown here. I am seeking suggestions on what UI ...
harshikerfuffle's user avatar
1 vote
1 answer
3k views

What is a good approach for warning user on leaving a modal or side flyout panel with unsaved changes?

The user is editing a form element on the RHS flyout panel and the editing is not completed. In the middle of the process, the user decides to undertake the following actions: Click outside the ...
harshikerfuffle's user avatar
3 votes
2 answers
224 views

What should an error state for a number value be?

Let's say that there are different numbers presented to the user - money values ($1.50), percentage values (+25.53%), development values (+$3.50), etc. In case there is an error in retrieving one of ...
lookasbeet's user avatar
1 vote
2 answers
389 views

What's the optimal number of digits for a verification text message?

This is regarding a validation process in an app. User has downloaded the app, within it they get asked to validate their account through a text message. So they have to check their messages, then ...
Mikael's user avatar
  • 41

1
2 3 4 5
7