Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
600
questions
2
votes
2answers
64 views
What could be the best practice for a long list of options in a mobile based wizard with the possibility to select nothing?
I am trying to redesign a wizard step in a mobile application setup. The user should input the year and months of experience and there should be an option to select something like "I don't have ...
0
votes
1answer
46 views
Multiselect in separate page
I have a big form with like 16 inputs, going from basic inputs, selects and multiselect. Now I want to reduce the cluttering for the user by moving the more advanced inputs such as multiselects to ...
0
votes
1answer
36 views
Input field for huge number of strings
I am looking for references for a UI component that can allow selecting multiple values out of a huge set of optional values (even millions) each value is a string. The list of optional values will ...
-2
votes
1answer
82 views
Can a form field have different radius from the button? [closed]
Can the email address field have a different radius from the button?
We have pill-shaped buttons across the whole website.
But I didn't want to make the email address field with the same shape seems ...
1
vote
1answer
88 views
What should the entry point for a signature field look like?
I'm designing a form for a permission approval feature that will be used on tablets. this will require the user to sign their request.
My question is, is there a way to indicate that the field at the ...
0
votes
0answers
90 views
Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?
I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
2
votes
4answers
185 views
What is the best approach to select multiple values from a list of values in ascending order?
I have a section in a webapp where the user can select from a series of values, which are displayed in ascending order (to perform an unspecified function). The user can select among any of these ...
1
vote
1answer
64 views
Inline edit: Should input fields be Editable by default, or force users to click Edit then Save?
I have a Settings page with various input fields, radio buttons, checkboxes etc.
Currently, all the inputs are editable by default. There are three self-explanatory buttons at the top, RESET DISCARD ...
1
vote
1answer
52 views
How to show both old and new data when editing without using tables?
So I'm designing a page to compare some data without using table. My company wanted to reuse a page that I've designed before to this case as it almost have same flow but not the comparing data case. ...
0
votes
1answer
61 views
Is there a name for a text input that lets a user input multiple values?
There is a type of text input that allows the user to enter an array of items, sometimes with autocomplete, usually adding a new "item" to the list either whenever the user presses space and/...
0
votes
1answer
55 views
Multiple time and day input (web)
I am currently working on a web app that requires the HR of a company to input the reporting days and time of all the employees into the system.
The system requires the following information:
Work ...
23
votes
5answers
3k views
Why would the search input field not get focus when the page is loaded?
Opening up google.com I see that the search input field gets focus automatically, i.e. the cursor is already blinking in the field and users can start typing right away.
In contrast, amazon.com or ...
1
vote
3answers
287 views
Enable save button only when value different, or when input is dirty?
I see that a lot of frameworks for form validation have "is dirty" state check which tells if the user has ever modified input value.
But I don't see options that compare the original and ...
11
votes
3answers
2k views
Textbox with an unknown value
I have a textbox where the user can enter a number. In the past, an empty value would indicate that they didn't know the value. Now, the client wants to add an extra step where the user needs to ...
2
votes
1answer
124 views
Prevent users from entering higher values than expected
Biz case:
Allow users to configure policies to ensure critical application traffic is not dropped when a link is at max capacity.
Use case:
Traffic from head office to branch 1 is at max capacity.
...
2
votes
1answer
103 views
Should I display empty fields in read only display?
I have a desktop application which has many editable fields, about 50 fields grouped into about 6 sections.
When editing, the field's text box will show, then once the user clicks save, the data will ...
0
votes
2answers
169 views
Is it OK for a form element to shift when a related error message appears? [duplicate]
When designing a form, should I design with enough space between the elements for potential errors?
So that when displaying error messages, the form elements below the error message do not shift, ...
0
votes
1answer
48 views
Duration field that accepts a number of weeks and days
I have a duration field that looks like this. The user can set a time in HH:mm
However, in some cases the user might have to set a duration in weeks/days. This is the current design I have:
The ...
1
vote
2answers
52 views
Should empty field captions be specific or generic?
I have an app with basic user profile fields editing functionality. Each field presents the field name, the field value, and an edit button (e.g a pencil).
My question regards what I display on those ...
1
vote
1answer
85 views
Academic degrees in forms
What form field labels tend to be used for pre-nominal and post-nominal academic titles in forms? Is e.g. "prenominal academic degree" used or is that too formal?
1
vote
1answer
117 views
Variable length list input
I'm writing a wasm statistical calculator, so I need to allow an arbitrarily long number input on my website's front end. My current design looks like this:
A number is entered where the line is. ...
1
vote
2answers
142 views
One label for multiple fields?
I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
4
votes
2answers
681 views
Should a blank option always be included in <select> inputs?
For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown:
<select required>
<option value="&...
2
votes
3answers
152 views
Best input to select 2 of 4 options
I have a project requirement where our users need to be able to make 1 or 2 selections out of 4 possible options.
Along the lines of:
What is your favourite food? (Pick up to 2)
Pizza
Chocolate
...
2
votes
2answers
74 views
"Reset to Default" UI for Computed / Synced Fields
Background
Here is a nearly identical question to
What's the best "Reset to Default" UI element? but with one significant difference: various fields that may be customized, but in their ...
0
votes
1answer
100 views
Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%
I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have.
The first row in the ...
1
vote
2answers
186 views
Display date suggestions as dd/mm/yyyy or DD/MM/YYYY
I have found a lot of posts regarding how to display the order of a date (MM/DD/YYYY vs DD/MM/YYYY) but I haven't found any regarding how to display a "This is how your date should look" ...
3
votes
3answers
124 views
Validation for if all fields are required when an optional field has a value
I have a form that has an optional username/password input but when either the username or password has a value it causes them both to be required. Not sure how I should approach this?
So far the ...
3
votes
1answer
138 views
Set an optional field to a fixed value
I've got a edit form in which the user can change a number of properties from an item. In certain conditions, there is an optional time field which the user can set. But it cannot be set to an actual ...
2
votes
1answer
60 views
Is it ok to use text area for multiple subjects?
When user is answering question with radio buttons that opens new more specific questions. Is it bad idea to wrap those questions in one text area?
In my case user want might add multiple "...
1
vote
3answers
125 views
How to force users to subscribe without creating an account?
I've created a web app which does not require a user to create an account, you just fill in a form and get the result.
I thought that would be nice to add "Enter your email" input text along ...
14
votes
10answers
3k views
Good alternative to a slider for a long list of numeric values
I want to give the user the option to select a numeric value which falls in a range (0-1000), where most multiples of 5 are acceptable.
Usually, for this kind of thing, a slider would be perfect - ...
1
vote
1answer
57 views
search inside a dropdown or dropdown with a search for new set of option that user has to pick
what would be the better approach for an interaction which involves search inside a dropdown, where the items of the dropdown maybe new to the user and we need to show them upfront so the user can ...
1
vote
3answers
204 views
How to state valid characters are alphanumeric and 'all keyboard symbols'?
*Note: I'm using an inline validating message, where if a user enters a char that is not allowed a message is displayed (i.e. "Please only use...")
I've seen this post about stating valid ...
1
vote
1answer
158 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
111 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 ...
1
vote
3answers
71 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
3k 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
70 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
102 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
32 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
124 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
198 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
312 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
2answers
125 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
188 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
216 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
321 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
111 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
427 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 ...
