Questions tagged [input]
A way for users to put information into a computer system.
470
questions
0
votes
2
answers
29
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 ...
- 1
0
votes
1
answer
37
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 ...
- 1
0
votes
1
answer
71
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 ...
- 143
0
votes
2
answers
46
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
143
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
75
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
136
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
108
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
39
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
434
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
31
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
1k
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 ...
- 23
0
votes
3
answers
309
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 ...
- 389
1
vote
1
answer
243
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 "...
- 389
1
vote
1
answer
97
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,315
0
votes
1
answer
68
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
113
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
180
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
96
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
102
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 ...
- 431
0
votes
1
answer
202
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 ...
- 51
2
votes
1
answer
347
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
4
votes
1
answer
667
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:
...
- 237
0
votes
1
answer
80
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
1k
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
78
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
191
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
110
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
231
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
224
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
1k
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
376
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
58
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
298
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
1
vote
0
answers
52
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
92
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
97
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 ...
5
votes
3
answers
1k
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 ...
- 53
2
votes
2
answers
506
views
Do users actually use the arrows in <input type="number">?
Does the average user actually use these really tiny arrows?
- 193
1
vote
1
answer
101
views
Is using button styles for a text input bad practice?
I was recently presented with an interface that was using Bootstrap button classes for styling a text input, like so: https://jsfiddle.net/k7g2Lv43/
I personally really don't like it, and I feel like ...
- 113
3
votes
2
answers
168
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 ...
- 31
0
votes
0
answers
172
views
Save search in modal popup
I have a modal popup for save search.
to save it I am using popover with name of search and a dropdown under which category I want to save it.
https://element.eleme.io/#/en-US/component/popover
It ...
2
votes
1
answer
140
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 ...
34
votes
6
answers
20k
views
Telephone input (+ country code)
I am asked to improve the sign-up process of a double authentication system.
At one step there, we ask users to input their telephone number. Right now users have to click on the flag and choose ...
- 883
4
votes
1
answer
63
views
Is limiting About Section text input more beneficial or annoying?
Background: According to the study below (Found on NN), users read less than 1/4th of all text on a given webpage. So, theoretically, organizations would benefit from having much shorter about ...
3
votes
1
answer
316
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 ...
- 31
5
votes
1
answer
521
views
Is there any research about input mask corrections?
I've found some researches about input masks in general but they all say just how to let user type text correctly. But I find it very frustrating when I need to correct an input (press backspace) and ...
- 51
49
votes
6
answers
10k
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 ...
- 593
2
votes
3
answers
326
views
Adding Users to a list
I'm trying to create a smooth way of adding users into a list on a page. The user has to add email and full name for a user. And at least 1 user should be added before being allowed to proceed.
Step ...
- 71