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)

11
votes
2answers
2k 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 ...
5
votes
2answers
444 views

i18N and form design

I'm trying to design a web form supporting internationalization (i18n). The form will be part of a large event management software. Users login, create events (like conferences, roadshows, and so ...
6
votes
1answer
201 views

Is it OK to change label alignment inside a form if labels vary greatly?

I am designing a form that asks for a lot of data in the form of Short Label [text input] However, in between all those short labels there's suddenly longer questions such as: Are there other ...
2
votes
2answers
428 views

A method to display error validation in forms with severe space constraints

I am familiar with common form error validation techniques. However I would like to find a nice way to handle error messages in an interface with little room to spare. I'd like to show: Flag the ...
5
votes
2answers
1k views

Time slot selection

I'm on a quest to find the most user friendly way to offer a time slot selection to make an appointment in a company's calendar/agenda. It doesn't really matter much interface-wise, but because it ...
16
votes
3answers
628 views

Should first and last name be formatted?

When collecting first and last name from users, should the name be formatted if it will be shown to the user again? Example: BILL is formatted to Bill It seem almost impossible to account for all ...
3
votes
3answers
315 views

Check the box to confirm your email address

Some projects/clients firmly ask to confirm the email when a user enters information in a particular field. When I don't have a choice, I'm proposing a checkbox that users need to manually select to ...
11
votes
5answers
3k views

Where should form instructions or hints be placed?

I was browsing Forrst and came about a screenshot of a form designed with Twitter Bootstrap that had the label on the left, the input field on the right, and the instruction that it's required under ...
2
votes
1answer
82 views

What is the ideal way to allow users to choose a category for their post

I'm working on a website where users are able to create a post in a specific category. Would the best approach be to do something similar to craigslist where you're shown a page with main categories ...
9
votes
3answers
953 views

Should password fields be blanked when inline validation fails?

This question with a similiar name refers to registration, but in my case, I would like to address submission. My use cases are: A login form consisting of a email address. A change password form ...
4
votes
2answers
171 views

Should options in a droplist be sorted by popularity or alphabetically?

I'm building a flexible search tool where the user can put together a query against one or many of a long list of fields to pull back a list of results. I was considering a TFS like query builder ...
12
votes
4answers
396 views

What is the best way to ask for a specific amount?

Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
2
votes
1answer
144 views

Do auto tab break the least astonishment principle? [duplicate]

Possible Duplicate: Auto Advance to Next Field Do auto tabbing a field break the Principle of Least Astonishment?
7
votes
3answers
427 views

Add question form - mark answer as correct

In a web-app quiz form used to add new questions (with answers) for the app, how should I indicate to the user to mark an answer as correct? Currently you mark an answer as correct by clicking the ...
7
votes
1answer
2k views

Best Method to Present a Many to Many Form to User

I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present. Models and ...
5
votes
5answers
291 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
3
votes
2answers
203 views

Line breaks in form selections for mobile

I'm laying out a mobile site that has an awkward screen for security questions. There are 5 questions, each with an input field for answers, however the questions are all too long to be displayed in ...
2
votes
2answers
186 views

Generate a list of resolutions for a new window

My program is a wrapper for Remote Desktop Connection which generates a ".rdp" file and launches the file through the normal program. I am trying to mimic Remote Desktop Connection's resolution slider ...
2
votes
3answers
269 views

Editing data on confirmation page of multi-step form

I am designing a very complex form for a signup process for a new web product. We have not yet decided whether the form will be a Wizard or Intelligent (one-page) form yet; we are A/B testing both ...
13
votes
3answers
968 views

Laying out checkboxes in forms

I have some pretty large forms mostly consisting of text fields and dropdowns. However, there are also checkboxes scattered here and there. I'm trying to figure out the best way to lay them out. ...
29
votes
5answers
2k views

Auto Advance to Next Field

When is it appropriate to 'auto advance' from one text field to the next, as in phone numbers and SSN?
3
votes
2answers
500 views

UI for adding/removing groups of form fields

I have this block/group of form fields, which together form a 'location' object. How should I show the add and delete buttons for these objects? I need one 'add location' button/icon, and a 'remove ...
11
votes
7answers
4k views

Reasonable character limit for a comment field on a site feedback form?

I have a simple feedback form (see screenshot) on each page on a site. The user has to select whether the page was helpful or not (radio buttons yes/no) and there is also a text area input where the ...
40
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 ...
4
votes
3answers
2k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
0
votes
2answers
631 views

