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)

5
votes
1answer
486 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
552 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
695 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
211 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
621 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
843 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
332 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
835 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
538 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
577 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
173 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
700 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
132 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
5k 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 ...
5
votes
1answer
162 views

What is the optimal layout for a form with two respondents?

download bmml source – Wireframes created with Balsamiq Mockups I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
3
votes
1answer
184 views

Upload and save picture immediately after selection

I currently have an interface for editing a user's profile in a web app: download bmml source – Wireframes created with Balsamiq Mockups There's a discrete form in each tab of the ...
4
votes
2answers
248 views

1 form or multiple forms for managing user accounts?

I am currently designing an interface for managing user accounts in a web application. Essentially, in this interface, the user should be able to edit an account's profile, disable/enable/close the ...
7
votes
5answers
176 views

What are the effects of breaking typical question order in web forms?

What happens when a form presents fields in an unorthodox order, or can't group them in traditional ways because of design constraints? For example, I'm considering a concept for a log-in / ...
4
votes
2answers
149 views

Forgiving Format: Rewrite on blur or ASAP?

I'm implementing the forgiving format pattern for phone numbers and social security numbers on a web site. Basically, the idea is the user types their (US) phone number: 5558675309 The system ...
14
votes
7answers
3k views

“Sign Up” vs “Create an Account”

Which pick is better for a service? Especially if I would like the website to resemble American style. Gmail and Dropbox say: "Sign In or create an account" Yahoo says: "Sign In. New here? Sign ...
5
votes
3answers
702 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 ...
2
votes
2answers
934 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
3answers
645 views

Suggestions for web form mockup

I'm working on a web application and one of the forms in my application has many inputs. I've tried my best at trying to organize and have them displayed in a manner that saves space and isn't ...
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 ...
3
votes
5answers
2k views

How to force a user to choose from suggestions by typing

In auto-complete input fields, the suggestions are usually optional, but the user can type whatever he wants. I want to force the user to choose from the suggested list. The best option I can think ...
2
votes
1answer
262 views

Folder picker: Some users want to preview contents of the folder but others find this confusing

In our Silverlight application we have a wizard that gives the users the ability to browse to a specific folder on the server and in a subsequent step select the specific files that they wish to ...
0
votes
1answer
248 views

Getting input for a one-to-many relationship

I have a flight logging application with a profile section that allows users to enter personal information about themselves and additionally add any certificates they own (recreational- and private ...
4
votes
5answers
824 views

Drop-down Filter - Submit button vs OnChange

I have a dashboard that displays different table data based on a drop-down SELECT field. While I realize it's more efficient for calling the data from the database by having the user have to click a ...
6
votes
5answers
312 views

Is it bad practice to make people fill out forms to download company whitepapers?

Its useful for the company to know name/email/company of the person requesting the download but isn't it more of a barrier that is not good for UX and puts people off?
6
votes
1answer
447 views

Many-to-Many associations - Edit in place or on new screen?

I am trying to design an interface to do two things: Create Items and Objects Create links between Items and Objects (in a many-to-many association) An Item is a simple attribute that must be ...
17
votes
7answers
3k 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 ...
1
vote
1answer
154 views

Show mapped input in form

As a part of a form I got one field where users input an id. This id maps to a name. I want to show this name in the form since spotting a typo in a id sequence of numbers is harder than recognising a ...
3
votes
2answers
119 views

Functionality of a form that receives bids for an item. What's best?

I have a form that receives bids for items. It is shown below: In green you can see the price for the current winner bid, below, the minimum increase for the next bid (in the case of the image, the ...
2
votes
2answers
346 views

How best to design a UI that allows for the user to add multiple objects to one master object?

I am in the process of designing a form that allows a user to build a "book" from a group of documents. The documents are selected by the user selecting several options/filters using buttons. ...
19
votes
8answers
2k views

How to warn a user they are approaching the character limit for a text input field with a soft maximum?

I'm writing an internal web application to generate subtitle text for videos. Part of the requirement for this project is that each line not exceed X characters, except where circumstances warrant. I ...
4
votes
2answers
401 views

Edit button or editable nodes?

We are working to design online forms. Some forms are opened when they already have some of the user's personal information (like name and address). The user can edit existing data, and enter ...
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 ...
5
votes
1answer
736 views

Is the asterisk the common symbol to mark fields as required in all languages?

I did some research but didn't find an answer to it. The asterisk seems to be a common symbol on the web for marking input or user interaction as required. Most likely it has it's origins in print ...
6
votes
2answers
156 views

Should all browsers share the same experience?

I'm creating a page that uses history.pushState() which is only supported by html5 browsers. As such, should users of older browsers have a different experience? Here are two options that I can think ...
1
vote
3answers
126 views

Force reconfirmation of details

When entering a new application our customer enters their clients name, dob, and license details. The system then checks if the client already exists. If they exist the rest of the their details are ...
3
votes
2answers
811 views

Editing items: modal pop-up dialog or same page?

In a rich web application built on ASP.NET, which is preferred for editing data items in the system: a pop-up dialog or edit on the same page? The use case is a person views an item's details and ...
3
votes
1answer
318 views

What should be the alert message on clicking “Cancel” Button

I have 3 buttons on a form, which is filled by system but the user (admin) can edit any fields if he wants. download bmml source – Wireframes created with Balsamiq Mockups Save: Will ...