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
284 views

Choice with a Radio button group

Context: In our application we implemented a responsive disclosure. Currently the choices the user can make are rendererd as a set of radio buttons. Currently there a two valid options, A and B. When ...
3
votes
2answers
487 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
130 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
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
85 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
1answer
88 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
112 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
385 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
408 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
347 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
274 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
1answer
76 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
2answers
93 views

Signal that a field has become required after other user interaction

The user is presented with a form. One of the form selections is a check box. If the user checks the check box, one of the fields is now required. What is the best way to signal to the user that ...
3
votes
1answer
134 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
125 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
205 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
158 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
688 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
142 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
239 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
480 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
2answers
42 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
131 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
193 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
159 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
328 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
814 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
114 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
303 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
364 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
117 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
205 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
217 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
1answer
697 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 ...
2
votes
4answers
151 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
166 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
275 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
185 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
139 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
301 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
389 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
256 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
95 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
176 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
108 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
254 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
180 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
858 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
1answer
56 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 ...