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

3
votes
3answers
68 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 ...
5
votes
4answers
228 views
+50

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 ...
8
votes
5answers
384 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 ...
7
votes
2answers
258 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
24 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
242 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
79 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
156 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
118 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
266 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
166 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
100 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 ...
0
votes
2answers
78 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
71 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: ...
1
vote
3answers
162 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
46 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
94 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 ...
0
votes
2answers
184 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.
4
votes
2answers
201 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
89 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
4answers
123 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
67 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
82 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
63 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
148 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 ...
2
votes
1answer
85 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
57 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
170 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
158 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
115 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
119 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 ...
2
votes
1answer
140 views

An alternative to Indeterminate checkboxes?

How best to display incomplete or indeterminate state? Microsoft UI pattern has an display icon for this - a dark box within the checkbox instead of a check. (See pizza toppings [ALL] in the link ...
1
vote
1answer
141 views

Is there a recommended height for text fields on high density mobile screens (retina, etc)?

I can't seem to find any information about whether text field sizes should be at least a certain height on a high density mobile view like retina or high density android devices. I try to make my text ...
0
votes
1answer
98 views

Datepicker (or other) widget with close “x” button: delete choosen values?

I have a complex search form with some fields to fill out for a search over products. Some of them are fake fields and open widgets (like the jquery UI datepicker widget etc). I tweaked the standard ...
0
votes
2answers
89 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
1
vote
1answer
95 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...
0
votes
1answer
161 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
31
votes
5answers
3k views

How to tell a user that a search is being performed when they stop typing

I'm developing a web application and inside this application I have the following form Whenever the user changes the value of the Tax Code field and there is a pause in typing, a database search is ...
0
votes
3answers
67 views

Coming Soon Mobile App - How do I ask for users email?

I'm creating a landing page for my app which will have an input for user's email if they want to be notified when the app launches. My question is what is the best copy to accompany the email input? ...
1
vote
2answers
111 views

Multiple forms of the same type in one single screen

I have to re-design (migrate) a Silverlight form into html. The current form looks like this, Old Design The form has a list of Product Types on the scrolling bar in the left. I can select as ...
3
votes
1answer
116 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 ...
0
votes
3answers
150 views

Are centered input boxes cool?

Take a look here - http://jsfiddle.net/9wFJS/2/embedded/result/ Which of the three is good? This is inspired by a conversation here... I like the second one, but two users disliked it. One saying ...
5
votes
3answers
281 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 ...
3
votes
4answers
772 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> ...
0
votes
4answers
179 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
151 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
362 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 ...