Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
564
questions
1
vote
1answer
32 views
Highlight missing form fields one at a time or all at once?
A form has many required fields some of which have been left blank. When the user clicks the submit button, there is functionality in place to highlight the first required-but-empty field by giving it ...
2
votes
1answer
54 views
Best practice for comma separated input size for the search field
I am working with large number of entries in web UI such as IoT device list with IMEI. There is a need to make quick multiple selection by IMEI.
Would it be good practice to provide search field with ...
0
votes
0answers
18 views
What's the best way to make a text field with a suggested value that is shown even after it is filled?
For example, let's imagine a simple exercise tracking app. There's a field where the user can input the target score (the score he wishes to obtain).
Then, after exercising, the user is presented a ...
4
votes
2answers
1k views
How many pixels the “normal” letter-spacing is?
We are working on an input-field in our application where the users can adjust the letter spacing of text elements in pixels, but we are not sure how many pixels the normal letter spacing is.
We would ...
0
votes
1answer
35 views
Accessibly of input field's frames
When I look around, I see many websites, apps, and forms consist of text-fields that have a grayish frame. Do text fields have any accessibility rules when it comes to frame's contrast?
Is it ok to ...
0
votes
1answer
82 views
Form usability: Input type selector
I'm working on the form right now. There's part where user have to input data which can be two different type. For example input field where user can type money amount and then select currency. I'm ...
0
votes
0answers
30 views
What should be considered when deciding on the order of input fields for a contact tracing form
I'm working on a contact tracing form for a travel booking website.
The following fields are required to be filled in by the user when they book their travel tickets.
email
address
phone number
my ...
0
votes
2answers
57 views
form: approve inputs
I have the following scenario - in my web application each user can update the form. But before it goes live, a second analyst goes through the changes of each field and approves a change. As a ...
1
vote
3answers
84 views
How can you show additional information in a pop up
I'm designing this popup for a mobile website where a single input needs to be added. the user might need some additional information to help them with this input (e.g. the serial number is visible at ...
1
vote
1answer
87 views
Is UI Chips for all single choice input a good idea?
I'm working on an iPhone/iPad app that uses a lot of forms and we are currently using several different components for input where the user have to do a single choice from a defined list of items. For ...
0
votes
1answer
46 views
Delete input with value in (confirmation?)
I just got across this thread:
Allowing the user to add input fields
As I am in similar situation I would like to ask from UX perspective, what happens when the user clicks 4 times to add field and ...
0
votes
1answer
88 views
Display old value and new value on forms and grids
In my application if user modifies the existing value then we need to show the previous value (existing) and also the modified value. The same feature is also needed for fields which are in the grids. ...
1
vote
2answers
111 views
How to place two icons for one input field on a mobile app?
I want to put both an info and a clear icon for each text field. How should I design it w/o it looking awkward? Or, is two even necessary?
EDIT: How do I style it for an "if applicable" ...
2
votes
1answer
110 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
105 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
81 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
155 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
132 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
66 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
107 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
151 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
176 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
121 views
Do users actually use the arrows in <input type=“number”>?
Does the average user actually use these really tiny arrows?
2
votes
2answers
60 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
109 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
46 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
38 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
97 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
96 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
59 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
88 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
85 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
705 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
93 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
138 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
325 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
85 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
167 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
65 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
1answer
44 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 ...
1
vote
1answer
121 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
29 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
899 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
249 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
82 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
74 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
139 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 ...
