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)

1
vote
1answer
185 views

Google places autocomplete with multiple(2) submit buttons

I'll try to make it short, as the problem is simple but long to explain: I'm using google autocomplete on a location search input. It's on the site's header so it should be quick and comfortable to ...
4
votes
1answer
102 views

What is the proper way to provide social media authentication: in login or register form?

We provided standard login/registration forms for providing email and password, but I'd also like to allow user use my website after oAuth authentication. Should they be able to register or login via ...
0
votes
2answers
103 views

Best Pattern for Creating Plans

In my web app I allow users to create payment plans for their subscribers. I currently only support one option: a monthly charge. I am working on adding multiple options, including one-time payments. ...
0
votes
1answer
84 views

Does “Enter” key action is required for web form submission? [duplicate]

working on web form with 5 fields, once i fill all the fields, i usually clicks the submit button. Is necessary to give similar action to "Enter" key for submission?
1
vote
3answers
101 views

Best way to present a quick access option in a login form

I'm building a web app that will require users to do some small data entry. By default, when a user logs in, they are taken to their dashboard to see the status of their account. From here they can ...
1
vote
1answer
112 views

Optional question with one selection from multiple options

I have a form where I have many questions that: Can be left unanswered Have short list of options that should be all visible Only one of the options can be selected at a time The current solution ...
0
votes
2answers
105 views

Helptext area vs Help “Tool Tip” icons on click

In our applications, the users are going through plenty of screens filling out form fields and selecting various options from dropdowns, radio buttons, etc. Because of this, we currently house one ...
3
votes
1answer
231 views

How to design a progress tracker for a mobile environment?

I currently have a web form that is designed for full screen desktop/laptop/tablet displays. As it is a multi-step form, there is a progress progress tracker at the top of the page, highly designed ...
1
vote
1answer
160 views

Best way to integrate validation errors and hints into web form

I'm creating a web form and have followed the best practices laid out here and on other UX sites so far. The one decision I still have to make is regarding the display of error messages and input ...
2
votes
2answers
59 views

Should I trigger an 'unsaved data' dialog on the cancel link?

Here's a question for the group. We are setting up our dirty fields checks for a multi-page form. We are setting it to be triggered when the user tries to navigate away, close tab, etc. One case that ...
5
votes
3answers
469 views

Tests on more “human-ish” forms

Is there any usability test about using the following style of forms? It would be displayed after the user clicks on "register". Welcome, [full name]________ To save your progress, you will need to ...
1
vote
1answer
68 views

Different alignment for elements of two groupBox in a form

I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to ...
4
votes
1answer
115 views

Should we fake succesful form submit, display result and then revert if some conditions are not met?

Like on Stack exchange, when you try to vote up your question, it appears like you successfully voted, count goes up and vote up button highlights, but then when form actually completes submitting ...
0
votes
2answers
118 views

Best practice in a fullform page

I've have a page with iss full form. What is the best practice to do this? In the moment title is align to the top menu, with inputs textwith full widht of the page, and selectswith 50% centralized. ...
2
votes
2answers
69 views

Using gradual engagement for collecting reviews

For a product site, I am preparing a pattern to review products. To prevent spam (and due to legal requirements) we need the reviews to be confirmed by users. In my example, I would like to use email ...
21
votes
3answers
1k views

What is a user friendly way of preventing users re-submitting / editing a form while it is submitting?

What is the most user friendly way to block user input to form while form is submitting that can be reused i.e. so I don't have to implement it for each form? For forms with only buttons (I have ...
3
votes
3answers
129 views

Should dropdown background color be same as other (text) inputs on a form?

Today I noticed one really annoying thing in a new layout from a designer. In the new design, all dropdowns had much darker background than other text inputs. For one, the contrast was quite poor, ...
0
votes
2answers
195 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
0
votes
0answers
69 views

Supporting International Billing Addresses, when they are a small % of user base

Our site is expanding internationally. During our checkout process, we ask customers to give us billing information such as Address, City, State, & Zip Code. This is used both for fraud prevention ...
1
vote
3answers
146 views

Sign In / Registration form

I've seen this topic : Combining Sign in and Registration form It gives me some answers, but let me show you the issue we're encountering. We are doing a small app, and we want users to be able to ...
3
votes
2answers
112 views

Should a check box field be disabled or removed from an interface if is it not going to be used? [duplicate]

I have a web page set up wizard that guides a user through several steps to create an object. One of the steps in the wizard requires the users to pick via check boxes a property to their object. ...
1
vote
4answers
278 views

How to show forms on One page websites

Our earlier website was an old school design with window size fixed pages with a lot of unnecessary content. We shifted to a one page website. We aim at acquiring leads for business through the site. ...
1
vote
1answer
80 views

How to make entering of these data in a ternary relationship more user friendly?

We have a very complex form describing a genetically modified lab animal. One animal can have multiple mutations. A genetically engineered mutation occurs when a researcher inserts a foreign gene ...
6
votes
1answer
141 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 ...
3
votes
2answers
608 views

What is the best way to hide a Honeypot Captcha?

I was looking for alternatives to the use of captcha due to its annoyance to users especially because they're getting more and more difficult to solve for us, the humans. So I found out that a ...
1
vote
2answers
186 views

Best placement for validation-summary in a form

