Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [input]

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

1
vote
3answers
74 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
164 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
58 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
75 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
83 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
66 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
71 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
56 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
82 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
127 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
95 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
241 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
151 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
315 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
140 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
130 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
98 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
133 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
70 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
65 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
128 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
81 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
65 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
65 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
523 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
55 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
444 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 ...
2
votes
1answer
59 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
146 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
72 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
406 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
121 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
483 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
382 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
418 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 ...
2
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 ...
47
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 ...
1
vote
2answers
297 views

Should nationalities in an input be listed in country name or adjective form?

When designing a data entry form for entering information about a person or an organization (e.g. customer info, international business partners, etc.), there arises a question about the best way to ...
1
vote
1answer
47 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 ...
2
votes
1answer
114 views

How to convey interaction between two cells

I am working on a project that includes designing some behaviour for a web data grid. I run into a question described in the title. Below is a screenshot. The editable input cell is the one with ...
2
votes
2answers
269 views

Representing nesting, inheritance, and overrides in a key-value pair editor (JSON)

The requirements My application has hierarchical contexts which are configured via JSON properties. Those are overlaid to create a single JSON properties file. Properties can be inherited or ...
0
votes
0answers
41 views

Should capitalization of names be normalized for printing?

There are a couple of existing questions on this, such as, When collecting first and last name from users, should the name be formatted if it will be shown to the user again? However, my situation ...
1
vote
0answers
32 views

How did Twitter choose their character limit? [duplicate]

Twitter posts are limited to 140 "characters", which turns out to mean code points in UTF8 (not the only or even most intuitive measure). Was this determined by a (likely outdated) technical ...
6
votes
1answer
244 views

What are the downsides of <input type=“radio”>-based tabs and carousels?

I have seen a lot of examples of usage of <input type="radio"> and <input type="checkbox"> along with some css like input:checked + div.tab-content {display:block;} div.tab-content {...
13
votes
2answers
2k views

How to represent an abstract data type in a form?

I'm building a graphical tool for programmers to ease the use of a library. The library has a data type which I will call AbstractType that all types inherit from - Image, File, etc. The list of ...
2
votes
2answers
153 views

Do users understand when a title is a button

I have a filter and sort feature on a particular website, and the current layout is as follows: Of course, I want to reduce elements to as few as possible, so my question is should a layout like this ...