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)

14
votes
13answers
3k 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 ...
23
votes
4answers
4k views

Character limits on fields - pros and cons and best practices?

Some of our form fields have character limits. We're debating whether we should reflect the current size of data entry, or to simply hard-limit and inhibit data entry beyond that size. In HTML, ...
38
votes
8answers
1k 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 ...
35
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 ...
22
votes
5answers
2k views

When form submission fails, password field gets blanked, why is that the case?

I've seen many registration forms where if fields don't pass validation, the password fields are blanked as well. Why is this the case? I understand why you'd blank the password in a login form, but ...
14
votes
1answer
5k 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?
8
votes
5answers
6k views

Disabling submit-button until the user has completed the form

How do you think about disabling the submit-button until the user has completed the form or the required fields? I find similar questions here on ux.se and somebody answered that the user will think ...
17
votes
7answers
2k 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 ...
16
votes
7answers
2k 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 ...
9
votes
3answers
1k 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 ...
9
votes
2answers
1k 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 ...
7
votes
2answers
422 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 ...
13
votes
4answers
485 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 ...
13
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 ...
12
votes
11answers
382 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 ...
9
votes
4answers
958 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 ...
8
votes
8answers
1k 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 ...
8
votes
3answers
2k 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 ...
7
votes
1answer
579 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 ...
5
votes
5answers
810 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 ...
17
votes
5answers
2k 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 ...
11
votes
4answers
532 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
2answers
581 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 ...
9
votes
1answer
279 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 ...
8
votes
2answers
1k 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 ...
8
votes
3answers
11k 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 ...
8
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 ...
5
votes
1answer
361 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
865 views

One column logistration form OR two columns?

Don't look at me like that, I actually like the way to call both login and registration forms together a logistration form, well it's convenient. I've designed a logistration form, but the problem is ...
2
votes
2answers
202 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 ...
12
votes
4answers
1k 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 ...
9
votes
3answers
950 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
5answers
733 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.
5
votes
2answers
426 views

Floating submit/cancel buttons

I have a form in the system I am currently working on which loads in a dialogue window within the system. The form is about 3 times the length of the window it shows in, which obviously scrolls. I ...
5
votes
2answers
303 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
1
vote
3answers
2k 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 ...
1
vote
3answers
998 views

Which is the best design practice for edit data in RIA?

Which is the best design practice for edit data in RIA, for example in Flex or Silverlight? I would like to show customer's details, but there will be an edit window, than the datas of customer will ...
21
votes
12answers
10k 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 ...
83
votes
12answers
16k views

Removing placeholder text on focus

Chrome, Safari, and Firefox 15+ remove placeholder text after pressing first key in the text input. Opera, IE, and Firefox 14 and below remove placeholder text immediately after focusing the text ...
48
votes
11answers
4k 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 ?
27
votes
7answers
1k views

How do you sort a list of languages?

A website is available in 100 languages. There is a form to select a language, and it includes these 8 English Русский 日本語 עברית العربية বিষ্ণুপ্রিযা় মণিপুরী მარგალური አማርኛ Normally, I would ...
34
votes
9answers
8k 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 ...
39
votes
21answers
3k views

Do I really need a login button?

We've been having a discussion in the office surrounding a login page we're developing for a new web application. The web application is in intranet-based application, and is mainly used by users who ...
21
votes
6answers
3k 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 ...
15
votes
8answers
716 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
706 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 ...
24
votes
2answers
6k 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 ...