Questions tagged [input]
A way for users to put information into a computer system.
480 questions
2
votes
0
answers
40
views
Which aspects of an input should use rem and which should use pixels?
I am currently working on standardizing the styling in an application. As part of the process, I want to use rems (ie scaling based on the browser font size) instead of pixels (px) where it improves ...
- 21
0
votes
1
answer
29
views
Input field in form with two different workflows
We have a form that user needs to input manually(at least for now).
Currently, we have an input field for users to type.
As we are planning to implement gen AI feature in our product,
we want to use ...
- 1
1
vote
0
answers
34
views
Search history - clear / disable [closed]
In relation to a retail website search bar. Is it necessary to have the option to disable search history if there's an option to clear it?
- 11
0
votes
1
answer
94
views
Mandatory user input: Either an expiration date or "unlimited"
Long story short: I need some mandatory date picker component (for an expiration date of a certificate) which can be made optional by an active click from the user (if the certificate is valid ...
- 101
2
votes
1
answer
55
views
In an input field how to decide the input field and its label positions?
I have seen input fields that vary in terms of how they are designed.
Label on the top and text are at the bottom.
How is this decided? And can it vary in different places in the same application and ...
- 1,543
0
votes
1
answer
73
views
Is it ok to trigger a popup to fetch information from an input field?
I have this UI where all the fields are inputs.
But two informations need to be fetched by selecting options from a popup.
currently I have the labels and an edit/add icon to triggers and popup. The ...
1
vote
1
answer
39
views
Input suggestions for multiple fields on the bottom of the page
I'm currently designing a UI for a mobile-first project. What I currently have is a setup, where there are two input-fields on the bottom of the page. Those input fields need auto-suggestions.
I was ...
- 111
0
votes
0
answers
33
views
Infinite range slider input [duplicate]
I want to have the ability for a user to use a range slider to select an infinite (or limited) set of values.
My first thought was to have the slider update after each selection, as per https://svelte....
- 111
1
vote
1
answer
127
views
Why do virtual calculator UIs (especially desktop ones) have the numbers laid out when users typically use the keyboard instead
Just curious, why do virtual calculators on desktops even have the numbers and symbols added to the UI.
Here's an example of what I mean
Windows Calculator
macOSCalculator
On desktops, the primary ...
- 658
0
votes
0
answers
63
views
How to best ask users to provide input when changing between some statuses but not others of a project?
I am working on a platform in which the user can, among other things, manage the status of projects. At the moment, the user select the new status by clicking a button, and the change is immediately ...
- 1
0
votes
1
answer
158
views
HTML element or UI control to accomplish the following scenario to select a range of page numbers in various orders
Seeking some insight on what HTML Elements or UI control would be best suited to accomplish the following scenario. The ability to select a range of page numbers that could include a number of ...
- 126
12
votes
4
answers
3k
views
What is the best UI for allowing the repeated selection of the same item from a list?
In my project, I have two lists of items: on the left, all the possible items for selection, and on the right, those that have been chosen.
Unlike typical scenarios, in my case, the same item can be ...
- 153
1
vote
2
answers
498
views
Searchable input field with dropdown or search field in dropdown?
In location input field that has a dropdown on click, is it best practice for the input field to also be a search field to filter through the dropdown results, or treat the input field more as a ...
- 11
1
vote
2
answers
106
views
Table input with modifier
I'm working with complex tables whose data can be aggregated based on time (e.g., from month to quarter). Users will still be able to modify the data at a higher level (e.g., input 900 at the quarter ...
- 11
1
vote
2
answers
738
views
Should I include ... at the end of input placeholders?
I've noticed designers using "..." at the end of inputs or search bars placeholders ("Enter your email address" vs "Enter your email address...") seemingly at random. Is ...
- 173
0
votes
2
answers
446
views
What are the expected behavior and characteristics of a currency input?
I'm trying to make a list of the expected behavior and characteristics of a user textbox when it is designed for currency or money input.
Characteristics:
Numeric only.
With two decimal places.
With ...
- 101
2
votes
3
answers
166
views
Is there a way to simplify interval input to allow filling one single endpoint?
Let’s say I want users to fill an event start and end dates. If the event lasts one day then these are the same, and it feels redundant to input the same date twice.
However, I can’t imagine how a ...
- 123
0
votes
1
answer
163
views
Form with multiple input fields that has an responsible Person per field
I am trying to design a web based input form for a database. For my form, I have two users groups. Both of which need to be able to edit every field. But one of the two groups is always responsible ...
- 15
0
votes
2
answers
538
views
Which label option for a range slider offers a better experience?
The aim is to offer an input using a bandwidth range-like slider field, that can make the selected option clear.
Option A: only show the selected option, to encourage the user to use the input and ...
- 1
1
vote
1
answer
138
views
If you have a PC game with keyboard input, how do you translate that to mobile?
I have an old game I wrote decades ago, which I'd like to port to mobile.
The inputs are basic, arrow keys to move around. However you can't easily do that on a mobile - eg you hold down right to ...
- 111
2
votes
1
answer
52
views
Research to show how difficult is it to blindly enter a string?
Is there some scientific way to prove that say entering a masked 12 character password accurately is XXX times harder than entering an 8 character password?
And that with symbol, punctuation, numbers ...
- 121
0
votes
2
answers
1k
views
Date field DD/MM/YYYY entering only 4 digits
I am working on an payroll application in which date input fields are used in different types of user scenarios (for example, entering your date of birth, but also entering the start/end date of a ...
- 1
1
vote
1
answer
37
views
Prevent reset of data in input form after changing server instance
I'm trying to design an "add card payment" form with Stripe implementation, the real challenge is that I have two accounts for two regions US & Europe.
My current design is that user is ...
- 13
2
votes
1
answer
4k
views
How to handle UI/UX for recommended character limit
I'm trying to design the UI/UX for a specific case.
I have an input where users can enter the label text for a button. The problem is that users are entering strings that are too long, that wrap and ...
- 45
1
vote
4
answers
2k
views
How to show error message around HTML input on blur without jarring the layout?
I have this so far, not really that styled but the basic layout.
Notice how the layout jars when there is an error message (and the error message might be longer than one line). I even tried forcing ...
- 523
1
vote
1
answer
1k
views
How to improve UX on deeply nested form functionality in the browser?
I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here).
Basically, you have a form for a "...
- 523
1
vote
2
answers
173
views
Field only required during Edit mode
I have a form that allows the user to add a "Location" for a particular entity.
Each location should have an "Assignee."
In that sense, the "Assignee" is required, ...
- 1,414
0
votes
1
answer
129
views
Using a Google Spreadsheet to feed input to a web application
I am building a mathematical web application, that gets as input a large matrix of numbers, and does some mathematical calculations on it. The common ways to feed input into such an application are:
...
0
votes
3
answers
185
views
Is it an anti pattern to have two UI input element for the same value?
Does having two different UI elements for the same input value considered an anti pattern? Both inputs represent the same thing, changing the value of one will update the other.
For example, I wanted ...
0
votes
2
answers
427
views
Tap takes you to next screen VS Tap enables "Continue" button
I'm designing a flow that contains screens where the user has to select an option among the available ones. For now we will not allow to select more than one, but maybe in the future it will be ...
2
votes
2
answers
147
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 ...
- 121
1
vote
2
answers
115
views
Value can only be assigned to one item per category in a table (Radio button-like use case without using Radio buttons)
I have a table with a list of items & various columns.
One of the columns is Type, of which the possible values are A, B, C etc...
The user is able to assign a binary value Is X?=YES or NO via a ...
- 461
0
votes
1
answer
278
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 ...
- 71
2
votes
1
answer
575
views
Hide already selected options in the dropdown
In the case of a multi-select field, I would like to know the best practice:
Hide the choices that have already been selected (the list gets smaller as you go along)
Leave the choices already ...
- 21
5
votes
1
answer
1k
views
Creating user friendly autocomplete inputs for mobile devices
Note: Initially I posted this question for code review, but realized this is really a question about user interface.
I am working on an e-commerce website, I have 2 types of autocomplete inputs:
...
- 247
0
votes
1
answer
362
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/...
- 103
1
vote
2
answers
4k
views
Phone number input with country code
I'm really struggling with a phone input field for a form similar to an emergency contact form. International numbers are unlikely but possible inputs.
Due to timelines and system limitations, we can'...
- 13
1
vote
1
answer
100
views
Success feedback for debounce updates
When creating a form that updates automatically after a short debounce time (thus without a save button), is it best to provide a visual feedback if the update was saved successfully and in case of an ...
- 113
1
vote
2
answers
250
views
UX Pattern to make it easier for the user to fill many different select boxes
We have a web form and the user is required to fill in atleast 5 (maybe more) select boxes. Our current UI layout (see below image) looks like alot of work to the user. Are there different UX Patterns ...
- 111
0
votes
0
answers
175
views
What percent of internet users use mouse back/forward versus the browser back/forward buttons?
I personally almost never use the browser buttons and I imagine it's the same for most tech savvy users but I want to know what the usage patterns are like for the rest of the population. From my own ...
- 1
1
vote
1
answer
355
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. ...
user145441
2
votes
5
answers
488
views
How do I let users know the field can be edited without putting it in text?
I am designing something like a wallet where users can withdraw from it. I'd like to give users the option to withdraw any amount, however, I do not know how to let my users know in a really obvious ...
- 53
1
vote
3
answers
2k
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 ...
- 113
1
vote
1
answer
531
views
Checkbox alternative?
I have a problem to design a form. I know that :
Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other ...
1
vote
1
answer
60
views
Convey the ability to use an input many times
My site is a legal consultation platform. I am offering an option for visitors to clap answers they like, and they can clap up to 10 times.
Example of the page here:
How can I convey to the users ...
- 265
0
votes
2
answers
436
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 ...
- 51
2
votes
1
answer
150
views
How do I best show the format that's allowed for an input?
I can restrict the input on the front-end to certain values or make it match a regex pattern, but the user might be confused about why they can't input certain values unless it's communicated to them ...
0
votes
2
answers
100
views
What is the best way to change proportions?
I would like to find the best widget(s) to change proportions.
Let's say I have 2 to 12 parts that sum up to 100%. I would like to create a widget where the user could those parts as they want.
For ...
0
votes
3
answers
2k
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 ...
- 165
1
vote
1
answer
146
views
How would you input sequential data?
Let's say I want a user to enter a sequence, such as boxing combos (e.g., jab-cross-hook) or even skateboarding tricks, along with individual moves/tricks, how would you go about designing the UX for ...
