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
73 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
117 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
126 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
76 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
134 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
210 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
164 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
117 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
280 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
83 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
142 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
847 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
208 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
290 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
2answers
229 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
149 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
167 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
2k 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
105 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
205 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
109 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
302 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
726 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
275 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
249 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
408 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
227 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
278 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
86 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
741 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 ...
348
votes
10answers
70k 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
293 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
221 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 ...
1
vote
2answers
131 views

What language/wording is best to indicate the max character count on a text box has been exceeded?

Scenario After a user attempts to submit a form I am providing validation messages against any invalid fields. On one of those fields the user has gone over the max allowed character count. Example ...
2
votes
2answers
283 views

GUI pattern for presenting long forms

I need to design GUI for an application which is essentially an app which will allow the users to enter and modify parameters of legal contracts. Users must also be able to review all those parameters ...
11
votes
5answers
3k views

Why not use ellipsis to ask the user?

I'm using ellipsis in titles to ask the user. Something like this: I have also this alternative (more traditional): What do you think is the most intuitive for the user? Do you have another ...
2
votes
1answer
673 views

How do I indicate that fields are mandatory in Windows Desktop UI?

I need a method of indicating that certain fields are required within my forms on a Windows Desktop UI. I have read and searched the Windows Design Guidelines, but can not find a standard that ...
4
votes
3answers
126 views

Is it ok to have command links or buttons within a step on a wizard?

I have a scenario whereby the user needs to perform an action after entering some information within a step on a wizard. Can this action be initiated with a command on the step in order to reduce the ...
13
votes
2answers
725 views

Show approximate time to complete on a form?

Today, I'm dealing with forms of all kinds. There are small ones, large ones and then ones capable of making a user cry. It is necessary evil - because it is an application that collects a user's ...
1
vote
0answers
34 views

Is it ok to disable the next button until all of the required fields on a wizard form have been completed? [duplicate]

I'm considering disabling the next and done buttons on my wizard until all of the required fields on the corresponding step have been completed. My first thought is that if something shouldn't be ...
3
votes
2answers
127 views

Why do some sites block autocomplete on emails?

As a regular and frequent online shopper I have noticed that quite a few sites switch off autocomplete on email fields. For me this doesn't make too much sense, I am more likely to make a mistake ...
1
vote
2answers
114 views

Radio Buttons - To Default or Not To Default…that is the question [duplicate]

We are displaying a list of items, each with a set of options (or single option in some cases). The options are displayed using radio buttons because only one may be selected. A selection is required ...
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 ...
0
votes
5answers
594 views

Pattern for adding/removing an item within a form

I've looked around and can't find any pre-existing examples/patterns of an easy way to inline add/remove an item within a form. The scenario is during a process for me to add a new customer to my ...