Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.

learn more… | top users | synonyms

4
votes
2answers
1k views

Default Android input field styling

I have been showing a prototype of my app to a few people and am surprised by how many of them don't know where to type. The main screen has three input fields and a search button. I'm talking about ...
4
votes
1answer
945 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 ...
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 ...
3
votes
4answers
550 views

What's the best label for an 'occurrences' field?

I have a field where the user needs to enter the number of times they want to send out a document but need a better label. Firstly, they select the frequency (weekly, monthly, yearly) and then there ...
3
votes
4answers
397 views

Combined data and unit form field

Assume you’re helping to design the GUI of a WYSIWYG word processor. Users shall be able to change font size. There could be relative controls for larger and smaller and there could be keyword-based ...
3
votes
4answers
3k 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> ...
3
votes
5answers
1k views

HTML4: Insert IBAN by seperate fields?

I am not sure with input fields for IBAN numbers. Often the IBAN is seperated into different fields. XX00 0000 0000 0000 0000 00 Sometimes the customers have their IBAN's in one line ...
3
votes
3answers
633 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 ...
3
votes
1answer
874 views

Why do so many forms use input masks in for input fields?

To be honest, I find input masks annoying. Different masks on different sites sometimes work differently, such that their behavior unpredictable and it actually makes me take more time to type out ...
3
votes
3answers
161 views

How to indicate a meta-option in a select list?

I have a list of options from which the user might select one option. This list might be long. An example would be to select a screen saver. You could select a screen saver or you could select to ...
3
votes
1answer
162 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
3
votes
4answers
336 views

How to deal with superfluous numbers in input text fields?

I'm working on input textfields for lab assistants, e.g. a textfield to enter a temperature value (in a custom designed UI, not a web-site). Users don't have to enter the Celsius or Fahrenheit unit, ...
3
votes
3answers
177 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?
3
votes
2answers
262 views

Enabling spell check in the UI

We are building an application which will contain spell checking features for areas where users will enter input. We have already implemented the feature for our rich text editors, whereby spell ...
3
votes
2answers
122 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 ...
3
votes
1answer
1k views

How to design a form that mostly is read-only, but sometimes editable?

Often in database-centric application I need to design a view for records e.g. something like: Name: __________ Phone Nr: _________ Website: ______ Email: __________@________ Location: ____________ ...
3
votes
3answers
97 views

Is modifying the user input allowed?

The use case: A user is presented a form with (for simplicity) two text fields: one for inputting minutes and one for inputting seconds. The user inputs 0 minutes and 100 seconds and clicks OK. Then ...
3
votes
2answers
653 views

“Remember me” login functionality

Is there any research available about the viability and use of "Remember Me" toggles/check boxes on login flows? I can't seem to find any information on whether or not they're used or not.
3
votes
3answers
137 views

A required field that isn't really required?

...the email field in my clients data entry system is required but users of the system are allowed to enter na@na.com if the customer refuses or doesn't have an email address. Is this best practice? ...
3
votes
1answer
94 views

Input controls within the bounds of a tappable tile

I have tappable tiles that navigate off to a different page in an app. Within the bounds of these tiles I have input controls. Interacting with these input controls should have no effect on the ...
3
votes
1answer
121 views

Should I display Edit/Delete Buttons when only one field is editable?

I know there's a lot of questions out there asking where to place the edit/delete buttons in a row. My question is if there is only one field of data that is editable in a row, does it make sense to ...
3
votes
4answers
518 views

Should I use multiple input fields or not?

Currently I am working on a search engine for restaurants, where you can search by food, restaurant, location, time or a combination of any two, three or all of those parameters. The dilema I am in ...
3
votes
3answers
505 views

Visually showing that a textbox contains text longer than its width?

I am evaluating ideas for displaying that there is hidden overflow text in a fixed-size single-line input box. I this data entry application, we need to keep a particular textbox's width as narrow as ...
3
votes
2answers
375 views

Contextual error message

I am designing a new feature for a CMS my company uses. A few things you should know: We have content editors working mainly on adding pages to the system. We have thousands of pages, and no one ...
3
votes
3answers
289 views

How should I implement Language selection in a CMS?

One of my client must be able to post News to both french and english language on his website. I would like to know how I should design the CMS to be the most convenient for the admin as possible. ...
3
votes
3answers
111 views

