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

3
votes
2answers
235 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
371 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
982 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
174 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
321 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
526 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
140 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
224 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
240 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 ...
2
votes
4answers
180 views

Best way to input a list of emails

Whats the best-practice way to input a column of emails that associate with different people- a la: My worry is that all the blue buttons and call to actions look cluttered and feels overwhelming ...
2
votes
2answers
181 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 ...
2
votes
4answers
427 views

Best design for input of solely negative numbers via numeric keypad

I'm designing an app where in one screen of the application users can input a single number (and nothing else) by use of a numeric keypad. The number may have a single decimal place. Depending on the ...
2
votes
2answers
208 views

De-emphasise text box without making it look disabled

I would like to de-emphasise the contents of the following text fields when one of the dropdowns is selected. I do not want to turn them grey as that would suggest they are disabled. They effectively ...
2
votes
3answers
153 views

Limiting the number of edits user can make to a list

So I am working on this little chrome extension that tracks the amount of time the user spends on certain websites and helps them reduce the time they waste online. On Installation the ext. asks user ...
2
votes
3answers
505 views

How to display long text in a short input box?

I can't decide which of the following 3 options is best so I'll ask here which option would you choose and why? Edit: to be clear those are text input controls and not cells of table data. Try them ...
2
votes
2answers
597 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
279 views

Min. opt. and max. value of a small field

I've a three digit input field which has a predefined upper and a lower bound, all within a table. The field also has an optimal (requested) value. So there is a min. an opt. and a max. What is a ...
2
votes
4answers
142 views

Field label alignment and the problem of internationalization

The i18n problem When designing for an internationalized app there are some feasibility issues that come up against UX concerns. Here's the one that's on my mind. To account for variable text ...
2
votes
2answers
336 views

Is a “Clear input” button only for search fields?

I noticed that the "Clear button" are usually found in search fields: Why is it so uncommon for this button to appear in other input fields. For example this small configuration form:
2
votes
1answer
111 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 ...
2
votes
2answers
284 views

Is it “unsafe” to rely only on placeholders (input fields)? [duplicate]

I've noticed that in many sites, the text within input fields are always either label tags and span tags. Twitter's example: (in this case, the labels seem to be inside the input field). I never ...
2
votes
2answers
196 views

Editing an array of numbers which length is variable

For the needs of a line drawing program, I need to edit an array of integers. The only constraint on the array is its length, which has to be even, and greater or equal to two. The solution I have for ...
2
votes
3answers
881 views

Displaying selections from a Dropdown Check List

First of all, I apologize for my Englsih and will try to be as clear as possible! I'm currently having a problem with a Dropdown Check List. I have, on the left of the search results, a Dropdown ...
2
votes
3answers
88 views

Restrict input to numbers only

I wonder if this is a good idea to restrict input to numbers only (and related symbols like +-.e and so on) when you need user to input number? Seems like it's clear solution, but may be user will be ...
2
votes
2answers
197 views

What are the best practices for representing a boolean field in a form?

We have an interface for creating a group. These groups can be set to private, which is represented in the database with a boolean. Private: true/false. What are the best practices for representing ...
2
votes
3answers
67 views

Is there any conventions for using alternate fonts in user input fields?

My company is proceeding with a branding initiative which involves a branded font. The desire of the external agency is to apply the branded font to all input controls on the page, including text ...
2
votes
1answer
131 views

Is it necessary to show a label/icon next to language picker inputs? If so, is there an universal way (icon/word/etc) to express “Language”?

An example of a classic language picker (label + dropdown): Is it really necessary to show a label or icon next to the input? If so, why? and what would be the best choice? Are labels(like the ...
2
votes
4answers
634 views

What is the preferred iOS input for a year entry field?

What is the better input type for a year entry field: A scrollable “flipper” or a numerical keyboard?
2
votes
2answers
432 views

Form fields tooltips vs. plain help text. What works best?

In your experience, what's the best (user experience) method for giving users more information on certain fields that they have to fill out? Note that these fields are part of the set-up process of a ...
2
votes
3answers
161 views

Should I use questions or statements in my web form?

I'm designing a web form that allows you to schedule events on a calendar. There are about four pages of input required for each event, such as: Name Start date End date Employees involved Budget ...
2
votes
2answers
582 views

What are good checkbox alternatives?

My case: Users belong to a group. Depending on the selected users the group-state can be either checked (all users are within that group), unchecked (no user is in that group) or indeterminate (some ...
2
votes
2answers
359 views

Ideas for folder / file selector input

It works similarly to the file HTML input, but browses files or folders stored on the server, and it's mainly used to browse image gallery folders. I need some ideas on how to design the UI for it, ...
2
votes
1answer
40 views

PDF: What text color should I use for entered information?

I have several PDF documents that I'm working on that are digitally signed. They include both sigantures and text. I've recently noticed IRS documents that are now using "blue" text for entered ...
2
votes
3answers
66 views

How can I summarize the contents of a mathematical matrix in a single text field?

Here's a question that pertains to UI design, but for an application geared at a more technical audience. In my application, users can assign an object properties of several types. These types ...
2
votes
1answer
63 views

Accessibility of in-field labels and help text labels in input forms

Many newer UI interfaces have a preference for input field labels or help texts to be contained within the UI component itself instead of implementing them as separate labels. I was wondering if ...
2
votes
2answers
76 views

Representing times from yesterday in a time picker

I'm working on some UI where you are able to select a time range for each day using dropdown time pickers. The thing is that it is valid to select a time from yesterday or tomorrow. For example, for ...
2
votes
1answer
72 views

Should number input fields also include dividers { . - }?

When we sign in to our online bank we often use our social security number which from the government has a dash in it. As in YYMMDD-XXXX (for Swedish). And when we want to transfer money from our ...
2
votes
1answer
94 views

Separate console input field?

When creating a console like window, what are the advantages of: having user input in the same control as the output having separate controls for input and output windows? As I see it having ...
2
votes
1answer
331 views

An alternative to Indeterminate checkboxes?

How best to display incomplete or indeterminate state? Microsoft UI pattern has an display icon for this - a dark box within the checkbox instead of a check. ...
2
votes
1answer
820 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
3answers
1k views

Web-Based SQL Query Builder

I've built a simple web-based query builder using a series of dropdown lists such that the only typed input is the final value field. In the example above simply adding the filters consecutively ...
2
votes
1answer
4k 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
1answer
158 views

About the creation and management of items

I need some guidance regarding the following design issue. In my application I need to create, maintain, delete and manage so called "Roles", they are just basically a name and a description pairs. I ...
2
votes
3answers
696 views

What is the best approach to disallow an empty search?

I want to disallow users from searching without a query string (at least one character). To achieve this, I tried to disable the search submit button when the search box is empty, and restoring the ...
2
votes
1answer
53 views

When should input fields be cleared in modals, if at all?

I have an invoice page with a button to make a payment. The payment button triggers a series of modals for collecting user payment info (credit card/check details, billing details, payment ...
2
votes
2answers
251 views

Best way to ask the user how much something cost, approximately?

TL; DR; version: Users are given the possibility to write stories about certain activities they took part in. The price of these activities can vary, so it would be a good idea to give them the option ...
2
votes
1answer
116 views

What is the best way to label placeholder call-to-actions?

I'm creating a search input where the user can search for: restaurants, dishes, and cuisines. I was wondering when it comes to placeholder text what is the most proper way to label this ...
2
votes
3answers
170 views

How to increase visibility of required fields without interfering with error visibility

Context This is a heavily used internal application. Users are on the phone with clients during interaction with the UI. There is a small set of required fields indicated by an asterisk. Since the ...