Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.

learn more… | top users | synonyms

0
votes
2answers
143 views

Suggestions and references for a modern-looking and clean UI? [on hold]

I'm working on the UI of a single-page application that allows users to manage (add, edit and remove entries) information about their products. The interface must be capable of presenting hundreds of ...
4
votes
4answers
77 views

'Same as billing address' checkbox - Ticked or unticked by default?

I'm working on a subscription user journey. Most of the subscriptions are for digital products. However, a few of them may have a print included in the package and we would need a delivery in this ...
4
votes
2answers
103 views

What is the best way to display empty fields in a user card?

I'm creating a user widget for dashboard. What is the best way to fill the empty fields here? I can't hide the labels here if they are empty. And if I use "No information available" does it seems ...
3
votes
1answer
49 views

What's the best way to let a user show/select filetypes?

I have this app where file types define the allowable files that a user can submit. What's the best way to let user show/select any filetypes? See my two potential solutions below. Is there another ...
9
votes
5answers
203 views

horizontal drop down

I had a look around, but is there such a thing as a horizontal drop down (or drop across as it were)? I'm involved in a website project where the PO wants to introduce this; however, I'm not sure ...
3
votes
2answers
79 views

Do you still mark prefilled input fields as required?

I'm creating a form in which a user downloads an analytics report. There are multiple fields that are technically required for submission, but we prefill certain fields so that it's less work for ...
1
vote
1answer
76 views

Should form inputs expand to full width on smaller viewports?

When a viewport approaches smaller sizes, my first thought is to linearize and grow each form input, giving each input a full-width. This removes the UI hinting of the larger viewport, but arguably ...
0
votes
1answer
50 views

Single-Field Credit Card Payment. Experience or Published Data?

I'm currently attempting to employ the single-form credit card input solution similar to the one on Brad Frost's website (link below) but I'm facing some reluctance from others on this project due to ...
1
vote
1answer
66 views

Are there any references for 10-key data entry (enter vs. tab) to move to the next form field?

A client has requested a data entry form in which the users enter data with a 10-key number pad. When we developed the screen we used the tab button to transition from field to field as is common in ...
2
votes
2answers
68 views

Is a “Clear input” button only for search fields?

I noticed that the "Clear button" are usually found in search fields: Why is it so uncommon for this button to appear in other input fields. For example this small configuration form:
4
votes
4answers
82 views

Date input: with or without “calendar button”?

Nowadays I'm working with Primefaces and I have to choose between two date input controls from here: Popup vs button. The difference: When clicking on the "Popup" text input, you are able to type ...
0
votes
1answer
53 views

How to display two similars fields with possibly identical content? [duplicate]

I currently work on a subcontracting tool in which I have to register a direct client (billing) and a final client (work) with the address of the final client (work place). The direct client is just ...
0
votes
0answers
26 views

Required fields - Red asterisk vs label 'all fields are mandatory' [duplicate]

I'm working on a registration form. This form has 8 fields (email, password, first name, last name, country, company name, position, phone number). All fields are mandatory and I'm wondering what is ...
1
vote
2answers
380 views

What is a good user interface to allow people to enter in column headings?

I have a website where you can enter in some inputs and a report comes out. You can then save any report and load it up in the future with all your settings. I have one example where you can create ...
1
vote
2answers
37 views

Always visible list for quick textual insertion

I have a page with multiple groups of text fields in various (in-page) tabs which the user has to fill out. One of those groups is a list of chemical reactions. The species inside those reactions need ...
3
votes
2answers
280 views

Material Design required field

Has anyone seen in Material Design how they present a required field? at the moment it seems to either hide the (e.g. submit) button until required fields are populated, or throws an error on submit. ...
3
votes
3answers
71 views

Is modifying the user input allowed?

The use case: A user is presented a form with (for simplicity) two text fields: one for inputting minutes and one for inputting seconds. The user inputs 0 minutes and 100 seconds and clicks OK. Then ...
9
votes
5answers
408 views

What is the term for a numeric input field of a specific format?

There are new HTML5 input types being defined for commonly used numeric input types such as date, time, telephone number, etc. These terms refer to a specific input format based on the type of numeric ...
10
votes
5answers
418 views

What is the best way to show conditional fields?

We are creating a desktop app where (business) users can enter contracts. The issue is that the contract form contains a very large number of fields, with some of them being conditional. An example ...
8
votes
2answers
319 views

What is an appropriate visual metaphor for time units?

My app displays time units, such as [minute, hour, day, month, year]. There will be no magnitude associated. They convey the information "About how long will this action take?" (Think TODO list) Is ...
0
votes
0answers
25 views

Triming down signup form [duplicate]

I want to remove some signup fields to increase my signups. I have done some analysis and have a field where 80% of users that sign up leave that field with default value. Can I remove that field ...
9
votes
4answers
260 views

Does the height of an input field affect UX?

Overview I'm working on a project that includes an in-browser Chat feature. We're looking for ways to improve the UX. Problem Today, our online chat UI offers a textareathat allows customers to ...
1
vote
4answers
97 views

Best practice for month / year input

Is it best practice to have text fields or dropdown + textfield combination form month year? Does it changed if the month is listed as 01 vs January? (The ^ indicates dropdown) Note: Users use the ...
3
votes
2answers
189 views

Choice with a Radio button group

Context: In our application we implemented a responsive disclosure. Currently the choices the user can make are rendererd as a set of radio buttons. Currently there a two valid options, A and B. When ...
2
votes
3answers
127 views

Limiting the number of edits user can make to a list