Whats the best way to present “Order Quantity” boxes/dropdowns?

You know those boxes on ecommerce sites where you specify how many items you want to order? What is the most UX friendly way? Usually I trust on Amazon.com when it comes to UX, but they use a ...
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" ...
20
votes
6answers
2k views

Combining all the address fields into one?

Both customers and companies want a quick and easy checkout experience. From what I've seen, a big UX bottleneck at checkout is the billing and/or shipping address(es) because there are so many input ...
5
votes
1answer
499 views

Interface for linking multiple email addresses and addresses to an account

In a web application I am building, I need to allow users to link multiple email addresses and addresses to their account. The requirements are: Users can add and remove email addresses and ...
2
votes
4answers
3k views

Large forms design guidelines and rules

I am working on a web gui of inner corporate CRM system which has a lot of pages with large forms, that contain 10-60 different types of fields: mainly inputs, also selects, radios and checkboxes. ...
7
votes
3answers
557 views

Representing “undetermined” in a three-state checkbox

I'm developing a rule-based forms application where the user must explicitly choose a value for each data field, even boolean ones. For controls like combo boxes, this is not a problem, as they just ...
3
votes
2answers
723 views

dynamic form design

I have a multistep form setup in my rails app.. In one of my steps the user can enter a friends name, birthday, gender, and the persons interests. They can enter as many friends as they like (each ...
5
votes
3answers
212 views

What technique(s) would you use to evaluate and [re]define fields in a lengthy and complex form?

We were commissioned the redesign of a web application for real estate agencies. During the first stage of our user research, which was a contextual inquiry, we found that the form fields (or data ...
9
votes
4answers
1k 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 ...
2
votes
2answers
143 views

Web control to select main and secondary actions

I like to think on design and usability terms but, first of all, I'm a developer and I need your help thinking on how to design a reusable web control. I've a data grid like the one below. User ...
3
votes
5answers
637 views

Search based on multiple fields - usability

We have a search scenario where the user should be able to do a search based on four inputs, three being 'optional' text inputs and the fourth one being a select box We came with below three ...
6
votes
6answers
291 views

How to format 'Same as Street Address'

On the left I have the Street Address details, on the right are the Postal Address. (This is not for shipping but identifying a place for a technician to visit) Of course, the Postal Address has the ...
7
votes
3answers
850 views

Should user registration be tabbed or part of a multi-step form?

I am trying to find a good way to design my registration form. I have looked at the idea of having multiple steps for the form. Or using a tabular layout. Both of pros and cons. I am wondering which ...
5
votes
2answers
339 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 ...
18
votes
5answers
838 views

Is it better to have an icon in front of validation messages?

As you can see in the above image, there is a validation icon in front of the text. This is unnecessary, but I thought it might be good to catch the eye. If there is no icon, it's still clear ...
6
votes
5answers
565 views

Convention for showing that one of two web form inputs are required? [duplicate]

It's a common convention in web form design to mark required fields with an asterisk. Is there any way to denote that one of a pair of fields is required? In other words, a form like this: ...
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 ...
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 ...
3
votes
4answers
580 views

How can you combine multiple dropdowns into an apparent single control?

I have a simple interface in a webapp for users to edit their profiles. In the interface, the user is able to choose his timezone, so that we can localize the dates and times in the application. To ...
1
vote
3answers
175 views

Should form elements work in a form creation application?

I am building a part of an application where users will be able to create and edit existing forms: download bmml source – Wireframes created with Balsamiq Mockups The submit button is ...
2
votes
1answer
712 views

address form fields

I'm developing a website that displays information about European festivals, including their addresss. Given that different countries use different address formats, I'm wondering what is the best "one ...
6
votes
2answers
133 views

What control would best allow the adjustment of signal/noise ratio?

I am developing a web app where a prominent feature is the ability to adjust the signal/noise ratio of the app's content on the fly. The value needs to be represented along a spectrum which includes ...
22
votes
9answers
6k views

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

On most part of sites "remember me" checkbox in login form is disabled by default. Most part of users after login would like to stay logged in. It annoys users each time to enter username and password ...
24
votes
4answers
3k views

HTML label association with inputs; bad UX?

I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
4
votes
2answers
2k views

Form to get user's Machine-readable passport number

In my registration form I have to get user's Machine-readable passport number: http://en.wikipedia.org/wiki/Machine-readable_passport I am talking about the second line which contains 44 digits ...