Tag Info

Hot answers tagged

142

If you feel the 'Confirm Email Address' field is required, but want to prevent people copy-and-pasting it then why not take a different approach? When requesting the user details and email address just ask the questions once. Then, on the final sign-up / payment screen (depending on your application) add a field on this last page stating: "We will send ...


86

Typing on mobile is a very arduous and unpleasant process, so we should try keeping it to a minimum. Sometimes your users will have made just a small error that can be fixed by replacing or adding a character or two (typically they typed something instead of @ in an email address etc.). Sometimes they will have made a big error and they need to retype the ...


82

I would avoid this behaviour as it's breaking people's basic expectations of being able to copy/paste. October 2011 - an article by blogger, speaker and serial entrepreneur Boris Veldhuijzen van Zanten on The Next Web (which he founded) - 10 ways to screw up a web form and piss me off Number 1 - that's number ONE: Don’t ask people to re-type email ...


48

Lying to your users is a bad practice. Besides, I’m not clear how this is supposed to work. If users see that the address is “required” but don’t feel like giving their address, they’re simply going to abandon the form, and not submit it anyway. If users figure out that “required” doesn’t necessarily mean Required, then you’re just confusing users when ...


48

The moment a date is ambiguous you should not convert it to what you think it is. For example, in most of the world date formats are DDMMYYYY or YYYYMMDD, but in the US for some (silly) reason the US uses MMDDYYYY. You know that this is likely to be a confusion, so don't convert a date that is ambiguous. If the date is critical, consider using a date ...


40

Clutter is problematic. Emphasizing the valid characters might be enough. E.g.: Valid characters are A-Z a-z 0-9 . _ -. Displaying them with different color might also help.


37

Encapsulated flags are the only solution I've found that reach all edge cases. Pointing the flag at the label rather than the input allows for consistency with radio buttons and check mark groups or weird inputs like sliders or sorters. Highlighting the field with red is also helpful, but not always possible. Example usages below. download bmml ...


30

I use the rule server-side validation for security and client side validation for usability. I can't trust any client, but I can write a standard client which quickly (without the network) validates inputs, so the user can get a response sometimes even while typing. This also minimizes the wrong requests my client sends to my server. -- EDIT -- What I ...


30

Here is some advice : forbid characters only if it is absolutely necessary (I hate when I cannot use _ in my nickname) display a message only to the user who tries to use one of these. Other users won't be bothered if the user enter a forbidden caracter, just don't consider it and explain him why. download bmml source – Wireframes created ...


30

Will Company Name be stored in the database with spaces and then a separate URL column will have no spaces? I would recommend building the URL just below the Company Name as they type so when the user types "Super Duper Acme Co." your app will show: Your dedicated URL will be: www.superduperacmeco.com This will cause the user to pay attention and ...


28

I’d recommend not including a ‘confirm email’. I agree that many people copy and paste rather than re-typing the email address from the original ‘email address’ field (defeating the purpose of the confirmation field). Some related research/findings/best-practices: 1) Smashing Magazine’s article'Web Form Validation: Best Practices and Tutorials' reference ...


25

IMO read only fields shouldn't be fields at all. This would look something like that:


25

The error message should appear before the form field itself (at a minimum in the markup itself, but ideally visually shown this way on the screen too) so that when someone is reading the form they read that the field has errored before they then read the field in question - that way the user is prepared mentally that "the contents of this field I am about ...


25

It seems you're already marking optional form fields instad of required ones. There seem to be no 'required' indicators, but no 'optional'-indicators, too, so I wanted to mention that. What I like to do on forms is to "micro-gamify" them: For every field in the form provide a "validation-indicator". For simplicity, let's say it's just a small circle. This ...


25

From a usability point of view, definately keep their entry there. There is nothing more annoying to users, in our experience, than clearing their entry on failing validation. They need to be able to see what they have done wrong, and if you clear it they are having to use their memory.


24

