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
4answers
125 views

How to indicate primary vs secondary placeholder text in madlibs style form?

I've got a somewhat irregular case: I need a user to fill in two values in a placeholder text. On the screen, there are a total of 4 placeholder texts. two of them are required, two of them are not. ...
0
votes
4answers
219 views

Is there a best name for the “spinner” user input?

I like to go look at other peoples examples of interface layouts and design patterns. The other day I went to go look at design patterns for the standard "spinner" user input... ...but found that a ...
1
vote
4answers
226 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> ...
1
vote
2answers
170 views

Ideas for folder / file selector input

It works similarly to the file HTML input, but browses files or folders stored on the server, and it's mainly used to browse image gallery folders. I need some ideas on how to design the UI for it, ...
0
votes
4answers
133 views

How to make the distinction between the nature of those filters?

Let's imagine an application that allows users to create some meetings, waiting for participants and also allowing to search for other meetings (created by others) in order to participate in. My ...
5
votes
2answers
84 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 ...
2
votes
3answers
81 views

A required field that isn't really required?

...the email field in my clients data entry system is required but users of the system are allowed to enter na@na.com if the customer refuses or doesn't have an email address. Is this best practice? ...
0
votes
3answers
84 views

Scrollable menu, login button vs login/password input

Which would be more engaging for the user a clikable button in a scrollable menu -( log in - expanding to a dropdown) or two input- fields: login and password and additionaly a login button?
5
votes
3answers
864 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 ...
1
vote
1answer
143 views

Limitations on name changes

Should I allow people to freely change their name in my file hosting application? I don't think anyone should be able to change their name freely and as frequently as they want without any type of ...
2
votes
2answers
59 views

What is the best placement of character counter relative to the text field?

