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)

9
votes
5answers
30k 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 ...
9
votes
2answers
2k views

(One to many) to many form?

What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry? One parent element (a case - 15 data fields) One or more 2nd level elements ...
10
votes
4answers
1k views

Better approach to blue/underlined for link?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and assumed it was ...
8
votes
4answers
4k views

Best practice: card expiry date on checkout

What is the best format for gathering the card expiry data during the checkout process on an eCommerce website? So we need to collect the month of expiry and the date of expiry (as standard on all ...
4
votes
5answers
4k views

Form layout. Vertical Labels vs Horizontal Labels. Images inside

After reading http://www.lukew.com/ff/entry.asp?1502 and http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php Placing labels above input fields is preferable, but if you choose to ...
4
votes
4answers
1k views

edit & save buttons - do I need them? where to place them?

I'm designing a simple app for the Android platform. I have a page with some data, this page can be reached by two options: create new page- input fields are empty edit existing page- input fields ...
2
votes
2answers
478 views

'same as shipping address' or 'different from shipping address'

In the order process we ask the visitor the address he want us to ship the ordered products and the address he want us to send the invoice Most of the time, both are the same. We don't want the ...
5
votes
3answers
771 views

Which button should get the focus at delete dialogs?

I thought that most destructive actions should be avoided from default actions. But when a delete dialog comes, I see that most Windows applications (even the OS), by default, set the focus at ...
5
votes
3answers
934 views

Why are primary/call-to-action buttons usually plain blue?

I understand the reasoning for using blue in general, for backgrounds, etc... What I'm asking about is the blue in twitter bootstrap framework and other similar frameworks. It seems to become a sort ...
39
votes
12answers
25k views

What is the best way to deal with very complex forms?

I'm trying to give the best experience to users of a very huge system (like a CRM). It has a lot of forms and much of these have a lot of fields. My doubt is about if I should use a single column form ...
78
votes
12answers
11k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...
60
votes
13answers
8k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
38
votes
9answers
13k 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 and Confirm ...
57
votes
11answers
7k views

Submit and Reset button, what's the best order?

In a form with a Submit and a Reset button and the end, what's the best order for the user experience ? Submit first ? Or Reset first ?
25
votes
9answers
11k views

Mark or don't mark required fields if all are required?

If all fields in a form are required should they be marked somehow (eg. with an asterisk)? I see this done a lot and find it redundant? There could be a difference in big forms and small forms, but ...
23
votes
4answers
11k views

What should the character limit(s) for first/last name inputs be? [closed]

We want to create input fields for a user's first and last names. What should the minimum and maximum limits be, if any, and why?
14
votes
13answers
4k views

Long web forms - for Data Entry power users

I'm currently looking at a designing a VERY large webform which users will spend a lot of their day inputting data into. A few notes: This is basically data entry. These are power users, so ...
21
votes
2answers
5k views

Most intuitive multi-select component for the web

My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible. For instance I try to avoid drop down menus and use big ...
42
votes
8answers
2k views

How do we stop users overpaying in financial web forms?

Submitting my online council tax payment last week, I made a mistake. Instead of specifying £63.00 in a freetext payment field (about $100USD), I missed the dot and am now poorer by £6,300 (about ten ...
28
votes
9answers
9k views

Why isn't the “remember me” checkbox in login forms enabled by default?

On the majority of sites, a "remember me" checkbox on login forms is not selected by default. Most users would like to stay logged in after login. It annoys users each time to have to enter username ...
27
votes
5answers
2k views

Should a user be logged in after resetting their password?

Lets assume following flow: I want to log in I don't remember password I click on the "forgot my password" link (email is dispatched) I check my inbox and click on the link I type in password and ...
12
votes
6answers
3k 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 ...
6
votes
3answers
2k views

What is best practice for button labels?

What is the best practice when you're labeling your app buttons? For example, I have a button that links the user to the product reports page, will the button say "View Product Reports" or just ...
38
votes
6answers
3k views

Is the term 'field' too technical when giving messages on a form?

When writing help or validation messages on a form I usually write something along the lines of: "This field is required" "5 fields need to be corrected on this form" etc Is the term field too ...
20
votes
7answers
4k views

Should “gender” be required, or is there a better way to collect this information?

I believe in keeping a registration form as simple as possible so that we "grease the skids" toward conversion. Every field on our signup form is required, or else we wouldn't ask it. Here's what we ...
15
votes
1answer
6k views

Why is it inaccessible to create a form with no submit button?

Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
15
votes
2answers
3k views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
10
votes
3answers
2k views

Placement of delete button on form

I have a form which edits a flight, and it should be possible to delete them. I have considered putting a delete button in the index page, which lists all the flights, but the table rows are clickable ...
32
votes
2answers
9k 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 ...
27
votes
6answers
6k views

Should label and field be separated with colon?

When you have a form with fields and captions for these fields, should you do it like that: Field1: [ ] Field2: [ ] or like that: Field1 [ ...
16
votes
7answers
3k views

Disable the save button until changes are made?

We have a list of complicated things, which the user can click on to get a new view in which they can edit all the details stored for that thing. The edit view already has a Cancel exit mechanism ...
15
votes
4answers
6k 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 ...
10
votes
9answers
2k views

What to display while waiting for a process (4-5 seconds) to complete?

We realized that in some cases the user may be waiting up to 4 or 5 seconds (depending on connection) for their form (or some action) to be processed. The form involves getting data from other servers ...
7
votes
3answers
799 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
4
votes
6answers
659 views

How to present password rules

How should feedback be given about password rules in registration forms? a) When you focus on the password field b) When you type the first letter of the password c) When you stop typing, plus a ...
17
votes
4answers
5k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
15
votes
4answers
873 views

