1
vote
1answer
56 views

How does the visual size of a text input field affect users' expectation of how much they should write?

It's well-known that you should size your input fields to the amount of text you want the user to write. There's an example of that on this very page: even though the "Your answer" field can stretch ...
19
votes
4answers
1k views

What should the character limit(s) for first/last name inputs be? [closed]

We want to create input fields for a user's first and last names. What should the minimum and maximum limits be, if any, and why?
2
votes
1answer
85 views

Onfocus on a filled out textfield. Select-all or not?

Let's say I have a title textfield in an edit environment. The user has saved the title before but wants to edit it now. I've read up on some design principles and one of them stated: When a user ...
1
vote
1answer
55 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
2
votes
2answers
76 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
2
votes
3answers
108 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, ...
20
votes
8answers
2k 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 ...
4
votes
1answer
147 views

I have a typeahead in my form. How do I get people to select its options?

I am the UXD (I use this as loosely as possible) for an education startup company. I have a typeahead in my sign up form: This is the last entry in the sign up form. Underneath that (hidden right ...
3
votes
1answer
95 views

Placeholder : field label or sample data?

I am designing a generic form. Every input has a label positioned right above it. My question is about using input fields placeholder : Should they be a reminder of the label (Ex : Label : Username ...
14
votes
3answers
482 views

Float Label Pattern for Select Boxes

I'm sure you've all come across this pattern, does anyone know whether there is any documentation that can provide information on how this pattern can be used with other form elements for example a ...
3
votes
2answers
121 views

Dimensional Field Input

I have a HTML form that requires the user to specify dimensions for an item they are ordering. A list must show for standard or popular dimensions. Originally this would happen when the field is ...
4
votes
1answer
217 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
6
votes
3answers
426 views

Order of address, city, country in form

Is there any specific usability reason why the standard order of form elements for entering an address is this order: address address 2 city country Wouldn't it make more sense to go the reverse ...
3
votes
2answers
110 views

Displaying Area of Residence intelligently

For Social Website where the user should specify his or her Area of Residence. I want to use the same method Facebook does; a text input field with a dynamic drop-down menu as you type. I am using ...
11
votes
2answers
293 views

Form with input boxes packed together

I'm wondering if there is an official name for this style of the form: Example uses: https://www.tumblr.com/login OR https://www.tumblr.com/register where the input boxes are packed together with ...
0
votes
1answer
1k views

How is the HTML5 date input type presented on different Mobile browsers?

I am building a form for Mobile Web that requires users to enter in their DOB. I'm interested in how it is presented across different mobile OSes and browsers as I understand support is patchy. Is ...
2
votes
2answers
125 views

Tooltip for a User-Set URL

I'm dealing with a situation where we have a place for a user-entered URL/hostname after entering and re-entering their password. I've attached an image of what we're considering below. What I'm ...
3
votes
3answers
347 views

When filling out a form to what extent should validation be done while the user is still typing?

I'm working on a registration form and it validates some parts while the user is still typing. For example, the username is being checked after each character is entered to see if it is available or ...
1
vote
1answer
1k views

iOS and UITableViewCell: best practices when requesting user input as a form

Firstly, I'd like to make a general question regarding table view cells' customization: are there any restrictions about the controls they can cointain, and/or its number? I read in iOS HIG iOS Human ...
25
votes
5answers
885 views

Is constantly updating the formatting of a numeric input box a good idea?

I have a numeric input box, as part of a form. I'm implementing delimited splitting, to make large numbers easier to read. ie, 1000000 would become 1,000,000. Would it be a good idea to automatically ...
11
votes
9answers
982 views

Does leaving a field blank - mean “everyone”

I'm beating myself up over this one, since we had just that discussion today. We were arguing why a customer was eager to pay a week of work for something that could be trained. And to me it’s pretty ...
0
votes
3answers
244 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
7
votes
4answers
428 views

Is it useful to have all the input controls in a form the same width? [duplicate]

All the input controls are the same size in this question about form design: Why might right aligned field labels be better? My question is if does it help with something, or it is just a matter of ...
4
votes
2answers
156 views

Does the size of an input influence its value?

I've recently started using BackBlaze as my backup service and I noticed something interesting on their restore sign-in page. The password input is slightly longer than their email input. Since ...
3
votes
3answers
148 views

Is it bad practice to reset a user's focus to the first input item?

When a user tabs to the last input element in the form, is it bad practice to bring the user back to the first tabindex / input item?
2
votes
5answers
265 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
3
votes
2answers
126 views

how can I get users to add fields into a list where many fields are optional?

I need to design a page to get user inputs in below format: 1. Item A (text) a. Sub-item (text) b. Upload photo for Sub-item (Browse and upload) c. Description for Sub-item (text) 2. Item B ...
7
votes
3answers
121 views

Form prompts inside form fields always wrong?

I've noticed in the edit-profile form on UX Stack Exchange a weird prompt with an important message - the date format. Personally I would consider it terribly wrong (force to memorize data format, ...
3
votes
3answers
1k views

Labels inside or outside text inputs? [duplicate]

Possible Duplicate: On forms, is inline placeholder text better than a label outside each field? Are there any advantages / disadvantages in placing ones labels outside ones text inputs ...
2
votes
3answers
596 views

Showing/Hiding vs.Enable/Disabling form fields

I would like to know the benefits and drawback relative to form design of "dependent fields". For example, in my form I have a Marital Status field, and depending on it's value, I need to know the ...
15
votes
4answers
557 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
4
votes
1answer
606 views

Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]

Possible Duplicate: Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects? My problem is that the little checkbox and radio buttons for form controls ...
5
votes
2answers
232 views

Automatically limiting or correcting numeric input field values

The application interface I am working on has an slider to select a number, but offers a text input field next to it. This allows reading the currently selected value, but also supports keyboard ...
5
votes
3answers
252 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...
3
votes
1answer
114 views

Name and Company - One field or Two?

I am laying out a form on a website with the typical name & address fields. While I've done this a number of times, I have began to try and trim fields from my forms that will be on smaller ...
8
votes
6answers
340 views

How to convey a true/false value to a user?

I'm developing an application where users will be allowed to create custom fields that are part of a record, in addition to the fields that are provided by default. Users will be able to choose names ...
2
votes
1answer
166 views

Order of fields in contact forms

I'm looking for evidence to support changing order of fields in various contact forms. The first is a general form with: Enquiry details - textarea Where did you hear about us? - textarea ...
1
vote
2answers
159 views

Checkbox vs. menu

I am building a calculator where the user must choose if has has a hybrid car or not. I was wondering which is better a checkbox - where you check if you have one. or a menu with yes/no ...
5
votes
2answers
800 views

How to structure complex forms for business documents?

In our enterprise management software we use forms to record document like customers, invoices, sales order, tasks, products, etc. We wanted forms to look like their hard paper version. Below is an ...
5
votes
2answers
376 views

i18N and form design

I'm trying to design a web form supporting internationalization (i18n). The form will be part of a large event management software. Users login, create events (like conferences, roadshows, and so ...
23
votes
5answers
1k views

Auto Advance to Next Field

When is it appropriate to 'auto advance' from one text field to the next, as in phone numbers and SSN?
14
votes
6answers
1k views

Combining all the address fields into one?

Both customers and companies want a quick and easy checkout experience. From what I've seen, a big UX bottleneck at checkout is the billing and/or shipping address(es) because there are so many input ...
3
votes
2answers
493 views

dynamic form design

I have a multistep form setup in my rails app.. In one of my steps the user can enter a friends name, birthday, gender, and the persons interests. They can enter as many friends as they like (each ...
76
votes
12answers
13k views

Removing placeholder text on focus

Chrome and Safari remove placeholder text after pressing first key in the text input. Firefox and Opera remove placeholder text immediately after focusing the text input. Which approach is better ...
6
votes
2answers
118 views

What control would best allow the adjustment of signal/noise ratio?

I am developing a web app where a prominent feature is the ability to adjust the signal/noise ratio of the app's content on the fly. The value needs to be represented along a spectrum which includes ...
6
votes
1answer
370 views

Many-to-Many associations - Edit in place or on new screen?

I am trying to design an interface to do two things: Create Items and Objects Create links between Items and Objects (in a many-to-many association) An Item is a simple attribute that must be ...
13
votes
8answers
1k views

How to warn a user they are approaching the character limit for a text input field with a soft maximum?

I'm writing an internal web application to generate subtitle text for videos. Part of the requirement for this project is that each line not exceed X characters, except where circumstances warrant. I ...
5
votes
1answer
493 views

Is the asterisk the common symbol to mark fields as required in all languages?

I did some research but didn't find an answer to it. The asterisk seems to be a common symbol on the web for marking input or user interaction as required. Most likely it has it's origins in print ...
16
votes
6answers
824 views

Is it acceptable to make a text field look like a write in line?

My designer would like to implement a text field that drops down on hover against a white background, and only have a bottom border to define the field. Also, the designer would like to see a flashing ...
1
vote
2answers
2k views

Incorporating a range-slider in a form: jQuery UI or degrade to <select>?

When incorporating an <input type="range"> slider into a form (ie, Best form element to indicate level of completeness of a task?), Firefox degrades not-so-gracefully to a text box. Since we ...