So I am working on this little chrome extension that tracks the amount of time the user spends on certain websites and helps them reduce the time they waste online. On Installation the ext. asks user ...
5
votes
4answers
306 views

Help tooltips and screen-readers

I have an input form that contains help tooltips for many of the field labels (usually more meaningful than the example). download bmml source – Wireframes created with Balsamiq Mockups ...
2
votes
4answers
194 views

Best design for input of solely negative numbers via numeric keypad

I'm designing an app where in one screen of the application users can input a single number (and nothing else) by use of a numeric keypad. The number may have a single decimal place. Depending on the ...
1
vote
3answers
105 views

How to tell a user that they are looking at an example? “for example”, “sample”, “i.e.”, “eg”

I'm looking for a universal way of showing a user that the text they are looking at is an example of a valid input. I'd like it to be as concise as possible and universally understood (i.e. 'For ...
12
votes
8answers
2k views

How to show two options without preferring one over the other initially?

I want to ask for a persons gender, but I don't want to make a choice in which to put first, male or female. Normally one would use radio buttons for this, O male O female However, there is ...
1
vote
2answers
97 views

Form fields tooltips vs. plain help text. What works best?

In your experience, what's the best (user experience) method for giving users more information on certain fields that they have to fill out? Note that these fields are part of the set-up process of a ...
1
vote
1answer
78 views

short vs long message - input placeholder

I'm working on a profile update form, it got me wondering - what's the pros&cons of displaying a short placeholder vs a long placeholder? First candidate: Current Password Second candidate: ...
2
votes
3answers
190 views

How to display long text in a short input box?

I can't decide which of the following 3 options is best so I'll ask here which option would you choose and why? Edit: to be clear those are text input controls and not cells of table data. Try them ...
0
votes
2answers
51 views

Should I limit inputable characters in an internationalized multiplatform app?

Suppose I am releasing a mobile app and website and make it available to English-speaking and non-English speaking users. We already support UTF8 encoding throughout our technical stack. However, is ...
0
votes
2answers
104 views

Sollution for user's location input?

So I have a form with two inputs. The first one is for a product search and another for choosing its location - city. As I'm predicting, 80 percents of the time, the location will be user's current ...
2
votes
2answers
290 views

“Remember me” login functionality

Is there any research available about the viability and use of "Remember Me" toggles/check boxes on login flows? I can't seem to find any information on whether or not they're used or not.
5
votes
2answers
224 views

What's better UX: Letting users completing a form with errors marked inline? Or, block the rest of the form as soon as there´s a wrong field?

I'm using inline validation (on blur) as soon as the user clicks/tabs another field. Is it good to block the rest of the fields (previous and following) when a field is validated? The case is: ...
1
vote
1answer
90 views

Making typing API keys easier for mobile users

I have a mobile application which uses data from a REST API, and needs an API key for that particular user to access what it needs. The problem is that the API keys are anything but short. ...
1
vote
3answers
171 views

Mobile money input, easiest method

For a monetary input, I would have liked to use the input[type=tel], but sadly the decimal/period character is missing from most telephone keyboards on mobile devices. This is a payment amount that a ...
1
vote
2answers
71 views

One to Many input fields

Similar to (One to many) to many form?, but less complex I hope I'm attempting to present a form in which a user can define a number of spectra, each of which includes a species string and a number ...
0
votes
2answers
99 views

Designing a Geographic Form with Multiple Input Fields

I have a form that allows the user to input their geographic origin. The origin is broken down into 4 specific categories: City, State, Province, Country. The province input field would apply more ...
1
vote
1answer
85 views

Combined data and unit form field

Assume you’re helping to design the GUI of a WYSIWYG word processor. Users shall be able to change font size. There could be relative controls for larger and smaller and there could be keyword-based ...
4
votes
2answers
158 views

Change Password Form

When allowing a user to change their password is it necessary to add a confirm password field? as follows: Current Password New Password Password Strength Meter Confirm New Password (Is this field ...
3
votes
1answer
95 views

When to remove error color from field? On change or on focus?

I have a form. When the user puts in wrong information or an error shows up, the field color changes. Now, I'm confused as to when I should change the color back; should it be when the user focuses ...
0
votes
2answers
150 views

Placeholders as labels in mobile, when to use, when to not

I've read everywhere that using placeholders as labels is a bad choice seeing as, when the user starts typing/selecting, they may forget what they're doing or what the field was originally for. But ...
1
vote
3answers
182 views

Mandatory field without default value

While designing a GUI, on the form where I am administering the users, when I add a user I want to be able to select the role among 3 choices and I want the administrator to make a choice. So I ...
4
votes
3answers
169 views

Address form, field for “region”

I've done some research and found that each country has its own way of subdividing the country into smaller parts. Examples: Departments (France) States (USA) Provinces (Netherlands) Counties (UK) ...
2
votes
3answers
116 views

Should I use questions or statements in my web form?

I'm designing a web form that allows you to schedule events on a calendar. There are about four pages of input required for each event, such as: Name Start date End date Employees involved Budget ...
2
votes
1answer
133 views

Auto focusing erroneous form input fields

I'm auto focusing the first input field of my Sign up and Log in form before the page is displayed, but I'm not sure what to do as far as auto focusing erroneous fields after validation. I have a ...
1
vote
3answers
110 views

What's the best design to get a number from a small range from user?

I have a system where I have to get a number, between 1 and 10, from the user in a web application. (The actual use case is the user has to say which group he is from, and group names are numbers from ...
1
vote
0answers
58 views

Require input if there are any [duplicate]

My client is registering customer data and wants to make sure that they register their customers e-mail addresses when ever a customer has one. So the input textbox should be required to have valid ...