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
2answers
71 views

Presentation of long form in iOS

We're designing a very long form in an iOS app. Our first conclusion is that the form must be split into multiple pages, since follow-up questions depend on previous answers (see here: Long pages vs ...
0
votes
4answers
80 views

Pattern to show related fields with Boolean value

I am working on an application which show the employee's personal detail in a read only format. The form contains some fields which contains closely related fields where the answers are generally Yes ...
0
votes
1answer
45 views

Which component should I use to select user's friends in order to notify them?

I'm building a responsive webapp (mostly in Javascript/AngularJs). I would like to build a form component easy to use whatever the device is (website desktop or mobile). The use case is to expect the ...
1
vote
1answer
99 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
41 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 ...
1
vote
4answers
223 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> ...
0
votes
4answers
108 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
125 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
339 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
94 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
50 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
51 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. ...
0
votes
1answer
34 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
131 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
115 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
126 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
80 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
72 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?
15
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
63 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
79 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
59 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 ...
0
votes
2answers
56 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
63 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
158 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
197 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 ...
2
votes
1answer
129 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
53 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
59 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
76 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
219 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
153 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
65 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
53 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
70 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
61 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
53 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
1answer
114 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
91 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
89 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 ...
1
vote
4answers
129 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
148 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
293 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
135 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
141 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
75 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
148 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
100 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
150 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, ...