Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
560
questions
0
votes
1answer
75 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
29 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
1answer
28 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
2answers
50 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
0answers
55 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
37 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
60 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
92 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
77 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
103 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
60 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
91 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
130 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
60 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
71 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
89 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
132 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
118 views
Do users actually use the arrows in <input type=“number”>?
Does the average user actually use these really tiny arrows?
2
votes
2answers
52 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
95 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
34 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
36 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
94 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
53 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
69 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
82 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
443 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
64 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
75 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
241 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
166 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
58 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
34 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
94 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
27 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
624 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
216 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
80 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
68 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
108 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
99 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
452 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
120 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
533 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 ...
