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
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
774 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
198 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
288 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
228 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
104 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
203 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
107 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
297 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
723 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
273 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
243 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
390 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
226 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
272 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
85 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
738 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 ...
347
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
292 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
130 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
275 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
628 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
125 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
723 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
110 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
561 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 ...
1
vote
1answer
205 views

Interaction with remote validated form

I have a form with one or more fields which must be validated by hitting a remote (ajax) service. I can validate at several different points, each of which seems to present pros and cons: On keyup ...
22
votes
8answers
3k views

Mark or don't mark required fields if all are required?

If all fields in a form are required should they be marked somehow (eg. with an asterisk)? I see this done a lot and find it redundant? There could be a difference in big forms and small forms, but ...
0
votes
1answer
150 views

Float button position

I have a register form where the user can select the type of registration, for example, 'Solo Artist' and 'Band', when the user select one of them the register form is loaded ('Register' button is at ...
5
votes
3answers
150 views

Entering any two of four inter-dependent values

While designing a garden landscape, I want users to be able to define a slope of the terrain. There are four values users can enter: Run - the horizontal distance along the depth of the slope Rise ...
3
votes
5answers
290 views

Do I really need to show an end date if my event goes past midnight? Isn't this implied?

Our apps frequently deal with events that begin on one day and end on the next. This almost always turns something very simple, such as: Event: Yankees vs Red Sox | Date: 9/1/14 | Start Time: 8pm | ...
4
votes
5answers
361 views

Are pre-selected form elements a bad practice?

I am developing the front-end for a web application that will be the latest product of my company. There is a part of the application where the user clicks on a button, and a popup window is ...
5
votes
2answers
862 views

Forms: Modal dialog or separate page in single page app?

In my application, I have pages that show lists of some objects, for example "People" or "Contracts". From these pages, the user may create a new object. Often these objects only have a handful of ...
2
votes
2answers
510 views

Where should the submit button be for these type of compact forms? (bootstrap 3 module)

So Im creating a compact forum module for bootstrap 3. The project is opensource on github. This type of forms are good in two ways: Its so 2014 and very user friendly on mobile devices. But Im ...
3
votes
6answers
423 views

Best way to represent a range of options on a form

I am designing a web form and want to make it as slick as possible. One of the fields on the form, asks users when their house was built. There is a list of options for them to choose from e.g. ...
10
votes
5answers
2k views

Should I auto-save a user's credit card information?

Is it wrong of me to automatically save a user's card info without asking them? Update: I am using Stripe, so the card data never touches our servers. Using Stripe alone doesn't make a site fully ...
1
vote
1answer
164 views

How to design a pane with keywords?

We want to enhance the keywording in our program and for this we plan to add keyword sets organized in panels. Here is a screenshot from another program which depicts two variants for showing these ...