Forms are generally used to retrieve user input such as text, selected radio button, selected checkboxes and actions like pushing a button

learn more… | top users | synonyms (1)

15
votes
7answers
624 views

What's a better user experience: highlight errors, or block wrong keystrokes?

I have some information to enter in a text box. The data is structured and only some sequences are valid. For a phone number, for instance, a letter such as A is invalid. So should I intercept ...
29
votes
11answers
7k views

Most User-Friendly Form Fields for Entering Date/Time?

What are the different ways to have fields in an application for date, time, or both? What are the pros and cons for each? The most common seem to be a combination of 2–3 drop-downs, or some form ...
143
votes
22answers
19k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
28
votes
10answers
2k views

Should you place the “add a comment” form above or below the list of comments?

There seems to be very little consistency across most sites when it comes to placing the comment form. Which do you think is the most usable, above the comments list or below? Above the list: ...
40
votes
9answers
7k views

Is a cancel button necessary in a web form?

Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field. Plus cancel in a UI suggests canceling an action which is in ...
10
votes
5answers
425 views

How to handle selections with a lot of options?

In a web app, let's say I have a list of options for the user to select from. I would usually use a drop down in this case,if there is a reasonably small number of options, but how should i approach ...
16
votes
6answers
518 views

What should ENTER do?

On a web form, what should happen when the user presses the ENTER key? I'm writing a sign-up form - name, email, password, sign-up button: the usual sort of thing. Since I'm using JavaScript, and the ...
12
votes
5answers
485 views

Web - How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...
20
votes
11answers
6k views

What's the best way to highlight a Required field on a web form before submission?

This seems subjective, and it is; a client of mine would like me to highlight the required fields on the web forms in their application with a red asterisk, and I'm looking for an alternative since ...
39
votes
9answers
2k views

How much information should you ask for when users register?

So the company wants all the information it can get on the users of its site, but how much should be asked for upon registration? On one hand, it would be easier for the users to enter only personal ...
5
votes
4answers
593 views

How to create the best form asking buyers for their delivery address?

I need to create a contact form asking for buyers' delivery address. My customers may be from any country. The goal is to get the correct address format so international mail items will not be ...
8
votes
4answers
287 views

Actionable form element size

I am not a UI designer by any means. I have noticed in the last year or two that important buttons/links...etc on many websites now have very big click zones. I must say that I appreciate it, as ...
1
vote
2answers
129 views

Use Tab or Button Click or give the user the option of both to get data?

I'm currently in the process of building a Helpdesk like application, and when the user creates a new ticket they need to select a customer and transaction by entering a certain number of criteria. ...
10
votes
3answers
1k views

Submit a Button and Cancel a Link… Too Confusing?

I have noticed in the last couple years a lot of web forms, if they have cancel at all, it is a link. I assume this is to drive the person to the UI element, a button in this case, that 99% of the ...
3
votes
4answers
553 views

Dynamic required field validation

Let say we have a form with 50 or so elements. It is a data entry form and is in the format the user is expecting based on standardized industry paperwork. My question is should required fields ...
8
votes
5answers
2k views

Required field validation

How should required field validation be handled visually? NOTE: assume asterisk is red *Name:[_______] or Name:*[_______] or Name: [_______]* or Name: [_red bg_ ] or Name(<- font color ...
8
votes
5answers
678 views

“Clear all” button history

Has anybody ever used "Clear All" button on the page? Maybe someone know the history of this "magic" UI component. I opened my eyes after this answer.
9
votes
5answers
3k views

Multi step form vs single complex form

For a website that sells things, it's often needed to fill in a lot of information. When it comes to these types of forms you want the user to complete which one is the best? A single form with all ...
10
votes
3answers
809 views

Default button OK or Cancel

What is the most preferable default button for submitting a form (like a login page)? OK or Cancel?
6
votes
3answers
537 views

Complex Purchase Order Forms - do you have any advice or good references?

Let's say you need to design a purchase order form that is more complex than "usual" and has multiple elements affecting the final price: Choose between several tracks (e.g. Basic, Standard, ...
56
votes
16answers
6k views

Do you need a search button with a search box?

On websites with a search box, should you add a button they can click on, or will users understand a search box like on this site? The target group is not very technical, such as women aged 40-60.
12
votes
4answers
3k views

Is there a recommended location for a submit button in relation to a cancel on the web?

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
14
votes
3answers
449 views

Best practice for Anonymous Donation forms?

Donation forms are meant to be easy to use. Easy enough to use that it may convert the casual website visitor into a donor. At the moment, we are currently using the fields: Card Type Card Number ...
7
votes
1answer
79 views

Request a call back - How effective is this as a CTA?

Does anybody have any stats/reports/trends about the use of 'Request a call back' forms on websites and whether they are effective? How often are they used? Are they better than a standard contact ...
18
votes
12answers
1k views

Should form labels be placed inside of input boxes and slide out of the way?

Is it good idea to put form labels inside input boxes? In this case, the labels slide out of the way when the user clicks on the box. See here live example of form
11
votes
4answers
1k views

Using progress bars in long web forms: motivating or demotivating?

I've been going through the jQuery demos to determine which UI widgets could be used to help optimise our user's journeys through our web forms. One such widget is the progress bar, but it raises a ...
11
votes
3answers
464 views

Should I put view and edit on the same form?

We're working on a new management console for an online service. The management console consists of about 30 forms as well as lots of reporting and various other goings-on. My developers have moved ...
16
votes
5answers
1k views

What are the best practices of button alignment?

There are reasons to align buttons to the left, center, or right. What are the best practices of button alignment and what factors should we consider? Which buttons should be on the left, center, and ...
14
votes
3answers
1k views

Labels above the field or to the side of the field? What about prompt text and validation messages?

Which layout works best for your users?: Field labels on the side of fields Field labels above the data entry fields What about prompt text, format tips, examples and validation or error messages? ...
21
votes
10answers
2k views

DD/MM/YYYY - do people know what that means?

Just finished reading Caroline Jarrett and Gerry Gaffney's Forms that Work and I noticed that while the publisher used a screen shot on the front cover with that date format the authors didn't ...
11
votes
8answers
258 views

What's the best placement for an “Other” box

If I have a dropdown with several options, the last of which is an "Other" option, and I want to have a textbox associated with that option, what do you think is the best place to put it? Here are the ...
7
votes
2answers
701 views

dynamic credit card forms design

I am looking at the design of credit card entry forms. I have the option of validating the card number to determine the additional information fields on the form like start date and issue number. ...
13
votes
8answers
517 views

Positive / Negative impacts of physical address verification systems on online form UX

Address verification systems validate a user provided address against a database of known addresses, usually provided by Postal services. An example can be seen at ...
14
votes
7answers
1k views

Login / Sign-Up as one form [closed]

Has anyone seen any good examples of a basic form (e-mail / password) that a site uses for both existing users to login and for new members to start a registration process? Yes, I'm thinking ...
30
votes
8answers
6k views

Is a confirm email address field still considered a best practice?

Having an input field to confirm an email address is pretty standard. However, I would like to know if using a confirm email address field still considered a best practice. The Email/Confirm email ...