Skip to main content

Questions tagged [input]

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

Filter by
Sorted by
Tagged with
3 votes
1 answer
156 views

Looking for an Android Keyboard Gallery?

I'm documenting some patterns for a mobile project, and I need a page that shows all the different keyboard layouts on mobile for Android specifically (Like number pad, phone number keyboard, etc.) I'...
1 vote
1 answer
97 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 ...
0 votes
1 answer
107 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 ...
1 vote
1 answer
135 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, ...
0 votes
0 answers
56 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 vote
2 answers
371 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 ...
1 vote
2 answers
89 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 ...
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 ...
0 votes
4 answers
1k 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 ...
1 vote
2 answers
388 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 ...
2 votes
1 answer
50 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 ...
0 votes
2 answers
357 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 ...
2 votes
8 answers
255 views

Ways to educate the site visitors on what you can search with the search bar?

The current search bar design has search type filter tabs that allow the visitors to search for various result types. We looked at the site analytics and learned that site visitors are not using the ...
94 votes
12 answers
33k views

Merging firstname/last name into one field

I am entertaining the notion of a single field for name entry on our scheduling web app. I think this is an excellent case for a "forgiving format" to make it easy to enter their names quickly. I ...
2 votes
1 answer
179 views

Handling when the GUI changes right before a user clicks or taps

How should I handle the GUI changing just before the user clicks or taps, causing an erroneous input? I had the idea of ignoring input for 300ms before the input appears, but I'm not sure if this is ...
0 votes
2 answers
217 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 ...
2 votes
3 answers
159 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 ...
0 votes
1 answer
143 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 ...
1 vote
1 answer
131 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 ...
1 vote
2 answers
207 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 ...
23 votes
5 answers
4k views

When is it a good idea to perform actions on mouse-down *as opposed to click/mouse-up*?

I've grown used to the GUI paradigm of pre-select on mouse-down, action on mouse-up. In fact, I rely on it, sometimes canceling an unwanted action after mouse-down by dragging outside of the click ...
0 votes
2 answers
933 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 ...
2 votes
1 answer
2k 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 ...
0 votes
2 answers
2k views

Input mask on email field a good idea?

A colleague of mine is arguing that we should use an input mask for email fields. Personally I don't think it is necessary. For phone numbers I can understand since a phone number can be written in ...
1 vote
1 answer
33 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 ...
2 votes
3 answers
390 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 ...
1 vote
1 answer
641 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 "...
3 votes
1 answer
370 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
1 answer
91 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
158 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
323 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 ...
66 votes
10 answers
25k views

Is a cancel button necessary in a web form?

Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field. Plus cancel in a UI suggests canceling an action which is in ...
8 votes
2 answers
679 views

Do you think that it is a wrong decision to use a textarea for "add comments"?

Whenever we add a comment there is this textarea box. OK the first thing that gets into my mind is that I can press the "Enter" key in a textarea box and it will give me a newline. If its a normal 1-...
2 votes
2 answers
119 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 ...
85 votes
10 answers
164k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi-select list. Our options are: List of checkboxes Listview (select box but allowing multi-select) Both seem to be a bit ugly and unwieldy when the ...
1 vote
2 answers
110 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 ...
0 votes
1 answer
263 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 ...
8 votes
4 answers
8k views

Best Web UI for Large Amounts of Data Input

I'm looking for a good solution when users need to enter large amounts of data into a web application. Example A store owner wants to enter 30-40 new products into the system every month. The store ...
2 votes
1 answer
519 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 ...
3 votes
2 answers
400 views

Responsive table with many text inputs

I have a table designed like this: I need to make it responsive so it looks good on mobile devices. Some requirements for the table: There should be tips/hints for each text field. "Tips" -...
4 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: ...
0 votes
1 answer
174 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/...
1 vote
2 answers
3k 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'...
2 votes
3 answers
5k views

Allowing the user to add input fields

I have a form where the user can input as many usernames as they'd like. I've decided to show the form with 3 inputs initially, to encourage the user to input more than one username. When the user ...
0 votes
2 answers
390 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 ...
1 vote
1 answer
89 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 ...
0 votes
0 answers
151 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 vote
1 answer
336 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. ...
2 votes
5 answers
327 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 ...
1 vote
3 answers
1k views

Placeholders in Form Fields are Harmful

I usually take NNGroup information as sacred but I watched this video where they say that an input should not contain a placeholder on the inside box and while the explanation itself is correct they ...

1
2 3 4 5
10