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

1
vote
3answers
600 views

Enter your email below and we will contact you

My client wants a page in which the following text appears: "Enter your email below and We will contact you" It's then followed by a textfield (to write the email address) and a button to submit ...
1
vote
2answers
132 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 ...
1
vote
4answers
221 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
2answers
378 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
121 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 ...
1
vote
2answers
95 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 ...
1
vote
3answers
722 views

Inputting percentages - in decimal or whole number form?

I've come across a situation in a form where one group of people is expecting an input field for a percentage value to be whole numbers, whereas the other expects decimal values. Either way when 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 ...
1
vote
1answer
168 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 ...
1
vote
1answer
112 views

Allowing user to input a range value where end points have special meaning

I need to allow the user to input a setting that controls the showing of a GUI feature after performing a number of steps. The setting would control the number of steps in the application that should ...
1
vote
3answers
158 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
307 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
3answers
62 views

What should happen to dynamic height input element?

I am using Chosen multi-select inputs on a site I'm currently designing and building. I am using them on a form of 6 inputs which filters a list of results. The issue is its quite a set layout... ...
1
vote
2answers
170 views

Checkbox vs. menu

I am building a calculator where the user must choose if has has a hybrid car or not. I was wondering which is better a checkbox - where you check if you have one. or a menu with yes/no ...
1
vote
3answers
165 views

How to request that two out of three fields need to be populated in a mobile search app

I am developing a new iOS app and I need to let the user commit a search where three fields are shown. a group name (development, marketing etc.) member name project name the search should be ...
1
vote
2answers
2k views

Incorporating a range-slider in a form: jQuery UI or degrade to <select>?

When incorporating an <input type="range"> slider into a form (ie, Best form element to indicate level of completeness of a task?), Firefox degrades not-so-gracefully to a text box. Since we ...
1
vote
1answer
75 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 ...
1
vote
1answer
65 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 ...
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 ...
1
vote
4answers
96 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 ...
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
2answers
130 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 ...
1
vote
2answers
114 views

Submit button on the inside of the field - Good or Bad?

I was Browsing GoDaddy's website and saw they use their buttons inside their input fields, see for yourself: "Go" buttons, inside of input's frame Live example: http://www.godaddy.com/ Is ...
1
vote
1answer
86 views

How can a form with tokenInput include qualifiers?

I have a form for modifying songs in which you can add/remove links to artists with a special text field having tokenInput capability for auto-completion. This field looks like this: Of course, the ...
1
vote
1answer
77 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
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
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 ...
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 ...
1
vote
3answers
180 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 ...
1
vote
1answer
179 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 ...
1
vote
1answer
109 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 ...
1
vote
1answer
95 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
1answer
374 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 ...
1
vote
1answer
2k views

iOS and UITableViewCell: best practices when requesting user input as a form

Firstly, I'd like to make a general question regarding table view cells' customization: are there any restrictions about the controls they can cointain, and/or its number? I read in iOS HIG iOS Human ...
1
vote
1answer
247 views

Coming soon pages - best practices?

I think the design of these pages vary greatly, and there is no set standard on what's usually on these pages. However, one thing that has been common with these pages in the past is that people tend ...
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 ...
0
votes
3answers
153 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 ...
0
votes
4answers
153 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 ...
0
votes
1answer
91 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 ...
0
votes
3answers
344 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 ...
0
votes
3answers
366 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
0
votes
2answers
235 views

Disappearing input field placeholder aesthetics for web apps

Background Users may provide various categorized input entries (e.g., danger, warning, avoid, and relax), such as those in the following image (e.g., "Relax #1", "Avoid #1", etc.): Problem When ...
0
votes
2answers
92 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 ...
0
votes
1answer
181 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 ...
0
votes
4answers
190 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
474 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 ...
0
votes
4answers
169 views

Dealing with big amounts of editable fields

We've built an excel spreadsheet importer for our ERP system, which parses company data from the uploaded XLS files. This tool should help the user enter long lists of companies and is a more ...
0
votes
2answers
136 views

Suggestions and references for a modern-looking and clean UI?

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 ...
0
votes
2answers
50 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 ...