Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
539
questions
0
votes
0answers
7 views
Show that input in list is editable
I have a list with items that can be changed.
When the user clicks on the item, it can be edited.
Which is the most intuitive way to show the user, that (s)he can edit the items?
Following options ...
2
votes
0answers
32 views
Save functionality with multi-datatype inputs
I apologize if the question title seems unclear. I have a business application with multiple input/data types on the same screen:
A couple "basic" text input and dropdown menus. These fields are
...
3
votes
2answers
92 views
Providing alternate way to input information
I am designing a complex application about animals which requires a lot of user input. I'm wondering how best to approach a particular scenario where a user can input a name however sometimes (and ...
2
votes
1answer
84 views
Size of text fields in a form
I know that the size of text fields should be based on the expected which user will type but what if in web there are dropdowns (which are along with text field in a form) requires more space and ...
0
votes
1answer
48 views
UI design: Selecting pre-filled max value or a part of it
I have pre-filled available displayed in tables data such as:
1 [80.00] [Input design here: Select whole row (default) or part of part of 80.90]
2 [4.65] [Input design here: Select whole ...
1
vote
2answers
59 views
Web UI for choosing variable or entering constant value
I'm working on a form where each field can be filled either with variable from list (that can be pretty large) or constant from user input.
For example, I received from backend list of variables: ...
2
votes
1answer
60 views
Mandatory Combined InputField
I've got a combined input field "Geo Hierarchy". This field itself isn't mandatory. It contains 4 inputs: "Region", "SubRegion", "Area", "SubArea". Then the user starts filling this input only the ...
13
votes
1answer
3k views
How do you convey that the minimum size of an input is X characters?
I have this Q&A site, where I want the title to be at least 20 characters and the body to be at least 200 characters.
What is the best approach to convey these to the user without having them to ...
3
votes
4answers
211 views
Input placeholder: suggestion or example?
How input placeholders should be used? Should examples be used or is it better to use suggestions? Many times the field label is not sufficient to describe the type of data. I think sometimes the ...
1
vote
1answer
40 views
What's the best way to indicate a field is required when finalizing but not when saving?
I'm currently stuck in a bit of a UX conundrum. I need to be a bit vague about the specifics, but I hope it is clear enough.
Background info:
In our system we have certain items that need to be ...
0
votes
1answer
61 views
How can I make the user choose between two options (Available or not Available) in IOS?
If i want the user to choose one of the two options(available or not available) ... what is the best thing for this design in ios application..I tried to use fragments buttons, is that true?
How can ...
1
vote
2answers
126 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 ...
49
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 ...
2
votes
3answers
77 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
161 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
55 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
30 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
73 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
55 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
314 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
193 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
76 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
59 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
94 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
88 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
176 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
96 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
342 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
234 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
819 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
215 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
95 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
259 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
106 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
178 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
170 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
71 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
185 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:...
22
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
146 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
71 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
124 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
57 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
314 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
170 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
212 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
234 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,...
