Tagged Questions

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)

2
votes
2answers
159 views

Title Case or Sentence case for dropdown options in web form?

We're adding dropdown boxes (HTML <select>) to several forms to allow users to choose between several options. Should dropdown options be Title Case or Sentence case? In our web application we ...
5
votes
6answers
167 views

Is it better to show questions one-by-one or all at once?

I'm building a quiz system online which features simple text questions, slightly longer-form text questions, multiple choice questions, and fill in the blanks style questions. Each quiz could have up ...
1
vote
2answers
90 views

Multiple forms of the same type in one single screen

I have to re-design (migrate) a Silverlight form into html. The current form looks like this, Old Design The form has a list of Product Types on the scrolling bar in the left. I can select as ...
1
vote
2answers
145 views

Is 'billing address' required for e-commerce checkouts?

Why do we need to input a billing address when purchasing online? Can this step be removed from the checkout process? Is 'shipping address' sufficient? The website only sells to individuals and ...
0
votes
1answer
66 views

Providing similar login experience while logging in with a button and with enter

It regards standard login forms - I mean those which include login/email field and password field and "remember my login" checkbox, which is often forgotten to click although user would be actually ...
2
votes
3answers
153 views

Improving speed of data entry in a single page calculator form

I've been asked to try and improve a one page calculator form. It is used by telesales people to work out what sort of deal they can offer to a customer and how much commission (called LTR) they stand ...
2
votes
4answers
255 views

Why are two forms on one page bad?

I have been requested to put two forms on one page. The page is directed to from a "Pay Bill" link on our home page. The user currently lands on the page and they have a log in form with two inputs, ...
1
vote
2answers
111 views

Including both Stripe Badge and SSL badge for credit card form?

I am currently reading up on credit card form design best practices, and giving visual cues for security seems to be a recurring issue. I use Stripe for credit card processing, and I have not seen ...
2
votes
1answer
140 views

How to design a credit card/payment form for a site filled with non-standard fonts?

Looking over many credit card form design best practices, they stick to very simple/standard fonts and designs. However, these sites use the same fonts throughout the whole site. If my site design ...
5
votes
3answers
229 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
5
votes
3answers
287 views

Omiting label element on self-explanatory form

I have a form that consists of an input box and a button. The button says "Search". For sighted users, it seems that no label element is required for the input box as it is obvious that you enter ...
21
votes
4answers
3k views

How many required fields are too many?

Is there a general number of fields where people will likely be turned off and not even fill things out? When does frustration begin to set in in a long form with a lot of required fields? I ...
2
votes
2answers
182 views

Should we allow special characters or numbers in name field?

I need a generic validation for first and last name field that will be used everywhere. Currently I'm using: /^[A-Za-z]?[A-Za-z ]*$/
1
vote
2answers
150 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
94 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
51 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
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
354 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
151 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
116 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
61 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
94 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
127 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
132 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
119 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
98 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 ...
20
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
90 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
129 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
69 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
108 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
349 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
214 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
196 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
292 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
91 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
82 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 ...