Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
552
questions
2
votes
1answer
69 views
Input error icon and clear icon at the same time
In Material design documentation we see optional icons inside an input. What if I want to have a clear icon (3) and display an error icon (2) at the same time? Side by side?
2
votes
1answer
96 views
How do I ask for user's first initial and full surname?
So trying to keep data and forms as clean as possible for a university project (online book store). As part of my designs I elected for a user's first initial and surname to address them (e.g. J Smith ...
0
votes
2answers
54 views
Is it better to allow filtering using a dropdown or tabs?
I'm working on an app that allowed users to filter their photos based on time period. Between a dropdown and tabs, which one is best for the user?
Dropdown:
Tabs:
The advantage of using tabs is its ...
0
votes
3answers
76 views
Form validation when the field is optional
I am working on a form where the phone number is optional.
What is the best practice regarding a validation mechanism that checks if it's a correct phone number (over 10 digits):
No form of ...
1
vote
1answer
112 views
Are there some modern UI equivalents that can be used instead of a ComboBox?
ComboBoxes do a good job when on (e.g.) web forms.
However, they just look dated in a modern UI with a touch screen. Is there a more modern alternative to them? Or is it just a case of stripping away ...
3
votes
2answers
57 views
Forbid and deactivate alphanumeric keys in a form?
scenario: form validation
I ask myself the question: in a special input form for postcode for example, in which only numbers (integer) are allowed. In a usability view I would say, you should be ...
2
votes
2answers
60 views
Side Panel/Top Nav Panels [closed]
Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case?
I have a project to work on next, where it is required to keep the progress indicator ...
1
vote
3answers
80 views
UI for multiple forms with several input fields needs to be designed? How do to make user not get lost filling the form? [closed]
I have long and multiple page forms. I have made them into sections by using accordions so that user has ease of identifying the sections and not get lost.
Is there any way to make the journey for ...
4
votes
3answers
113 views
Best input method for 5 or 9 digit ZIP codes
I am designing a form where the client wants to required a 5 digit zip code, with 9 digits being optional. I can think of a couple ways to deal with this.
1) Just plain old regex accepting 5 digit ...
2
votes
2answers
116 views
Do users actually use the arrows in <input type=“number”>?
Does the average user actually use these really tiny arrows?
2
votes
2answers
51 views
What are the benefits of enlarging the address bar when focused?
I recently noticed that when Firefox focuses on the address bar, it expands the address bar. I thought this had a UI / UX benefit as it was a visual change. However, no literature was found on them.
...
2
votes
3answers
81 views
How should overriding a checkbox field be displayed?
Within our software we need the ability to override fields. Our standard is the following:
Original field must be read-only with an "Override" checkbox next to it
When checking checking "Override" a ...
25
votes
6answers
2k views
Form layout with fields which are sometimes input and sometimes output
I'm designing the UI for a desktop application. In one of the windows certain interdependent properties of an object are listed. I want the user to be able to choose which properties are to be used as ...
0
votes
1answer
32 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
33 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
95 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
91 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
52 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
61 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
73 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
333 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
60 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
62 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 ...
2
votes
3answers
204 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
82 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
164 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
57 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
32 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
77 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
72 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
475 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
200 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
79 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
64 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
99 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
98 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 ...
0
votes
1answer
311 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
110 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 ...
1
vote
2answers
470 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
408 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
1k 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
226 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
103 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
367 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
111 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
179 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 ...
