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)

21
votes
6answers
4k views

Disabled submit button on form vs allow submit then show errors?

We have a few different forms as part of a web-based medical application. These forms have quite a few fields - 10-20 depending on the form. Each has at least 5 or so required fields. We currently ...
20
votes
10answers
3k views

When client and server side validations occur, doesn't it make for a better UX to only do server validations?

I find a problem on the MVC4 project I am working on now, using Fluent Validation, in that some validations are delegated to the jQuery client side validation, while some, such as the NotNull rule for ...
5
votes
5answers
6k views

How do you design a registration form?

I am trying to learn about registration forms, what should I be careful about when designing one? Is there any "best practice" or do you know any great websites with great examples of registration ...
15
votes
3answers
1k views

Should I clear a form after the user submits data?

This is just a general question. I have a single-page web application that does not navigate away after form submission. My question is whether I should clear form data after a successful submission ...
38
votes
15answers
4k views

Slider control when there is no maximum value

I'm trying to design a control where the user can enter a figure that has no maximum value. For example, how many miles that person wants to travel that year. There's a text field there for direct ...
15
votes
8answers
789 views

Is it ok to change the (US) address input field order in favor of a pre-fill feature?

I am working on an international site that requires the user to enter his postal address. I am wondering if it makes sense to have a slightly different order of input fields in favor of a time saving ...
10
votes
5answers
717 views

What's a clean way to implement two checkboxes that can be “ANDed” or “ORed”?

I have a pretty standard search form on a web site that will return records based on various criteria. Let's assume each record corresponds with a person. A person can have a dog, a car, neither, or ...
9
votes
5answers
4k 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 ...
8
votes
2answers
2k views

Inline editing vs Edit view

I've seen this question asked a few times, but none that relate to my particular scenario. I'm working on a large, complex UI that involves many user types. For this screen, there are 4 types of ...
27
votes
2answers
7k views

Is the color red really appropriate for form validation errors?

It seems to be taken for granted that the color red is appropriate to highlight errors. In the case of serious system errors, I agree. However, I'm having doubts that it's the right choice for user ...
18
votes
5answers
4k views

Do we really need a “Remember me” option on a Login page?

I'm wondering why do we need to ask user to make a decision, for how long he want to be authenticated? This is done by having "keep me signed in" option login page: Why can't we simply "predict" ...
14
votes
3answers
2k views

Why does * (asterisk) mean Required on a form field

Watching a video from DIBI conference and Jared Spool mentions the mysterious origins of the asterisk (*) on a required form field. Where does this come from, why does an asterisk mean required?
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? ...
12
votes
6answers
3k views

How to represent optional fields?

I've read somewhere, that if you have more required fields than optional, best practice is to mark the optional form fields. However I think that asterisk notation for required fields is a widely ...
6
votes
3answers
1k views

How does having multiple stages of a form affect conversion rate?

Say I have membership and donation forms on the website of a not-for-profit organisation. The form is split into multiple stages such that the user submits the first stage (eg. details) and then the ...
22
votes
10answers
4k 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 ...
16
votes
10answers
2k views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers, I've seen two methods to capture user input . In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
15
votes
6answers
873 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
13
votes
4answers
5k views

What are the advantages and disadvantages of multi-window functionality vs single-window functionality?

I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
9
votes
3answers
2k views

What's the Best Placement for Save/Cancel Buttons on Very Long Forms?

I have a big project creation form having atleast having 30-40 fields where i have already grouped the relevant fields as a set(splitting into 3 columns) with proper headers, but still i have a long ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
8
votes
4answers
371 views

How do I add the ability to cancel editing without a button?

We currently have an interface pattern that consists of a list of rows; clicking on one row activates "edit mode", where the lables turn into text-boxes, afterwards you can either save or cancel. ...
4
votes
2answers
1k views

How to layout form navigation for best usability?

Is there any usability study about layout of form buttons? I have a simple registration process. The user is guided with several forms through the process. Each form has a <next> and a ...
4
votes
4answers
2k views

Single checkbox or yes/no radio button

For the form items below, which interface control is the best option? A single checkbox or yes/no radio button? Read EWLS advice letter? Checked images / report on PACS / CRIS? Pacemaker? Unable to ...
21
votes
5answers
646 views

Are verbs necessary on field labels for a survey?

This is slightly different than this question regarding a small form. I have a multi-page survey that can take up to 10 minutes to complete. Right now, all of our prompts start with verbs, but I feel ...
21
votes
12answers
2k views

Should date validation allow “091011”?

