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
120 views

Is the ELMER form design guidelines still current? Any other good government guidelines out there?

I came across the ELMER form design guidelines published by the Norwegian Ministry of Trade and Industry, which gives a pretty comprehensive and reasonably well documented set of guidelines for the ...
0
votes
1answer
54 views

Multiple page forms

What is the effect of using a multiple page form; as compared with a single page form with a lengthy content? What is most important in making the right choice of form format for tech-savvy users ...
3
votes
4answers
340 views

How to make HTML5 number input field more user friendly?

I am upgrading my website to adopt HTML5 standard. I have a field that only accepts integers from 0-99. Originally it has the following code: <input name='age' type='text' size=2 maxlength=2> ...
1
vote
5answers
146 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original ...
0
votes
4answers
148 views

How to indicate primary vs secondary placeholder text in madlibs style form?

I've got a somewhat irregular case: I need a user to fill in two values in a placeholder text. On the screen, there are a total of 4 placeholder texts. two of them are required, two of them are not. ...
1
vote
2answers
362 views

What's the name of this pattern (submitting an entry which gets added to a table)?

In this example the user would enter an item number and add it to the list: Does this particular pattern has a name?
2
votes
1answer
114 views

Layout options for Fast Item Entry

I'm redesigning a parts order entry system that is intended to make order entry simple and fast. Users often add 40-50 parts per order. For various reasons (client resistance, deadline, complex ...
0
votes
2answers
60 views

User can specify a directory for an auto-generated filename or specify an explicit filename

Software function Allow the administrator of a piece of hardware to download the server configuration and store it in a data file for backup / migration purposes. The interface is currently setup as ...
0
votes
1answer
60 views

Wrap input text?

What is the best practice for whether or not to wrap input text if a user enters too much text to fit? It seems to me having the text wrap would be best but this isn't the default browser behavior. ...
1
vote
1answer
93 views

Reverse and optimize the sign up process for double opt-in

The perceived majority of websites have a quite similar approach to double opt-in signups: all information required to sign up is required before sending a confirmation e-mail. The confirmation e-mail ...
0
votes
3answers
155 views

force a user to fill out a check box so they don't skip the question

I have a form which asks: Are you, or is anyone in your household employed in the following areas? Healthcare Manufacturing Media etc. This would of course be check boxes, but my client is ...
1
vote
1answer
126 views

How to display configuration forms to minimize clicks

I'm writing a desktop application that allows a user to create a project and add data sources to it. I need to allow the user to edit existing data sources so they can change advanced options not ...
0
votes
3answers
131 views

How to retain users when payment is *not* the last part of the process?

I'm working on a project in government that requires users to fill in an online form and make payment for the service online, but that's not the end — users then have to do some stuff in the real ...
2
votes
4answers
114 views

Checkbox or Radio, specific use case

I have a very specific use case and it has led me to question the checkbox vs radio button convention... Radio buttons are used when there is a list of two or more options that are mutually ...
2
votes
1answer
97 views

Default radio button option always first?

Given a set of radio buttons, should the default option always be the first? (Leftmost if they're in a horizontal list or topmost if they're in a vertical list) Is there ever a case when this is ...
19
votes
3answers
2k views

Which pattern of filling a form is most usual?

Do users fill the left column of filelds first or do they use a Z pattern in filling the forms?
16
votes
5answers
2k views

Do input box highlights improve user experience?

Modern operating systems and web browsers lightly highlight text input fields on mouseover: The highlight is so minimal it's easy to overlook. Other form elements (such as dropdowns) highlight more ...
0
votes
2answers
88 views

Bulk Editing with Conditional Fields

I have a form that is used to bulk edit a set of records. The form shows fields where the user can enter data, and if they do, those new values are applied to the selected records. When editing a ...
0
votes
2answers
128 views

What is the best way to select a subset of a string, for both web and mobile?

So I have this design where I have a large list of transactions, which I want to categorize. The transactions have the following information: **Date**: 2014-03-16 **Note**: 1231832 Belfast account ...
2
votes
2answers
68 views

What is the best placement of character counter relative to the text field?

