Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [input]

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

Filter by
Sorted by
Tagged with
0
votes
2answers
56 views

Right align form labels position

Hi All, I would like to get inputs on form label aligment. I am keeping the input field width to 40PX and and Detail input field to 75PX. I wanted to understand should I keep right aligned labels ...
0
votes
1answer
75 views

What are alternate UI/UX for Knobs?

I'm working on UI/UX which has mainly On knobs. I'm thinking to keep alternative for knobs. What are suitable alternative for knobs (Other than sliders). For example The figure below shows Two knobs ...
0
votes
0answers
19 views

How to handle Han Unification with user input?

Han Unification was a decision in Unicode that essentially made it so that the rendering of certain characters in Chinese (Traditional and Simplified) and Japanese are dependent on fonts. HTML ...
2
votes
3answers
97 views

validating input widgets

[This may be a well-worn old question -- apologies if so, but I have no idea how to search for it.] First, the background. (This is not the question yet.) Suppose I've got a GUI with an input ...
1
vote
3answers
79 views

Should a preview be added to an address form?

Task The user wants to correct an address. The wrong address is displayed on the left and the user can enter or correct the address on the right in the address form. Edit: Context The addresses ...
0
votes
2answers
104 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 ...
0
votes
2answers
75 views

Timesheet Entries UX

How to distinguish new time entries I have a timesheet that looks like this: Which works well. the customers can see all their time entries on one screen and works well reading the times across the ...
3
votes
4answers
181 views

Help text for 4 digit year

I am designing an input field for a year, that needs to be 4 digits. YYYY as help text does not seem very clear when it is not combined with MM/DD. What is best practice here?
0
votes
1answer
46 views

Address box in a form [closed]

My users will need to fill the address line and be very precise since the address represents their client's location (including apartment number, floor, etc.). However, I would like to use only 1 ...
0
votes
0answers
35 views

Text input with links without using markdown-like conventions?

How to make a usable and understandable solution to provide (non-webmaster) user with the way to input text with one or more hyperlinks in it? Markdown-like solutions, which require the user to follow ...
0
votes
1answer
76 views

Responsive table with many text inputs

I have a table of this type: So I need to make it responsive, look good on mobile devices. Several notices about table: 1) Yeah, there definitely should be some tips for every text field, it's ...
1
vote
1answer
79 views

How to take rules as inputs from user?

I am creating an automation tool which helps users in automating various tasks such as sending top-performing products, outlets, etc. I am stuck in the planning phase as what kind of user interface I ...
0
votes
1answer
42 views

Option to select a range and fixed values

