Questions tagged [input]

A way for users to put information into a computer system.

Filter by
Sorted by
Tagged with
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 ...
Elaine's user avatar
  • 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 ...
Alexey's user avatar
  • 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 ...
Angel's user avatar
  • 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 ...
Polarcode's user avatar
  • 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 ...
MatTheCat's user avatar
  • 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 ...
fabiux's user avatar
  • 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 ...
N44's user avatar
  • 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 ...
Mark Mayo's user avatar
  • 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 ...
hendry's user avatar
  • 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 ...
maai15's user avatar
  • 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 ...
Rezz's user avatar
  • 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 ...
Burns's user avatar
  • 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 ...
Lance's user avatar
  • 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 "...
Lance's user avatar
  • 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, ...
J Bo's user avatar
  • 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: ...
Erel Segal-Halevi's user avatar
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 ...
Franck Bigand's user avatar
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 ...
BillEvans's user avatar
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 ...
roostaamir's user avatar
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 ...
cgtk's user avatar
  • 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 ...
user110630's user avatar
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 ...
Blandine's user avatar
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: ...
Hooman Bahreini's user avatar
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/...
starscape's user avatar
  • 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'...
bluefable's user avatar
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 ...
nathaner's user avatar
  • 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 ...
sazr's user avatar
  • 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 ...
guesst's user avatar
  • 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. ...
user avatar
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 ...
Cassie Ho's user avatar
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 ...
jed's user avatar
  • 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 ...
Mathieu Bouttaz's user avatar
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 ...
Aysennoussi's user avatar
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 ...
CookieWookie's user avatar
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 ...
Christopher Bradshaw's user avatar
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 ...
Aidas Bendoraitis's user avatar
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 ...
Naty's user avatar
  • 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 ...
winstondecker's user avatar
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 ...
ctrlawkdel's user avatar
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?
IMB's user avatar
  • 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 ...
Luci's user avatar
  • 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 ...
bakedalaska's user avatar
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 ...
Anonymous Creator's user avatar
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 ...
Vera Shutsikava's user avatar
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 ...
Mike Mark's user avatar
  • 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 ...
BrettBrettBrett's user avatar
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 ...
Iben's user avatar
  • 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 ...
Nataly's user avatar
  • 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 ...
Johz's user avatar
  • 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 ...
Fahd Khattak's user avatar

1
2 3 4 5
10