Questions tagged [input]
A way for users to put information into a computer system.
1
vote
4answers
113 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
75 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
24 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
103 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
82 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
52 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 ...
0
votes
2answers
76 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
61 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
64 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
88 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
200 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
63 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
89 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
88 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
72 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 ...
0
votes
1answer
74 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",
...
1
vote
1answer
38 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
58 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
83 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
131 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
100 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
242 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
152 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 ...
5
votes
3answers
530 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 ...
0
votes
3answers
143 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
141 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
101 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
140 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
74 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
67 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-...
0
votes
2answers
142 views
Instant typing search pattern
I've been meaning to implement the pattern of an "instant search" on a Desktop site, which would work by simply starting to type and have the input focused on a search form.
The only example I have ...
1
vote
2answers
86 views
When a radio-button is not yet chosen
I have three radio-buttons for "kind of project":
personal / unregistered nonprofit / registered nonprofit
I also have text input "Organization name" below the radio buttons.
"Organization name" ...
3
votes
3answers
67 views
single input or seperate inputs for a solution containing units
We are trying to create a web application to teach units to students of 4-6'th grade, the question would be like
what is average velocity of the car that moved 60km in 3 hrs?
The answer would be ...
0
votes
2answers
66 views
Form for creating/inviting new users
What I would like to achieve?
A form that enables a user creating a group of people on my website. Now: not every member of that group needs to be active (in other words: not every member needs to ...
0
votes
1answer
43 views
Button Behavior and when to trigger on release
I am writing menu logic and was wondering if there are any general rules for when an on-screen button's function should trigger on release, vs when to trigger on press?
(A release trigger requires a ...
0
votes
2answers
558 views
What do you think about phone number input field’s width in web design? Is it important whether the number is long or not?
I'm designing a new form field for sign up page and something disturbs me. I have to show phone number field but I don't want to make it wider than phone number's length. I realize most web sites don'...
0
votes
1answer
56 views
Empty input fields and functional design
Let's say my application has two input fields. Here is the situation:
When starting the application, both fields are empty.
When entering a value into one of the fields, it will be parsed to a number ...
3
votes
1answer
513 views
What is the UX effect of input labels (NOT placeholders!) inside vs outside input wrappers?
I was wondering if there is any research or literature you know which discusses the position of an input label in regards to the input wrapper?
Take the following example:
Both versions take the ...
1
vote
2answers
69 views
Which styling should the field have, once a value has been chosen?
I'm working on the input style for a dropdown field, and I have two options for once a value has been selected. The default field state is shown at the top, which has the same border color as the ...
3
votes
1answer
61 views
How to handle a user text input which accepts tabs as a valid character?
Working on an automated data handling system. It attempts to work out the format of the uploaded data itself but, if it fails, it asks the user to put in things like field delimiters so it can process ...
1
vote
4answers
149 views
If I start editing one table cell without saving changes to another cell, should it apply my unsaved changes?
I have some table and adding row. You can add elements to the table by typing something and clicking on Add.
Every data item can be edited. Now i want to add something and i type in input "Ite" (look ...
0
votes
1answer
75 views
Does a select input element (fixed options) need a “clear input” button?
In our custom select element the user can start typing a category.The option nearest to the typed text is highlighted and will be selected with enter, tab or clicking. The options list is fixed so ...
1
vote
1answer
437 views
Input field with icon and placeholder as label
I was prototyping some inputs for a product I plan to develop and was wondering about the bad practice issue envolving the use of placeholders as labels. My question is: with the use of an icon ...
3
votes
1answer
128 views
Change Password Control
My idea of manage password section is to enable only Current password field at first. If the user enters correct password in the field only then the fields beneath it would go in enable state. Would ...
3
votes
1answer
521 views
Forms: Use visible input hint next to field or hidden hint behind info icon?
In case a label doesn't provide sufficient information for an input field and an additional hint is helpful, when should the hint be available next to (or below) the input field and when should it be ...
1
vote
1answer
441 views
Element to input Duration
I'm looking for a good way to build an element for inserting Duration. In the end the user's input would be converted to something like P23DT23H it's ISO 8601, you can read more bout it on wikipedia - ...
1
vote
1answer
32 views
Should one redefined (or cancel) default layout for autofilled inputs?
The yellow background of the input we see on the screenshot below is due the way Chrome renders autofilled inputs by default. Technically, I can got rid of this by introducing a bunch of cumbersome ...
1
vote
1answer
453 views
Placeholder for unknown number of digits
I would like to add placeholder on a HTML input type which could hold number between 1 and n (unknown large number of digits, for practical reasons it will be limited to some number, let say 10).
This ...
3
votes
2answers
2k views
Is there a valid reason to allow leading or trailing spaces in user input?
I want to propose a new guideline in our company to disallow leading or trailing spaces in any user input (web forms).
Is there any valid scenario where you want to allow leading or trailing spaces ...
48
votes
8answers
9k views
How to enable users to insert an infinity number
I am designing a web page which give admin users the opportunity to manage the users below them. in one section of this admin page, the admin user is required to fill out how many queries he permits ...
