Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
71
votes
12answers
9k 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 ...
44
votes
12answers
3k 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 ...
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'?
29
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 ...
24
votes
5answers
746 views
Is constantly updating the formatting of a numeric input box a good idea?
I have a numeric input box, as part of a form. I'm implementing delimited splitting, to make large numbers easier to read. ie, 1000000 would become 1,000,000.
Would it be a good idea to automatically ...
21
votes
5answers
788 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?
16
votes
6answers
720 views
How to avoid 12:00 AM midnight/noon confusion in a time input field?
I recently specified the wrong deadline for an assignment, for a "dropbox" in the D2L course management application. I was trying to choose 12:00 noon, and the time entry field showed 12:00 right ...
16
votes
6answers
684 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 ...
16
votes
3answers
977 views
Character limits on fields - pros and cons and best practices?
Some of our form fields have character limits. We're debating whether we should reflect the current size of data entry, or to simply hard-limit and inhibit data entry beyond that size.
In HTML, ...
15
votes
4answers
426 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 ...
13
votes
8answers
731 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 ...
11
votes
9answers
821 views
Does leaving a field blank - mean “everyone”
I'm beating myself up over this one, since we had just that discussion today. We were arguing why a customer was eager to pay a week of work for something that could be trained. And to me it’s pretty ...
11
votes
2answers
216 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 ...
11
votes
5answers
990 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 ...
8
votes
5answers
288 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
137 views
What's the official name of concept of input boxes with tags?
I'm looking for an implementation and the (official) name of this kind of control where it's a inputbox where we can add multiple tags into it. By example, it is used in JIRA like this capture (and ...
7
votes
5answers
264 views
Usability of an email field without label “email”
Does it make sense to a user that this field is for email only?
Or is it confusing?
7
votes
4answers
292 views
Is it useful to have all the input controls in a form the same width? [duplicate]
All the input controls are the same size in this question about form design: Why might right aligned field labels be better?
My question is if does it help with something, or it is just a matter of ...
7
votes
6answers
263 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 ...
7
votes
3answers
259 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 ...
7
votes
2answers
95 views
Display input text that exceed input width
I'm having some issues when the user types extensive text in a small input field.
I need some good way to display data that will be cut off.
I tried to use a Bootstrap based Tooltip or Popover on ...
7
votes
2answers
197 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 ...
6
votes
3answers
193 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 ...
6
votes
4answers
2k 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 ...
6
votes
4answers
286 views
Is it good practice to only accept numeric keystrokes in number-only fields?
I have a form that only takes in numbers as it represents a dollar amount. Currently, the form only accepts numerical keystrokes. Is this good practise?
6
votes
5answers
109 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
3answers
77 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, ...
6
votes
2answers
177 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 ...
6
votes
2answers
901 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 ...
6
votes
1answer
274 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
3answers
203 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
2answers
717 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 ...
5
votes
4answers
373 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?
5
votes
2answers
105 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 ...
5
votes
1answer
323 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
235 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
118 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
536 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 ...
4
votes
2answers
128 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
2answers
110 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
190 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 ...
4
votes
1answer
373 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 ...
4
votes
2answers
330 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 ...
3
votes
3answers
130 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
1answer
544 views
How to design a form that mostly is read-only, but sometimes editable?
Often in database-centric application I need to design a view for records e.g. something like:
Name: __________
Phone Nr: _________
Website: ______
Email: __________@________
Location: ____________
...
3
votes
2answers
112 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 ...
3
votes
3answers
196 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.
...
3
votes
1answer
92 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 ...
3
votes
2answers
260 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 ...
3
votes
2answers
87 views
how can I get users to add fields into a list where many fields are optional?
I need to design a page to get user inputs in below format:
1. Item A (text)
a. Sub-item (text)
b. Upload photo for Sub-item (Browse and upload)
c. Description for Sub-item (text)
2. Item B ...
