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

7
votes
3answers
217 views

“Floating labels” vs “Fixed small labels” on the the web?

On devices with small screens floating labels can improve readability, since the size of the placeholder's text tends to be considerably bigger than the one in the small labels and the latter just ...
7
votes
1answer
473 views

Time (duration) entry in webapp - pros/cons of various designs

In designing a way to enter time durations in a website, there are various proposals below. What are the pros/cons from a UX standpoint for both mouse & touch uses. Yellow boxes show input ...
7
votes
3answers
172 views

Form prompts inside form fields always wrong?

I've noticed in the edit-profile form on UX Stack Exchange a weird prompt with an important message - the date format. Personally I would consider it terribly wrong (force to memorize data format, ...
7
votes
2answers
313 views

List autocomplete delete/edit behaviour

I am not sure what these widgets are called, but they are the ones used to assigned tags to questions on SE and appear in webmail apps such as GMail and Hotmail as well: If someone could chime in ...
7
votes
3answers
445 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
6
votes
5answers
420 views

Forms: Sample description- for label or field? what should be the placement?

I need to place example input text [abc@pqr.com] for a field or label. Where should I place example (or sample) input description? Here, I have shown four examples of an email ID input for ...
6
votes
4answers
645 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 ...
6
votes
2answers
2k views

Date range picker in mobile app

In my current project, I'd like to filter a list by a date range. I'm not sure how I should design the interface in such a way that it's as easy as possible to select a range. My first idea was to ...
6
votes
2answers
1k views

How to structure complex forms for business documents?

In our enterprise management software we use forms to record document like customers, invoices, sales order, tasks, products, etc. We wanted forms to look like their hard paper version. Below is an ...
6
votes
2answers
608 views

Automatically limiting or correcting numeric input field values

The application interface I am working on has an slider to select a number, but offers a text input field next to it. This allows reading the currently selected value, but also supports keyboard ...
6
votes
2answers
139 views

What control would best allow the adjustment of signal/noise ratio?

I am developing a web app where a prominent feature is the ability to adjust the signal/noise ratio of the app's content on the fly. The value needs to be represented along a spectrum which includes ...
6
votes
1answer
465 views

Many-to-Many associations - Edit in place or on new screen?

I am trying to design an interface to do two things: Create Items and Objects Create links between Items and Objects (in a many-to-many association) An Item is a simple attribute that must be ...
5
votes
1answer
347 views

Placeholder : field label or sample data?

I am designing a generic form. Every input has a label positioned right above it. My question is about using input fields placeholder : Should they be a reminder of the label (Ex : Label : Username ...
5
votes
3answers
1k views

Best practices for how search icon functionality should work

I’m trying to find out how exactly the search icon functionality should work when the icon is clicked. This is for a responsive website. I have three scenarios, please view them on a smaller ...
5
votes
3answers
299 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...
5
votes
3answers
281 views

Should I vary input field lengths in a single page checkout form?

I am currently designing a single page checkout form. I would appreciate some feedback on the lengths of my input fields. In the Billing and Shipping sections I have staggered the length of the ...
5
votes
4answers
180 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 ...
5
votes
2answers
576 views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
5
votes
1answer
294 views

What is the most user-friendly software license installation process?

I have Windows desktop software that requires the installation of a small binary license file (1KB) that controls access to DLLs that are installed with the software package. The GUI part of the ...
5
votes
2answers
280 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: ...
5
votes
2answers
493 views

i18N and form design

I'm trying to design a web form supporting internationalization (i18n). The form will be part of a large event management software. Users login, create events (like conferences, roadshows, and so ...
5
votes
1answer
849 views

Is the asterisk the common symbol to mark fields as required in all languages?

I did some research but didn't find an answer to it. The asterisk seems to be a common symbol on the web for marking input or user interaction as required. Most likely it has it's origins in print ...
4
votes
4answers
1k views

Required fields [duplicate]

What are the rules around indicating required fields in a flow that has some pages that have all required fields and some that are mixed? Is it better to denote optional fields in this case?
4
votes
6answers
211 views

Best way to enter/display relative time in a text box

In a reporting client I'm working on now, there is a need to filter data by different conditions, among which are conditions based on date/time. Decided, that user first selects a predicate from a ...
4
votes
4answers
330 views

Balance between mandatory fields and optional fields

I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
4
votes
2answers
190 views

Does the size of an input influence its value?

I've recently started using BackBlaze as my backup service and I noticed something interesting on their restore sign-in page. The password input is slightly longer than their email input. Since ...
4
votes
2answers
149 views

What's the best practice for limiting text length in a field?

I have a field on a form that I want to limit to 55 characters due to some constraints with an integration platform we use. I've searched both Google and UX.SE and haven't found any good resources ...
4
votes
3answers
211 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) ...
4
votes
2answers
199 views

