Questions tagged [input-fields]

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

Filter by
Sorted by
Tagged with
1
vote
2answers
75 views

Alternatives to nested dropdowns?

When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this. The problem So currently the workflow ...
48
votes
6answers
9k views

How should I allow a user to input a number where not all numbers are valid?

I have an application where users need to configure certain machine settings. One of these settings is an integer percentage value, from 1-100. Unfortunately, for historical reasons, we're not ...
1
vote
3answers
72 views

How to format input for accurate time?

A user needs to input an accurate elapsed time measurement, to a mobile device (web browser), just like a sports time, after recording the time on a separate stopwatch, like this one. We need the ...
1
vote
2answers
157 views

Input for arbitrarly large radius in map

I'm developing a mobile app where the users need to select a point in a map, and then define a radius around this point. This will be used to define a Geofence and to perform an action when later the ...
0
votes
1answer
46 views

Can two tabs have different CTAs?

we have this case where we have two tabs and under one , we have option to show save and cancel and not in other. If I use save cancel for second tab too, then view number 3 looks absurd with two ctas ...
0
votes
0answers
27 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
0
votes
0answers
71 views

What is way best UI pattern for a multi-level assignment?

I've made the following layout in hopes of helping the user perform a multi-level assignment interaction more efficiently, but I worry that amount of the data displayed might be information overload. ...
1
vote
1answer
48 views

Plural or Singular + (s) in title name for dropdown fields

When designing dropdown fields for users that can hold 1 or more values, would you suggest to use the plural form of the title word, or the singular form followed by a (s). Example 1: Teams Example ...
1
vote
2answers
26 views

Diagnostics Report vs Form Validation when results are already known?

Context: I'm working on a software where the user can add specific external devices by using their IP and various other settings. These settings need to be entered correctly using a form and if ...
4
votes
3answers
226 views

What's the best “Reset to Default” UI element?

What's the best UI element for "Reset to Default" for the fields in a form? We have default text inputs in a form. Uses can edit the default text inputs, and we want to allow users to revert back to ...
3
votes
4answers
187 views

Help text for 4 digit year

I am designing an input field for a year, that needs to be 4 digits. YYYY as help text does not seem very clear when it is not combined with MM/DD. What is best practice here?
0
votes
2answers
72 views

How to provide information regarding the checkbox

The user needs additional information other than the label of checkbox and I have multiple check-boxes adjacent to each other horizontally how should I show the information when the user is about to ...
0
votes
1answer
55 views

Form input - Follow expected sequence or offer field validation?

Validation opposed to expectations My team proposed to change the usual sequence of an address form. They want to put the country before the other address fields so they can validate the following ...
3
votes
2answers
90 views

Using a fixed decimal when filling a currency amount input field

When entering currency amounts into an input field, I've seen two methods: Keyed Decimal: The keypad includes the decimal character and the user enters the decimal along with the numbers. The Chase ...
1
vote
1answer
86 views

Feedback that maximum value is reached with keypad

I have a numerical edit page on a small touchscreen. There's a display field that displays the current value, a keypad, and increase and decrease buttons. Right now, if the user is using the keypad ...
-1
votes
1answer
107 views

How can I tell Chrome which input fields to remember / which will be the login credentials? [closed]

