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

4
votes
1answer
634 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 ...
5
votes
2answers
264 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 ...
40
votes
6answers
2k views

When the username is an email address should the field be called 'username' or 'email'?

When the username for a service is an email address should the field be called 'username' or 'email'?
5
votes
3answers
264 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 ...
3
votes
1answer
122 views

Name and Company - One field or Two?

I am laying out a form on a website with the typical name & address fields. While I've done this a number of times, I have began to try and trim fields from my forms that will be on smaller ...
8
votes
6answers
368 views

How to convey a true/false value to a user?

I'm developing an application where users will be allowed to create custom fields that are part of a record, in addition to the fields that are provided by default. Users will be able to choose names ...
2
votes
3answers
199 views

Why do you have to enter your e-mail when commenting a blog post?

Why do you (usually) need to enter your e-mail adress when commenting a blog post? I guess it's for some kind of spam-protection but if the system doesn't need it - is it ok to skip that input field ...
0
votes
1answer
84 views

How should you represent a short Unordered list

I have a list of exactly 2 steps a user can follow either the first or the second can be completed first, both have to be completed for the next action to occur. I have large circular icons which ...
12
votes
2answers
369 views

Input Field Widths

I just created my account on ux.stackexchange.com. I'm a developer and don't have much experience in UX best practices. So I intend to start coming to this site regularly. My question is really ...
0
votes
3answers
509 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 ...
0
votes
3answers
276 views

Remove or keep Clear control in mandatory input-field? (iPhone)

I've had a little discussion with one of my co-workers regarding how to handle the Clear all -button in a mandatory input-field on the iPhone. The field holds the account email address and is present ...
2
votes
1answer
179 views

Order of fields in contact forms

I'm looking for evidence to support changing order of fields in various contact forms. The first is a general form with: Enquiry details - textarea Where did you hear about us? - textarea ...
-2
votes
1answer
1k views

What solutions are there for a date picker on a responsive website? [closed]

We're working on a website that is responsive. So my question is: What about datepickers. If we choose normal datepickers Jquery Mobile date pickers don't look good on the full blow template. And ...
0
votes
2answers
191 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 ...
1
vote
2answers
163 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 ...
5
votes
1answer
245 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 ...
3
votes
1answer
4k views

Required field validation error message – Next to field vs. in a Popup

In our application, we mark all the required fields with an asterisk and when user tries to perform an action without providing values for all the required fields, we display an error message next to ...
1
vote
1answer
210 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 ...
3
votes
4answers
279 views

When appending items to a list, should the input fields be above or below the list?

We are building an application that allows a user to build a form. The user can enter the name of the label, pick the type of the input field and indicate whether or not it should be mandatory. The ...
7
votes
2answers
258 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 ...
5
votes
2answers
889 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 ...
2
votes
2answers
154 views

Editing an array of numbers which length is variable

For the needs of a line drawing program, I need to edit an array of integers. The only constraint on the array is its length, which has to be even, and greater or equal to two. The solution I have for ...
5
votes
2answers
398 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 ...
24
votes
5answers
1k views

Auto Advance to Next Field

When is it appropriate to 'auto advance' from one text field to the next, as in phone numbers and SSN?
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
2answers
545 views

dynamic form design

I have a multistep form setup in my rails app.. In one of my steps the user can enter a friends name, birthday, gender, and the persons interests. They can enter as many friends as they like (each ...
1
vote
3answers
151 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 ...
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 ...
7
votes
4answers
889 views

Should URL input fields automatically prepend http:// if the user leaves it off?

If I ask a user for a URL, and they type in something like 'www.google.com', should I assume they meant http://www.google.com?
6
votes
2answers
119 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 ...
0
votes
1answer
69 views

How to enter separate amounts then give feedback if the total meets a given amount?

case: During an ordering process, the user should be able to divide a given amount of money into a '1 to infinite' number of pots. So the sum of everything should be exactly the same when the step is ...
6
votes
1answer
394 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 ...
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 ...
16
votes
8answers
1k views

How to warn a user they are approaching the character limit for a text input field with a soft maximum?

I'm writing an internal web application to generate subtitle text for videos. Part of the requirement for this project is that each line not exceed X characters, except where circumstances warrant. I ...
5
votes
1answer
556 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 ...
16
votes
6answers
889 views

Is it acceptable to make a text field look like a write in line?

My designer would like to implement a text field that drops down on hover against a white background, and only have a bottom border to define the field. Also, the designer would like to see a flashing ...
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 ...
2
votes
3answers
226 views

Min. opt. and max. value of a small field

I've a three digit input field which has a predefined upper and a lower bound, all within a table. The field also has an optimal (requested) value. So there is a min. an opt. and a max. What is a ...
8
votes
5answers
317 views

Best way to add an amount multiplier

I'm working on a financial web-application, and in some pages, the user has to fill an amount. We are dealing here with large amounts, and they are generally thousands or millions of $ / €. In ...
8
votes
2answers
242 views

Allowing user to input a constrained value

I need to allow users to enter a number between X (minimum number) and Y (maximum number). X and Y will have different values depending on the specific client set-up of the tool. These values could be ...
3
votes
3answers
237 views

How should I implement Language selection in a CMS?

One of my client must be able to post News to both french and english language on his website. I would like to know how I should design the CMS to be the most convenient for the admin as possible. ...
7
votes
3answers
414 views

What is the best interaction pattern for entering a range on a mobile phone?

I have a mobile application where I need to filter a list by a range. (Imagine a dating app where you want to filter people by age). How should one design the range picker? A person should be able to ...
4
votes
2answers
164 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 ...
2
votes
3answers
785 views

Displaying selections from a Dropdown Check List

First of all, I apologize for my Englsih and will try to be as clear as possible! I'm currently having a problem with a Dropdown Check List. I have, on the left of the search results, a Dropdown ...
-3
votes
1answer
139 views

What is the best format to ask users to submit financial information [closed]

I'm looking for an example of a simplified way of asking users to submit financial information in an online form for the following 4 categories e.g. income, commitments, assets and liabilities. Any ...
3
votes
1answer
166 views

Should department filter be located to the left or the right of the search text input in e-commerce sites?

I'm working on a new shopping site and i see a possible minor improvement. We have a typical search form on top left, with dropdown for categories and input field. I think maybe it's better if we ...
9
votes
2answers
2k views

Best ux design for “add row” to enter multiple values

Ive seen this following method on Xing that allows multiple entries of unknown limit: I want a better way, since the + and - look confusing i sometimes get confused myself, in addition the ...
30
votes
4answers
2k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
3
votes
2answers
379 views

Where and when to show currency symbols for TextFields containing currency?

How should I design a form that is easy to use and understand that has a few textfields for currency? Should the currency symbol be put outside or in the textfield? One variant is to show the ...
7
votes
4answers
6k views

For required fields, should we add the red asterisk before or after the field label?

Should we add red asterisk before or after the label of required fields, i.e., to the left or the right of the field name? My boss prefers to add the asterisk before the labels, but I like to add them ...