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)

86
votes
12answers
18k 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 ...
31
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 ...
51
votes
11answers
5k 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 ?
35
votes
9answers
9k 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 ...
23
votes
6answers
1k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
19
votes
5answers
12k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
41
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 ...
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 ...
19
votes
2answers
3k 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 ...
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 ...
39
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
819 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
726 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 ...
18
votes
5answers
5k 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 ...
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 ...
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
3k 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
893 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
6k 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
3k 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
373 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
651 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
17
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 ...
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 ...
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 ...
5
votes
5answers
3k views

Dealing with Area Codes in Phone Number fields

Ok so I know a similar(ish) question has been asked before re: friendly format for Phone Numbers. My question however focuses on a more specific part of this question, namely the 'dropped' first zero ...
4
votes
4answers
408 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
246 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
347 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
750 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
3answers
613 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
217 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 ...