Validating Phonewords/Vanity Numbers

I am redesigning a system where the user can enter various contact details for associates via a personal details form. In this form there is a phone number input field. After a phone number is ...
4
votes
4answers
252 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 ...
4
votes
2answers
201 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 ...
4
votes
2answers
136 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 ...
4
votes
1answer
299 views

I have a typeahead in my form. How do I get people to select its options?

I am the UXD (I use this as loosely as possible) for an education startup company. I have a typeahead in my sign up form: This is the last entry in the sign up form. Underneath that (hidden right ...
4
votes
3answers
215 views

Should dropdown background color be same as other (text) inputs on a form?

Today I noticed one really annoying thing in a new layout from a designer. In the new design, all dropdowns had much darker background than other text inputs. For one, the contrast was quite poor, ...
4
votes
1answer
420 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
4
votes
2answers
1k views

Default Android input field styling

I have been showing a prototype of my app to a few people and am surprised by how many of them don't know where to type. The main screen has three input fields and a search button. I'm talking about ...
4
votes
1answer
883 views

Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]

Possible Duplicate: Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects? My problem is that the little checkbox and radio buttons for form controls ...
3
votes
3answers
1k views

Labels inside or outside text inputs? [duplicate]

Possible Duplicate: On forms, is inline placeholder text better than a label outside each field? Are there any advantages / disadvantages in placing ones labels outside ones text inputs ...
3
votes
4answers
541 views

What's the best label for an 'occurrences' field?

I have a field where the user needs to enter the number of times they want to send out a document but need a better label. Firstly, they select the frequency (weekly, monthly, yearly) and then there ...
3
votes
2answers
1k 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
1k views

Showing/Hiding vs.Enable/Disabling form fields

I would like to know the benefits and drawback relative to form design of "dependent fields". For example, in my form I have a Marital Status field, and depending on it's value, I need to know the ...
3
votes
4answers
2k views

How to make HTML5 number input field more user friendly?

I am upgrading my website to adopt HTML5 standard. I have a field that only accepts integers from 0-99. Originally it has the following code: <input name='age' type='text' size=2 maxlength=2> ...
3
votes
5answers
1k views

HTML4: Insert IBAN by seperate fields?

I am not sure with input fields for IBAN numbers. Often the IBAN is seperated into different fields. XX00 0000 0000 0000 0000 00 Sometimes the customers have their IBAN's in one line ...
3
votes
3answers
580 views

When filling out a form to what extent should validation be done while the user is still typing?

I'm working on a registration form and it validates some parts while the user is still typing. For example, the username is being checked after each character is entered to see if it is available or ...
3
votes
3answers
153 views

How to indicate a meta-option in a select list?

I have a list of options from which the user might select one option. This list might be long. An example would be to select a screen saver. You could select a screen saver or you could select to ...
3
votes
1answer
143 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
3
votes
4answers
312 views

How to deal with superfluous numbers in input text fields?

I'm working on input textfields for lab assistants, e.g. a textfield to enter a temperature value (in a custom designed UI, not a web-site). Users don't have to enter the Celsius or Fahrenheit unit, ...
3
votes
3answers
172 views

Is it bad practice to reset a user's focus to the first input item?

When a user tabs to the last input element in the form, is it bad practice to bring the user back to the first tabindex / input item?
3
votes
2answers
227 views

Enabling spell check in the UI

We are building an application which will contain spell checking features for areas where users will enter input. We have already implemented the feature for our rich text editors, whereby spell ...
3
votes
2answers
119 views

Displaying Area of Residence intelligently

For Social Website where the user should specify his or her Area of Residence. I want to use the same method Facebook does; a text input field with a dynamic drop-down menu as you type. I am using ...