Should I allow users to input the MMDDYY or MMDDYYYY format for a date? That is, should any date validation logic not trigger a validation error if the user just wants to put in the numbers without ...
18
votes
11answers
3k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
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
16
votes
7answers
1k views

Should a search button go on the left or the right of the search box

When considering eye-tracking and the cognitive processes of identifying what an interface element is for, is it better for the button that activates the (often unlabelled) search operation to be on ...
15
votes
6answers
2k views

Credit Card input format

Somewhere, in one of the Usability books I read ( probably Donald Norman ), there was a suggestion that the normal format for entering credit cards was wrong. The usual format is 16 characters in a ...
7
votes
4answers
15k views

Why are there two Address lines in Address forms?

Experience and a quick Google Images search suggests that it's standard to provide two fields for Address/Street. A colleague argues that it's perceived as two alternative addresses, and that the fact ...
7
votes
1answer
3k views

What are the best practices of designing a validation message on an iPhone App?

I am working on designing an iPhone app and I need to know which validation message style is the most recommended for the forms included. I don't prefer to use a pop up window i need something that ...
4
votes
4answers
404 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
2
votes
1answer
2k views

iOS multi-step form and user input validation

I need to design a form that may consist of 3 or 4 steps, all of them requesting both mandatory and optional data. The overall form contains a lot of data inputs, so I thought it would be better to ...
2
votes
2answers
1k views

What is the best approach to labelling text input fields on smartphone application forms?

Platform: iOS. Must be able to run on all (probably most) iphone devices. As part of a smartphone application design, I am currently designing an "event creation" form, originally implemented in a ...
1
vote
3answers
241 views

Dealing with a large registration form

I'm in the the process of creating a registration form for a company where (quite a lot!) of information is required from the user, but I want to make it as painless as possible, while still being ...
13
votes
6answers
339 views

How to present weighted values

I have a formula which is used to calculate certain scores. The formula has some parameters (shown in the image below) including a Weight parameter that is changed dynamically (the rest of the inputs ...
13
votes
5answers
2k views

Should I let a user copy/paste into a confirm e-mail field for a registration form? [duplicate]

Possible Duplicate: Preventing a user from pasting from the clipboard into a mandatory form field There was a question of stackoverflow, that a programmer did not wont to let the new users ...
12
votes
3answers
722 views

FORMS: When to use dropdowns, and when to use dynamic lists?

Interesting that I couldn't find a discussion of this already. When should we use dropdown selects, and when should we use dynamic lists (updated as you type) in web forms? My opinion: Dropdowns ...
11
votes
7answers
1k views

Should Forms Auto Submit (Auto Advance) When Questions Are Correctly Filled In?

Here's my form. Now, I'm curious if I could remove the 'Continue' button and just have the form move to the next stage when someone correctly fills everything in. This is a bit different than When ...
11
votes
3answers
575 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 ...
11
votes
8answers
267 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 ...
9
votes
3answers
214 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
9
votes
5answers
491 views

Is autotabbing in forms helpful or harmful?

I work in an environment that makes heavy use of mainframe systems. These systems are costly to maintain, so a decision was made years ago to replace the mainframe with web based systems. As more ...
9
votes
3answers
2k views

Are “submit” buttons important for forms on iPhone and Android apps?

When inputting text on the last text field in a form on an iPhone and Android app, the enter key can be highlighted or (on iOS anyway) renamed "done", so that tapping it will submit the form. ...
8
votes
7answers
4k views

What are alternatives to a large drop down select list?

I am adding a single selection drop-down containing a list of all countries (around 200+ items). In Windows it works fine as it displays 10-15 countries at a time and the scroll bar shows up. On the ...
8
votes
7answers
1k views

Search Icon vs Search Input Box - Both Require One Click/Touch: Which to use?

I'm working on a mobile site of a rather large site. There are quite a few iA and navigation hurdles already, so I'm pushing to use a search icon instead of a traditional search input box. My ...
8
votes
4answers
8k views

For required fields, should we add the red asterisk before or after the field label?

Should we add red asterisk before or after the label of required fields, i.e., to the left or the right of the field name? My boss prefers to add the asterisk before the labels, but I like to add them ...
8
votes
3answers
442 views

Default input labels and text sizes

Looking to get community feedback on a few small related form questions: For standard forms: How long should a standard text box input be? These text boxes would be for first and last name? Should ...
8
votes
4answers
574 views

Is it good practice to only accept numeric keystrokes in number-only fields?

I have a form that only takes in numbers as it represents a dollar amount. Currently, the form only accepts numerical keystrokes. Is this good practise?