I want to show a character count beside a multi-line text field. Looking for any research or usability test findings regarding the location of that character count relative to the field (pic shows ...
1
vote
1answer
63 views

Forms: pattern to create/convey dependencies between fields?

I'm designing a feature where the user can create forms which then other will be able to fill out ( and either pass or fail). The user will be able to write questions and set which answers (yes or no) ...
1
vote
5answers
433 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 ...
1
vote
2answers
65 views

Selection-dependent Inputs

How would you deal with selected-dependent inputs? for example, for geolocation, when the user needs to provide information about location, he needs to select first the country, then the area ...
0
votes
0answers
53 views

Should login fields be cleared if user is denied to change the profile while logging in?

I am working on a mail application. Currently, while logging in we are saving the user's credentials as a user profile and when the user logs out and in again with some other user ID we ask him if he ...
1
vote
2answers
135 views

Mobile: Text Field Hint best practices

On our desktop website we have a registration form. The registration for when entered provides the user with a field hint with further information on the field and any special requirements (password ...
1
vote
4answers
154 views

Should quantity textboxes that have a default value of zero - show a “0” or be blank?

My quantity textboxes have default values of 0, it's up to the user to change these quantities if they wish, it is not mandatory i.e. they can leave them at 0 if they wish. Should the default view ...
1
vote
1answer
88 views

Why do so many forms use input masks in for input fields?

To be honest, I find input masks annoying. Different masks on different sites sometimes work differently, such that their behavior unpredictable and it actually makes me take more time to type out ...
2
votes
3answers
202 views

Required fields

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?
2
votes
4answers
111 views

Best way to input a list of emails

Whats the best-practice way to input a column of emails that associate with different people- a la: My worry is that all the blue buttons and call to actions look cluttered and feels overwhelming ...
3
votes
2answers
150 views

How does the visual size of a text input field affect users' expectation of how much they should write?

It's well-known that you should size your input fields to the amount of text you want the user to write. There's an example of that on this very page: even though the "Your answer" field can stretch ...
0
votes
3answers
159 views

Pagination Design

We are working on a pagination model with a text box entry for entering page number. I would like to solicit your feedback on the below mentioned scenarios in terms of usability and accessibility. ...
31
votes
9answers
4k views

Good UX for inputting 14 different times

I'm updating a form which has elements for each day of the week, and the user needs to select a start time and end time for each day. Currently this is just 14 different text boxes where users can ...
78
votes
12answers
14k views

Removing placeholder text on focus

Chrome and Safari remove placeholder text after pressing first key in the text input. Firefox and Opera remove placeholder text immediately after focusing the text input. Which approach is better ...
3
votes
4answers
217 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, ...
64
votes
13answers
5k views

Why does the email subject appear before the body when composing an email?

Note: I am not talking about reading experience, I am focusing on the experience of composing email. I am very aware of this issue since it happens to me all the time, and I am pretty sure that it ...
19
votes
6answers
2k views

Should input fields be cleared out when the user selects them?

I have a few input fields in my form with some default values (numbers). Please note, they are not just placeholders, i.e. they can be used as is, if they are not changed. I was wondering if I should ...
0
votes
2answers
80 views

Forced input restrictions

We are having a discussion whether or not we should force our text inputs to disallow incorrect type of entries to be entered. In other words if I have some kind of validation on input field (let's ...
3
votes
1answer
64 views

Input controls within the bounds of a tappable tile

I have tappable tiles that navigate off to a different page in an app. Within the bounds of these tiles I have input controls. Interacting with these input controls should have no effect on the ...
0
votes
1answer
71 views

Do email placeholders affect anything, and which kind should I use?

I'm going to have a small box on my website where visitors can input their email address to subscribe to my website newsletter. It looks like this, and will have a light text placeholder in the box ...
15
votes
6answers
752 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
3
votes
1answer
78 views

Should I display Edit/Delete Buttons when only one field is editable?

I know there's a lot of questions out there asking where to place the edit/delete buttons in a row. My question is if there is only one field of data that is editable in a row, does it make sense to ...
0
votes
3answers
144 views

How to give web user ability to select an option – or add one?

My web application has a half dozen fields where the user is allowed to select from a list of existing values – or enter a new one. Initially, I included an option called "Other…". When chosen, a new ...
21
votes
4answers
2k views

What should the character limit(s) for first/last name inputs be? [closed]

We want to create input fields for a user's first and last names. What should the minimum and maximum limits be, if any, and why?
2
votes
1answer
92 views

Onfocus on a filled out textfield. Select-all or not?

Let's say I have a title textfield in an edit environment. The user has saved the title before but wants to edit it now. I've read up on some design principles and one of them stated: When a user ...
1
vote
1answer
95 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
2
votes
2answers
122 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
17
votes
6answers
1k views

Combining all the address fields into one?

Both customers and companies want a quick and easy checkout experience. From what I've seen, a big UX bottleneck at checkout is the billing and/or shipping address(es) because there are so many input ...
3
votes
3answers
129 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, ...
2
votes
2answers
217 views

What are good checkbox alternatives?

My case: Users belong to a group. Depending on the selected users the group-state can be either checked (all users are within that group), unchecked (no user is in that group) or indeterminate (some ...
35
votes
4answers
3k views

Why does the Stack Overflow swag request form have six address lines?

Some backstory: I ran in the Stack Overflow election, and lost. Poor me. The SE gods took pity upon me, though, and sent me a link to a form where I could give them an address and they would send me ...
8
votes
4answers
281 views

Converting two character dates into four character dates

I have an application that converts the following invalid dates, with only two-character years into a valid date format automatically while the user's filling out the form: (NOTE: The application is ...
3
votes
2answers
69 views

Signal that a field has become required after other user interaction

The user is presented with a form. One of the form selections is a check box. If the user checks the check box, one of the fields is now required. What is the best way to signal to the user that ...
1
vote
2answers
116 views

Input fields with different sizes

In most design experience guides there is a recommendation to make all input fields the same size. However, I have a big field, and then smaller ones, like title, start date, and end date, where date ...
3
votes
3answers
4k views

How do users react to Bootstrap's uneditable-input class?

Bootstrap supplies a class .uneditable-input, which can be applied to a span/label/text/etc to mimic the appearance of a disabled text input. Bootstrap describes it as: "Uneditable inputs: Present ...
3
votes
1answer
83 views

Text field to hold the value of a slider

I have a HTML form where the user needs to select two numbers. I decided to do this with the help of sliders (mainly because the input is used to compute a third value and I want to avoid that the ...
1
vote
2answers
78 views

Selecting a unit of measurement

I need to allow the user to select a unit when entering a certain amount for a certain ingredient. Certainly :-) I want this to be rather dynamic. My web-app has many facets and I want to use the same ...
3
votes
4answers
157 views

Should I use multiple input fields or not?

Currently I am working on a search engine for restaurants, where you can search by food, restaurant, location, time or a combination of any two, three or all of those parameters. The dilema I am in ...
21
votes
8answers
3k views

Mark or don't mark required fields if all are required?

If all fields in a form are required should they be marked somehow (eg. with an asterisk)? I see this done a lot and find it redundant? There could be a difference in big forms and small forms, but ...
14
votes
3answers
856 views

Float Label Pattern for Select Boxes

I'm sure you've all come across this pattern, does anyone know whether there is any documentation that can provide information on how this pattern can be used with other form elements for example a ...