I have a Sign Up form which contains these input fields (in order): e-mail (autocomplete="email", type="email") (user)name (type="text") (display)name (type="text") password (autocomplete="new-...
1
vote
2answers
87 views

How to differentiate between users with the same name in a check-list

I'm building a form that will have users selecting people in their household from a "select all" input. We want to differentiate people in the household who may have the same name. Is there any best ...
0
votes
2answers
197 views

How to display text with label in Material UI? [closed]

In a single page I would like to display Text Fields for user input and texts, which are static, but have labels. I tried to use the same text fields but with disabled attributes: However, I am not ...
1
vote
3answers
137 views

What is the best location on a form for an information icon?

I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
6
votes
3answers
590 views

When should the error state on an input field disappear?

I've seen two types of behaviour circulating; one where the error state disappears as soon as you start typing a new input (so when the input field is in focus), and one where it stays until the input ...
1
vote
3answers
210 views

Is it ok to allow Steppers or incremental buttons to remove items?

I read sometime ago that it is bad UX if the system allows the user to remove an item (for example, form their cart) if he uses numeric steppers down to 0. Should the system allow this or stop at 1 as ...
6
votes
2answers
1k views

Is this cancel button needed?

In this UI it is possible to type in text in an input box, press Enter and the text would get converted into a tag visually (and in JSON). After the tag is typed, the cursor would be ready for the ...
0
votes
3answers
88 views

Best practice for validating text input on mobile

I'm designing a mobile application where user can order groceries from different suppliers, each order could have a notes to the supplier. Due to different downstream systems used by different ...
1
vote
1answer
180 views

Need explanation how Clear input button accessibility works

I've a text input with a clear button (looks like "x"). When clicked, this button will remove all the text from the input: The markup for this looks like: <label for="first-name">First name&...
2
votes
1answer
101 views

How to use input fields that automatically get a value while filling in the form?

Imagine we have an inventory management system. It contains a form where the user can fill in a placed order. The order has some properties like: Date Supplier User who ordered it Total price VAT (...
5
votes
3answers
177 views

What's the most appropriate default year for a datepicker?

Let's say I have a datepicker and the purpose of this datepicker is very dynamic. It can be for date of a person's birth or graduation date, etc. What would be the most optimal default year for the ...
0
votes
1answer
121 views

Material Design outlined textfields filled with auto fill chrome style

We're using outlined textfields from Material Design. On some occasions, chrome(or any other browser I guess) can auto fill the data because the users has saved them. Chrome gives a hint to the user ...
1
vote
1answer
66 views

City selector with free text

I'm creating a web component used to select the name of a Belgian city. Basically, it's a simple input and when some text is entered in it, it display the list. However, it must be possible to type ...
1
vote
2answers
156 views

Search for names and last names - dynamic search

We are developing an application where user can search for the info about their first and last name. We have two search fields, one for first name and one for last name. The reasoning is this: 1) ...
8
votes
5answers
2k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to standardize when and how more information/help is used on specific input fields. In general the standard will be to have the icon/button follow the field like so:...
21
votes
6answers
7k views

What is the most common color to indicate the input-field is disabled?

as I have been going through different references on input-field designs, I realized that people tend to flip-flop with grey or white background to indicate whether the input-field is enabled or ...
1
vote
2answers
121 views

Recommended pattern for Select / Ignore / Exclude functionality

We have a page of filtered results, and in the sidebar the user can choose which values to filter by. We usually use check boxes, so a user can tick an item to select to filter by a value or it or ...
0
votes
1answer
68 views

How to place two controls in a good way

I have no advanced UX experience and need some help in placing one input and one button on a whole screen. Is there any way to do it pretty? There will not be any other controls on that screen.
1
vote
2answers
119 views

How to convey the user that some of the form fields cannot be changed later?

I have a form wizard some input fields. On the first step of the wizard, there are 2 checkboxes which once the form has been submitted, cannot be edited. All other fields can be edited later on if the ...
1
vote
1answer
53 views

Should input fields be used as ready only information?

I have a license that will be transferred from user "James" to someone in my database (this is enterprise application): When I click on the name (it means assigned to) it opens a popup so it goes ...
0
votes
1answer
271 views

Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field

We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
1
vote
3answers
145 views

Better user experience when asked to input frequency of periodic event

So I am working on a form and one of the inputs have proved in user-testing to be somewhat problematic: We want to save the frequency of a periodic event, the event is how often a report is to be ...
0
votes
2answers
197 views

Text input field with multiple options

I have a medical app showing 3 input fields for drug dosage calculation. The middle field has 2 options, either to input the number of drug's ampules (as shown in the image), or to input thenumber of ...
2
votes
2answers
168 views

Automatically trimming user input onBlur or on Server side on end of input?

Looking for best practices on web. In a general sense, we have an input on our webpage. This input doesn't allow empty space at the end. Bad: Apples     Good: Apples So what I'm wondering is,...
1
vote
3answers
112 views

How should I format inline errors when there is input description

How should I do this? Should the error replace the input description, should it go under? Please give your opinions and reasoning. I would still like users to see the description, but I feel like ...
1
vote
1answer
108 views

Workflow/design pattern for allowing user to add multiple fields

Context: I have a page where a user can select from multiple input sources. Within the selected source(s), they can define multiple source links. Problem The way I have currently structured it is ...
0
votes
2answers
448 views

Material Design - label to the left of underline input field?

We use the Material Design underline text fields with floating labels in our application (see right on the picture). This works well on mobile, but for long forms on a desktop a label to the left of ...
6
votes
3answers
654 views

Address Autocomplete - Shouldn't city come before street?

Most address forms in e-commerce (or anywhere) look like this: The street always comes before the city/postal code. I guess that's simply because that's what we're used to. The accepted answert to ...
1
vote
1answer
452 views

What is the best input control for setting the duration of time spanning minutes and hours?

I'm designing some interfaces for forms that will be used on a desktop webapp and I want to make it as easy as possible for users to input the data that is required of them. The input control that I'...
2
votes
2answers
93 views

When one of two inputs must be updated to satisfy a consistency criteria, which should you update (if at all)?

Let's say we have three text boxes for positive numbers (say A,B, and C) that must satisfy the condition that their product is 1. For example, A=0.5, B=10, C=0.2, would be a valid input. Once the ...
2
votes
2answers
719 views

Input fields - Is <input type phone> more user friendly for credit cards than <input type number>?

Basically this question, but with more usability focus: https://stackoverflow.com/questions/48534229/what-is-the-correct-input-type-for-credit-card-numbers So we have these two general keyboard ...
1
vote
1answer
173 views

Orientation of checkboxes and their labels in a form

I have a form that has a combination of text fields, checkboxes, drop downs etc. Generally, UX fundamentals dictate we do this. This works well when text/drop down fields outnumber checkboxes But, ...
0
votes
1answer
38 views

Is all user input in a website app considered a form?

We have a complex web app with graphs and panes. Some of the information is entered in popups, while other information is in fields that can appear in cards, tables, and separate fields. Some of the ...
0
votes
2answers
63 views

Personal information or generated information

Dear community, I am creating a appointment process for a rental process. Currently I am evaluating whether to show the user their First- + Lastname + E-Mail in step (3) that they have entered in ...
2
votes
1answer
114 views

Better approach to fill in the details in a form?

There are two UX patterns that I have noticed in many applications when it comes to filling in details. Creating a new entity or editing an existing one through the sliding panel Opening a new page ...