I want to show a character count beside a multi-line text field. Looking for any research or usability test findings regarding the location of that character count relative to the field (pic shows ...
1
vote
2answers
102 views

selecting multiple items from a short list, and marking one of them as “leader”

Several forms in our B2B web app allows users to choose multiple items from a short list of items. Here's one example: Now I need to figure out a pattern to allow users to choose a "leader" item ...
1
vote
1answer
80 views

Forms: pattern to create/convey dependencies between fields?

I'm designing a feature where the user can create forms which then other will be able to fill out ( and either pass or fail). The user will be able to write questions and set which answers (yes or no) ...
1
vote
3answers
324 views

Best Practices on toggle switches and defaults in forms?

In many cases, when creating an A/B choice for a user, there is a clear option that should be the default; if not, the debates can rage... and if the choices are not clearly boolean (Yes or No), it ...
1
vote
1answer
213 views

When can we stop assuming that a 2 digit year starts with 19

If the user inputs only 2 digits, should I assume that they mean 19XX? I have inline validation that validates a given range (eg 1900 - 2014), but if they type in 13, does it mean 2013 or 1913. Some ...
3
votes
1answer
195 views

Submission Forms design

I am working on a web application that allows curators or users to publish/edit articles, papers etc. They can use external services (like ArXiv etc.) to import data directly to the forms and they can ...
0
votes
1answer
62 views

Best way to allow user to create a table

What's a good way to allow users to create a table? Originally, I was thinking markdown, but I'd really like something simpler. One idea I had:
0
votes
1answer
66 views

Optimizing form for bulk book orders with quantity?

I am creating a form where a user can quickly copy and paste multiple book ISBNS. My question is how should I allow the user to specify quantity for each book? My suggestion is space delimited after ...
1
vote
1answer
81 views

What do we call asking for the minimum information required to do the task?

We have all got kind of used to all kinds of things requiring information they have no reasonable need to. Eg a forum requiring your phone number, address and occupation. A raffle requiring more or ...
0
votes
4answers
282 views

Is there a best name for the “spinner” user input?

I like to go look at other peoples examples of interface layouts and design patterns. The other day I went to go look at design patterns for the standard "spinner" user input... ...but found that a ...
2
votes
3answers
166 views

Lots of end actions for a form, a lot of buttons

We have a form on our system, it basically allows a user to build a list of products they are selling, then send it out via email, once they have completed the forms there is a lot of actions they can ...
1
vote
2answers
90 views

Selection-dependent Inputs

How would you deal with selected-dependent inputs? for example, for geolocation, when the user needs to provide information about location, he needs to select first the country, then the area ...
0
votes
0answers
61 views

Should login fields be cleared if user is denied to change the profile while logging in?

I am working on a mail application. Currently, while logging in we are saving the user's credentials as a user profile and when the user logs out and in again with some other user ID we ask him if he ...
1
vote
2answers
81 views

What should be the default option of an optional dropdown list containing search criteria?

I have a form where users can search for legislators in the US. One of the search criteria is the Leadership Position, as a dropdown. It can look like this for example: <select ...
1
vote
1answer
74 views

Best interaction/layout for contact forms when users are ESL? [closed]

I'm helping design a website for a non-profit company and need some help. The company's audience are mostly uneducated mobile users. Many of them are English as a Second Language. I am wondering what ...
3
votes
1answer
65 views

How should a field in read-only be indicated from a usability perspective?

As the question states - How should a field in read-only mode be indicated? Should it be just a label, some very light grey background behind it, or something else? Is there any user research that ...
1
vote
2answers
232 views

Using a modal to display information

I am working on a dashboard to display menus. Throughout the site, we use modals to display important or separate information that prompts user action. Now, there is possible design for a modal to ...
1
vote
2answers
119 views

Tabbed “wizard”: next vs save?

I'm currently working on designing a setup flow where the user will create a study in 6 steps. I've decided to split the different steps into tabs based on what the user will have to do in them, i.e : ...
2
votes
1answer
141 views

Multi-Select Selection Display: List vs. “Tag Cloud”

I wonder if one method "performs" better than the other and if there are any extreme advantages/disadvantages. In my scenario, users will be adding more than 3 countries and will edit that list using ...
2
votes
5answers
204 views

Displaying to the user a radio button before it has been selected

I've always had this problem but never cared to much until now. Let's say, you want the user to say if the lights were on or off using a simple click. So it's on with the first click, a second click ...
3
votes
3answers
191 views

What is the best way to deal with very long form labels?

I have very long labels in some forms, including forms in modal windows. There are some cases we have labels with more than 80 chars, which is bad because: Users need to read/track all the labels to ...
6
votes
1answer
328 views

People with autism: Sliding divs or show/hide toggle?

I am working on a site where we are designing with an emphasis on accessibility. One of these groups we have in mind is people with autism. We have some forms with radio buttons. Some of the answers ...
1
vote
2answers
184 views

Mobile: Text Field Hint best practices

On our desktop website we have a registration form. The registration for when entered provides the user with a field hint with further information on the field and any special requirements (password ...
2
votes
4answers
193 views

Instruction to select none, one or many items?

I have a form for a meeting room booking app, similar to a calendar/scheduling app. The user needs to choose: One room None, one or many assets (projectors, whiteboards, etc) I am having some ...
3
votes
3answers
94 views

How to make maxlength attribute accessible?

I have a form in which there are a few input fields. For one of the input field I have a length validation, for which I used maxlength="20". The issue here is that the JAWS users don't come to know ...
2
votes
3answers
215 views

Multiple forms on a page with individual Save/Submit buttons

I have a number of forms on one page. As some brief background it is for a CMS, when a user can manage a slideshow. Each form represents one slide. They can edit each image, the title that is ...
0
votes
2answers
124 views

CTA buttons and usability on Mobile

I was curious if anyone had any experience or knowledge of usability tests on button sizes on mobile. My company is currently using a button that spans the entire length of the mobile screen, but I ...
0
votes
3answers
170 views

What is the best way to show the user that their changes have not been saved yet?

I have a form with the normal sets of controls (checkboxes, select dropdowns, text input, etc) and i also have a table inside of the form so it looks like this: to Add / Edit items in the table, ...
0
votes
1answer
45 views

How do you indicate that a second number for month and day are optional in a single statement?

For instance, these are all acceptable in a MM/DD/YYYY format: 06/02/2014 06/2/2014 6/02/2014 6/2/2014 Here is what I have at the moment. However, I feel that users might not catch on to what I ...
0
votes
3answers
312 views

Error message for “Invalid Username”

As per "UX guidelines" what should be the error message for a dimmpley Login for having 2 basic fields "Username" & Password. So if a User Enter a username with "Space or special ...
1
vote
4answers
176 views

Should quantity textboxes that have a default value of zero - show a “0” or be blank?

My quantity textboxes have default values of 0, it's up to the user to change these quantities if they wish, it is not mandatory i.e. they can leave them at 0 if they wish. Should the default view ...