The icon is an extra visual cue. This might be useful in places where the page is viewed on low contrast device or if the user has some sort of colour blindness to draw attention to the message that might otherwise blend in with the rest of the information on the page. If your design makes it clear enough with the addition of just the text then you might ...


24

You'll often find that users will just fill in all fields on a form regardless of whether they're required or not. People don't really read instructions and don't want to risk encountering an issue if they haven't filled in any fields, so they'll often just fill in them all regardless. (This has been somewhat supported by testing by the Baymard Institute - ...


23

Since the email field is unmasked, the confirmation seems redundant to users. If the user is advanced enough to copy and paste instead of retyping, the user probably knows his/her address. Preventing copy and paste would just annoy users. When the user copies the email, the user has to look at what he wrote and thus would probably notice a mistake, ...


22

Well, let’s work it from end to beginning: ”!!” Lose the exclamation points. Don’t yell at the user. It’s rude and insulting. ”image files” Does the user know what an “image file” is? Do they understand “image” or “file”? Conduct some user testing, but I’m guessing “picture” is more appropriate. And what is not an image file? Maybe the user ...


21

This is annoying. Your user fills out the form, submits, and gets back "3 mistakes". He corrects those 3 mistakes, submits, and gets back "2 new mistakes" in fields he hasn't changed meanwhile. His reaction: "Why did you not tell me about those 2 mistakes in the first place"? And he's right. Clientside validation was meant to help the user by providing ...


20

When no text, make the message simply inicate the max number of characters (no mention of the number remaining. As you type, the number of remaining characters fades from grey to black (very subtle indication) When you reach the limit, change the border to red; make any excess text a different colour; show a small error icon below and indicate number of ...


18

I don't think users who don't want to answer questions will test your page to see if they are really required, they'll likely just abandon the form. Perhaps you should ask why the user would be reluctant to answer those questions. Think about it as a conversation: if a stranger came up to you and started by asking unnecessarily personal questions then ...


17

Good answers above. Just one more tip, though: Consider having your application parse and re-write the date the moment the field loses focus. If the user types 091011, transform it into "9 October 2011" (or "10 September 2011" for US users) - your user will instantly see if his entry has been misinterpreted.


16

If the button is merely disabled, users will Think the application is broken, Not immediately realize which fields are unfilled and Not realize the fields are unfilled until the very end, which is annoying So, I'd suggest telling your colleagues exactly what you told us, which is that allowing them to submit then find errors might be more efficient ...


16

Auto-correction shouldn't occur. It takes control away from the user, is often wrong, and is even worse if it's changing the content of the message silently. You cite localization as one of the area in which it behaves badly. It's also the case with old or dead languages, citations, programming languages, medicine or very technical terms... Actually there ...


15

Ideally you'd let them type in the phone number in any format and you'd have client and server side logic that could parse it out. Barring that--if you're just looking for a quick fix--look at using field masking. If you're using jQuery, this is a decent one: http://digitalbush.com/projects/masked-input-plugin/#demo


15

The best way here is to remove all read-only fields from the form. You have to find some other way to show this info. But if there is no way to remove them, so make sure that they don't look like input field. For fields with default value you just have to put some value in them; with black input font color. (grey color will confuse them, because a lot of ...


15

Showing a message box is not a good solution in most cases (1). It's even worse when the message box contains a message such as "Please Select only Image Files!!" (2). And it gets worse in a context where the user is uploading a file which is not interpreted by the application as an image (3). Message box dilemma The message box is extremely easy to ...


14

The first message should be given as a warning, not an error. In certain cases you may want to accept something that is probably wrong, but just very possibly not so. For example custom protocol prefixes for urls (like chrome://), internal phone numbers (that don't have 10 digits), e-mail addresses that have explored the full depths of the specs (including ...


14

Prevention will likely frustrate a user as they are entering it and it isn't working. Of course this can be fixed with adequate messaging that lets them know why certain characters were rejected. Some users may also be typing with their heads down and may not see when some characters are rejected. If they are typing 10 characters but only a few within ...



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