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

learn more… | top users | synonyms (1)

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 self-...
8
votes
4answers
5k 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
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
538 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
966 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 ...
43
votes
12answers
29k 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 ...
61
votes
13answers
9k 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 ...
27
votes
14answers
11k views

How Yes or No Questions Should be Represented in Forms

This question started out on the Pro Webmasters SE. See: http://webmasters.stackexchange.com/q/8578/1847 I am a web developer. My designer gave me a mock-up of a web form. In it, there are several ...
58
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 ?
38
votes
9answers
14k 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 ...
26
votes
4answers
13k 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?
26
votes
9answers
12k 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 ...
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 ...
29
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 ...
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 ...
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 (...
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
863 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
684 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 ...
18
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
914 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 ...
15
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
484 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 ...
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 ...
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 ...
7
votes
1answer
979 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
1k 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
1k 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
4k 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 ...
13
votes
2answers
641 views

Should there be a difference in the relative sizes of the buttons in a confirmation dialog?

I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a ...
12
votes
5answers
994 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 https://giving.sc.edu/...
12
votes
4answers
682 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 ...
11
votes
3answers
894 views

Opt-ins versus opt-outs in forms - does nobody else care?

Whilst filling out a form on the Royal Mail site this morning, I came across this heresy of form design: the self-negating checkbox... This required careful (re)reading to ensure that: I was ...
10
votes
3answers
5k views

Guidelines for when to auto-save settings vs “save” button

In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
10
votes
1answer
318 views

Should I allow users to select a valid but disqualifying option?

I'm working on an application form where a user must be 18 years or older to apply. Should users be able to select years that would equate to them being younger than 18 or should I remove them from ...
9
votes
3answers
678 views

What is the best control to use to select from a list of thousands of possible options?

I have a field which needs to be populated from a large list of items (many thousands). These items have unique numbers as identifiers, and there can be many thousands of them. (Similar to the way ...
7
votes
1answer
300 views

When designing a form, should I favor consistency over optimal usability for each input?

I was reading this question and this thought occurred to me: When I am designing medium or longer length forms in a web interface I often favor consistency in choosing the input mediums for the ...
6
votes
1answer
300 views

Search field with or without a button?

I can see two broad patterns as far as the design of the search field is concerned. One like we see on Google has a button that the user can hit to initiate Search. (They could also hit enter to do so)...
5
votes
1answer
407 views

Unifying Search and Browse

I am working on a part of a website right now. Let's just call it a Map for now. Every user has a map, which displays his or her interests as images in a grid. Quite obviously, the user can add or ...
2
votes
2answers
222 views

Is it a good practice to show a sign-up or registration form as seperate parts rather than in one go?

I am designing a registration form for a site with multiple sets of information required from the user. I have categorized the data fields into relevant groups. Now should I present the form sections ...
2
votes
3answers
4k views

Keyboard shortcut for “Submit form”

I use a form maybe 100 times a day. I can tab between the fields with no problem but most of the time I don't have to fill out the entire form and would like to submit it without having to touch the ...
9
votes
3answers
2k views

Using country flags with currencies?

We are considering incorporating national flags into a currency selector, alongside ISO currency codes, like this: We are well aware we should not use flags for selecting languages because there ...
8
votes
3answers
2k views

Behavior of the Enter button in a form

What is a better experience for a user if they press enter when using a form? Should it submit the form or move to the next field?