What's the Best Interface for Entering Canadian Postal Codes on a Smartphone Keyboard?

Typical smartphone keyboards are modal. There is usually a basic QWERTY/Basic punctuation keyboard by default that can be switched to numeric/extended punctuation mode. This works reasonably well ...
12
votes
2answers
5k views

Forms: Modal dialog or separate page in single page app?

In my application, I have pages that show lists of some objects, for example "People" or "Contracts". From these pages, the user may create a new object. Often these objects only have a handful of ...
12
votes
11answers
465 views

How to tell a client in a form that they can enter their email OR their tel # (but both are not necessary)?

In a contact form, I need either their number or email. I've thought of these ways: Have field label be "Email or Tel #", or "Email / Tel #" Have the above, but placeholder text in the input saying ...
11
votes
7answers
2k 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 ...
10
votes
3answers
21k views

What should be maximum and minimum length of persons User Name & Password? [closed]

I am wondering because I am trying to make sure that person have right amount of spaces for their user name. User Name and Password are security measures and should not be easy to guess. I have fixed ...
9
votes
4answers
2k views

How do I handle secondary navigation within a wizard-style form that will work for touch screens?

I am working on redesigning the UI for a Web app that registers users for something work-related (so my audience is captive). One of the main reasons for the redesign is to make it mobile-friendly; I ...
9
votes
8answers
1k views

Long scrolling form or 3 compact pages?

I have a form with three sections, each with about a dozen fields: General Product Information Product Details Shipping Options Should I place all sections on a single page (thereby forcing the ...
7
votes
1answer
924 views

Is a 'back' button needed on a web form?

I am re-designing a multi-page web form that currently contains 'back' and 'continue' buttons. I am wondering -- is the 'back' button necessary? If the user wants to go back, they will know to use ...
6
votes
5answers
992 views

Forgotten Passwords - is there a real benefit to asking for memorable password hints on signup?

On several signup forms I see fields such as "Choose your Memorable Password Question". Is this actually benifical nowadays? Surely a more secure method if someone forgets their password is to build a ...
1
vote
5answers
957 views

Checkouts as a multi-step process or as a long form?

Our checkout system has 3 clear steps: Basic Information - Title, Name, Email, Phone Card Details - Payment Type, Card Details Billing/Delivery Address - Company Name, Address I would like to know ...
20
votes
5answers
3k 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 ...
15
votes
4answers
2k views

Right-Click menu awareness on Web Application

The web application I am building has a custom right-click menu. I'm concerned that the user might not find this menu as normally right-clicking will only display the default browser's menu. Is there ...
12
votes
5answers
964 views

When soliciting donations on a website, should you start by providing a box for the donation amount?

A coworker forwarded me some feedback she had come across during an annual giving network discussion regarding website design for online giving websites: I'm jealous of this ...
12
votes
4answers
659 views

How to tell the user that an input box is autocomplete-enabled?

Is there a good graphical sign which tells the user that a particular field on the page is autocomplete enabled? For instance, the field name says "Document author". When you start typing in that ...