How to inform the user a textfield has both a character and a line limit?

I have a dialog that puts a comment in a small textbox on a PDF export. The textbox has room for 10 lines of 100 characters (1000 characters maximum). The field currently looks like this: I have a ...
3
votes
5answers
221 views

How do you deal with long labels using material design text fields?

I need to convert a form to material design guidelines but I don't think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that ...
3
votes
1answer
86 views

What's the best way to let a user show/select filetypes?

I have this app where file types define the allowable files that a user can submit. What's the best way to let user show/select any filetypes? See my two potential solutions below. Is there another ...
3
votes
1answer
166 views

Text field to hold the value of a slider

I have a HTML form where the user needs to select two numbers. I decided to do this with the help of sliders (mainly because the input is used to compute a third value and I want to avoid that the ...
3
votes
1answer
141 views

Improving the “request seat” page for taxi sharing application

A taxi sharing application that I'm working on as part of a university project has a "request seat" option. I've spent the afternoon working on the interface (arguably the most important UI element of ...
3
votes
1answer
225 views

How to simplify the UI to prompt user for tiers of information?

I'm building a website to track user comments on news around environmental issues. I went over all the use cases for the majority of my demographic, and decided I needed to collect some information ...
3
votes
2answers
166 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 ...
3
votes
4answers
826 views

What is the best way to indicate that text in a text input field is editable?

Imagine an app like yelp. In this case, you select the amount of stars that you want to rate something. When you do, a pre-generated text is displayed in the text input field. You can either keep this ...
3
votes
1answer
150 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 ...
3
votes
1answer
269 views

Should department filter be located to the left or the right of the search text input in e-commerce sites?

I'm working on a new shopping site and i see a possible minor improvement. We have a typical search form on top left, with dropdown for categories and input field. I think maybe it's better if we ...
3
votes
2answers
528 views

Where and when to show currency symbols for TextFields containing currency?

How should I design a form that is easy to use and understand that has a few textfields for currency? Should the currency symbol be put outside or in the textfield? One variant is to show the ...
3
votes
1answer
78 views

Help designing non-mandatory but crucial fields for user input regarding allergy

I have a field that takes user input about allergies to various food etc. This field can not be made mandatory since not everyone is allergic, and therefore should not be forced to fill this field. ...
3
votes
2answers
133 views

How to define the number of people assigned to an activity in a friendly way (with regular updates)?

I work on a gaming web app. The user (player) has to assign people to different kind of activities on multiple views. Each view has 1 to 5 activities and a max amount of people. The user can assign 0 ...
3
votes
2answers
178 views

Do you still mark prefilled input fields as required?

I'm creating a form in which a user downloads an analytics report. There are multiple fields that are technically required for submission, but we prefill certain fields so that it's less work for ...
3
votes
2answers
219 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 ...
3
votes
2answers
165 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 ...
3
votes
1answer
6k views

Required field validation error message – Next to field vs. in a Popup

In our application, we mark all the required fields with an asterisk and when user tries to perform an action without providing values for all the required fields, we display an error message next to ...
3
votes
4answers
350 views

When appending items to a list, should the input fields be above or below the list?

We are building an application that allows a user to build a form. The user can enter the name of the label, pick the type of the input field and indicate whether or not it should be mandatory. The ...
3
votes
2answers
917 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 ...
3
votes
1answer
154 views

When to remove error color from field? On change or on focus?

I have a form. When the user puts in wrong information or an error shows up, the field color changes. Now, I'm confused as to when I should change the color back; should it be when the user focuses ...
2
votes
5answers
312 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 ...
2
votes
2answers
475 views

Is it acceptable to have an editable field visible on hover?

I have a chart that is mostly used for viewing, but can be edited. It is a bar chart of percentages (beneath the bars) that can be edited. Unfortunately, if I display the fields the table becomes more ...
2
votes
2answers
131 views

Integer input field: special case for unbounded / unlimited

I am developing a form where the user needs to enter the maximum number of allowed things. Zero is a legitimate value meaning that none are allowed. I need to find a special value to indicate that ...
2
votes
3answers
222 views

Why do you have to enter your e-mail when commenting a blog post?

Why do you (usually) need to enter your e-mail adress when commenting a blog post? I guess it's for some kind of spam-protection but if the system doesn't need it - is it ok to skip that input field ...
2
votes
1answer
234 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 ...