I'm designing several forms for a web application. Non-validating fields are marked red, and we show the messages in a validation summary. We wonder: what would be the best placement for the ...
10
votes
2answers
274 views

Likert scale radio buttons: default choice?

We are making a simple Likert scale radio group for feedback and will group it as follows: Please rate the service you received: Very poor Poor Average Good Very good ...
11
votes
7answers
1k 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 ...
1
vote
1answer
216 views

Scheduler Design with Slots

I to create a UI design for recurring events Example: John, do hair cut on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do 45 mins slot ...
2
votes
2answers
146 views

Change Password Button Alignment - Left / Aligned to input cell / Right? Why?

We are designing a Change password box in our web app. This is part of the "Account page" - not in a dialog. Where does it feel the most natural to place the "Change Password" button in this case? ...
4
votes
3answers
161 views

Affordance of ContentEditable elements (without changing the background)

Context I want to use the ContentEditable attribut instead of classic inputs. It sounds like a duplicate of Affordance of Edit In Place functionality, but actually I would like to avoid the changing ...
6
votes
7answers
1k views

What are alternatives to a large drop down select list?

I am adding a single selection drop-down containing a list of all countries (around 200+ items). In Windows it works fine as it displays 10-15 countries at a time and the scroll bar shows up. On the ...
3
votes
3answers
94 views

searching within form

I am working on a tablet app that has a database of appointments. The client wants the following to happen when the user is creating a new appointment: User types a last name into Customer Last Name ...
0
votes
1answer
102 views

Displaying checkboxes with large labels vertically or horizontaly

From a user experience perspective what would be the most intuitive layout for checkboxes and labels on this form? (Click here for full size image.) What would you guys think is the best way to ...
2
votes
3answers
197 views

Multiple choice with Yes/No but some are not mandatory

I am looking for UI patterns for scenarios where the answer to a question can be Yes or No but the user can also choose to not answer the question. The meaning is different in all the 3 scenarios. ...
0
votes
2answers
104 views

Vertical alignment of credit card date fields

Echoing my answer to Is it a bad idea to have all credit card fields on one horizontal line?, there is much evidence that suggests that vertically aligned fields and labels are the best way to layout ...
3
votes
5answers
291 views

Is it a bad idea to have all credit card fields on one horizontal line?

My checkout form is a bit long and I don't like it, so I placed credit card fields on one line. Is it a bad idea to have all the fields on one line horizontally like the image below?
10
votes
4answers
719 views

How to maintain a total of 100%

I'm working on a OSX desktop application for rebalancing investment portfolios. I have a screen where the user can input his desired target allocation for different sectors (US equities, Bonds, ...
16
votes
12answers
1k views

Are users confused by the file upload element?

I have a fairly standard profile editing page (password, email, etc.) that contains one standard file input element. Since the file input field is the last editable field in the form, the submit ...
8
votes
3answers
269 views

How to make users leave out optional fields when they don't have anything interesting to fill in?

I am working on a CRUD application for describing tumor models. A tumor model is the description of an experiment an oncology researcher did with lab animals. There are a lot of possibilities of what ...
3
votes
3answers
1k views

Are <,> or “Previous,Next” buttons better for form navigation in iOS 7?

Before iOS 7 form navigation in iOS 6 Safari was handled by a "Previous,Next" segmented control just above the keyboard. But with iOS 7 they are replaced with arrows "<,>". However in the iOS ...
3
votes
3answers
235 views

Validation on complex forms

I have a complex web form in CMS which consists of: few tabs; different elements on each tab; properties pane; components pane. The problem with validation is that not all UI elements are displayed at ...
2
votes
3answers
347 views

Should US State be a dropdown or text field

For address entry forms, should "State" be a text field or a dropdown? Personally, I find a 2-character text field to be much faster to fill out than selecting from a dropdown. However, the majority ...
1
vote
3answers
223 views

GUI pattern for an unkown number of parameters

I am designing a form which requires the user to set a long list of parameters and a value. Each entry in the form can have any number of parameters, though some do have typical values. In the past I ...
4
votes
2answers
258 views

Autocomplete: How to display minimum characters

I've joined you especially for this question :-) Our web-based system has a search for person names that is heavily used - so heavily that we have run into performance issues. The search uses jQuery ...
2
votes
1answer
77 views

Selecting item with additional settings from list

This is for a web interface. I have a list where users can select items that displays data onto a page. Some items are already preconfigured so that when you select them, no additional settings are ...
19
votes
6answers
728 views

Why do address forms ask for the US state?

Inspired by Why do credit card forms ask for Visa, Mastercard, etc.? - Why is it standard for web sites in the United States to ask for ZIP code and state? Asking for the state is redundant. The ...
345
votes
10answers
69k views

Why do credit card forms ask for Visa, MasterCard, etc.?

You can tell if it's a Visa or MasterCard based on the number it starts with, i.e. 4 for Visa, 5 for MasterCard. Why do most billing forms request the type of card? It's not a barrier for bots (to ...
3
votes
3answers
289 views

Am I providing too little feedback?

Consider this form in its blank state. Here's an example of an invalid entry. I pre-filled two fields because I belief that, edge cases aside, most users would attempt to use the form ...
2
votes
2answers
219 views

Is there a less technical term than “required field” when marking fields with an asterisk?

Recently the question Is the term 'field' too technical when giving messages on a form? was asked with the top-rated answer saying that in messages, you should instead refer to the information that is ...