Im currently designing the UI for a event tool. When the user is creating an event he has the option to select the amount of people needed for this event. He should be able to define a range (e.g. "...
1
vote
3answers
85 views

What is the best location on a form for an information icon?

I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
2
votes
3answers
174 views

What is a user-friendly approach to exiting a preview screen?

I have a mobile Android application that allows users to specify through a form the layout of elements displayed to the screen. The user can also preview the customized layout in full-screen. However, ...
0
votes
1answer
100 views

Input data in data tables

I have to design a data table which is going to be 288 rows and 15 column big. I want to make it easy for users to input data easily. Data is for a day for every 5 minutes interval(i.e. 288 rows are 5 ...
1
vote
1answer
110 views

Can we open keynum or keyboard on the bottom sheet or pop up for mobile application?

I am working on a mobile application. It is like ordering app for grocery but in wholesale and not in retailer. So user can order 100kg to 1,00,000kg for selling purpose. Order range is huge and ...
1
vote
1answer
69 views

Value input for several dependent ranges

My system measures events for event sets. The activity level for each event set is based on the amount of events in that set. The numbers in the image below illustrate the amount of events needed for ...
0
votes
6answers
127 views

What layout to choose for input fields with units?

I'm currently in the wireframing stage of a project with a medical background. Nurses, Doctors and so on use the interface to enter captured patient data, mostly measured values in different units. My ...
2
votes
3answers
149 views

How can I allow the user to select an amount of product by either volume or quantity?

I am working on a mobile application. It is like ordering app for grocery but in wholesale and not in retailer. So the order is not in 1 quantity, It is in 10000 kgs. Scenario - I am logged in as a ...
1
vote
4answers
232 views

Designing a mandatory input field with options

Are there any guidelines on how to present a mandatory input field which can either take in user input or be generated for the user? (Example - A mandatory promo code field which can both take in ...
2
votes
1answer
99 views

How to use input fields that automatically get a value while filling in the form?

Imagine we have an inventory management system. It contains a form where the user can fill in a placed order. The order has some properties like: Date Supplier User who ordered it Total price VAT (...
1
vote
1answer
43 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'...
3
votes
1answer
333 views

Read-only fields in Material Design

I am wondering how to style the fields in a form for users that have read-only access. As per the Material Design guidelines, read-only fields should have a help text stating they are read-only. ...
1
vote
1answer
280 views

Dynamic Form Fields, add remove button UX [closed]

Is it good design if in the below form, in which I require user input, the plus button gets disabled if there is no input yet? I prefer this rather than hiding it but are there any better alternatives ...
0
votes
2answers
60 views

Should I clear selection by re-clicking on icon, or make a “clear button”?

I have a UI in which I collect user feedback using simple two simple thumbs up/thumbs down icons that appear below the thing being rated. (US users only so no concern about thumbs up being offensive ...
1
vote
2answers
110 views

Recommended pattern for Select / Ignore / Exclude functionality

We have a page of filtered results, and in the sidebar the user can choose which values to filter by. We usually use check boxes, so a user can tick an item to select to filter by a value or it or ...
0
votes
1answer
66 views

How to place two controls in a good way

I have no advanced UX experience and need some help in placing one input and one button on a whole screen. Is there any way to do it pretty? There will not be any other controls on that screen.
0
votes
2answers
146 views

Input validation for login page

We have a password input for both our login and signup pages. As the user types their password on the signup page, they will see something resembling the following: Note: Our password input doesn't ...
1
vote
3answers
134 views

Better user experience when asked to input frequency of periodic event

So I am working on a form and one of the inputs have proved in user-testing to be somewhat problematic: We want to save the frequency of a periodic event, the event is how often a report is to be ...
1
vote
3answers
214 views

Persistent textfield hint on input - Bad UX?

In my app users get suggestions for things they can put on their list of so called "self-affirmations", things that you read out to yourself to improve etc. Background: It's been scientifically ...
0
votes
0answers
71 views

is using a FAB for multiple user actions and screens good practice?

I'm working on a gaming product where users can perform a wide variety of actions from rating, writing a review, adding to lists, log the game in their 'backlog' etc.. Each of those can lead to ...
1
vote
1answer
262 views

Add 'My Location' button to search locations input

me and my team trying to figure out where is the optimal and most intuitive location to place 'My Location' button related to a search areas auto complete input. As part of our current design, the ...
2
votes
2answers
124 views

Automatically trimming user input onBlur or on Server side on end of input?

Looking for best practices on web. In a general sense, we have an input on our webpage. This input doesn't allow empty space at the end. Bad: Apples     Good: Apples So what I'm wondering is,...
1
vote
3answers
101 views

How should I format inline errors when there is input description

How should I do this? Should the error replace the input description, should it go under? Please give your opinions and reasoning. I would still like users to see the description, but I feel like ...
1
vote
1answer
153 views

How to effectively capture nested data?

We need to capture data in the following structure(A json payload is the easiest way to represent the structure I know of): { "A": [{ "B1": "foo", "B2": 1, "B3": [{ "C1": "bar", ...
2
votes
2answers
89 views

When one of two inputs must be updated to satisfy a consistency criteria, which should you update (if at all)?

Let's say we have three text boxes for positive numbers (say A,B, and C) that must satisfy the condition that their product is 1. For example, A=0.5, B=10, C=0.2, would be a valid input. Once the ...
0
votes
2answers
61 views

Personal information or generated information

Dear community, I am creating a appointment process for a rental process. Currently I am evaluating whether to show the user their First- + Lastname + E-Mail in step (3) that they have entered in ...
2
votes
3answers
95 views

Do International/Non US Based Users Automatically know/type their county code when filling out phone number forms

I am designing a phone number field for an international audience. Initially I separated the country code with the ability to select ones country from a dropdown. Once a country flag was selected, the ...
1
vote
1answer
160 views

Is there a pattern name for allowing users to add fields?

When a user is allowed to add/remove additional fields (or field groups) within a form, what is this interface paradigm called? EDIT: in the example screenshots, each "row" of field(s) can be added/...
2
votes
2answers
118 views

Mobile app requires user to pick a number (min: 10, max: 30, increment: 0.25). Should I use an input field, picker, or something else?

One of the requirements for my application is that the user has to pick one number between the ranges and in the increment stated above. If I did a mobile options picker, there'd be 80 options. Do you ...
5
votes
2answers
247 views

When should i do an autocorrection?

I am using the levenshtein distance to recognize keywords despite typos, but i am wondering until which value the typo is still a typo or should be considered a different word. I am only comparing the ...
2
votes
5answers
160 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 ...
6
votes
3answers
1k views

<input type=“number”> or <input type=“text”> for entering an ID?

My website has a form with an input box to enter a long, random, numeric ID. Should it be a text input or a number input? The problem with <input type="number"> is that it has useless up/down ...
1
vote
3answers
148 views

Which is better button input or form input?

I understand that technically they are the same thing, but from a visual UX point of view which performs better button input vs check box? Has there been any thorough research done around this? if so ...
0
votes
2answers
164 views

Will users understand this horizontal spin wheel below a number input field?

I have implemented a horizontal spin wheel as an additional method to input a number: You can slide or scroll the measurement left or right and this will change the number in the input field directly ...
1
vote
2answers
106 views

Edit many inputs [duplicate]

I have a problem about UI/UX Design on mobile. There are 50 users, each user has 4 inputs (name,DOB,address and phone), so confirm step I show all of information of 50 users and put a "edit icon" in ...
2
votes
3answers
189 views

Does it make sense to display error messages for in-place editing?

In place editing definition: A label fields that when I click turns into an input field and allows me to type modify the text. Then either by clicking out or pressing tab it will automatically save ...
1
vote
3answers
78 views

How do I get a chart input from a user?

I would like to get a chart input from a user: download bmml source – Wireframes created with Balsamiq Mockups One way could be to let the user manually enter (X, Y) values like here but that ...
1
vote
2answers
71 views

Would you rather have the system to auto correct invalid date input, or an error message saying you need to correct it?

What do you think would be the preferred way of handling invalid date input on a desktop GUI? Let's say the user needs to set a date range, e.g. for a search. And he sets the start date to 2018-06-...