Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
12
votes
5answers
276 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 ...
7
votes
5answers
238 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
2answers
84 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 ...
1
vote
1answer
47 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 ...
11
votes
9answers
806 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 ...
0
votes
3answers
108 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 ...
2
votes
3answers
102 views
Layout of information on registration page
I am making the registration page for a website. How should the different components be laid out relative to each other? For example should the heading be on level or above the text input field?
...
7
votes
4answers
276 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 ...
6
votes
3answers
187 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 ...
8
votes
2answers
127 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 ...
4
votes
2answers
117 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 ...
3
votes
3answers
129 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?
2
votes
2answers
118 views
Is it “unsafe” to rely only on placeholders (input fields)? [duplicate]
I've noticed that in many sites, the text within input fields are always either label tags and span tags. Twitter's example:
(in this case, the labels seem to be inside the input field).
I never ...
2
votes
4answers
200 views
What is the best way to indicate that text in a text input field is editable?
Imagine an app like yelp. In this case, you select the amount of stars that you want to rate something. When you do, a pre-generated text is displayed in the text input field. You can either keep this ...
2
votes
5answers
209 views
Should a form's style be left to the browser?
Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
2
votes
1answer
54 views
About the creation and management of items
I need some guidance regarding the following design issue. In my application I need to create, maintain, delete and manage so called "Roles", they are just basically a name and a description pairs. I ...
3
votes
2answers
84 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 ...
2
votes
3answers
356 views
Labels inside or outside text inputs? [duplicate]
Possible Duplicate:
On forms, is inline placeholder text better than a label outside each field?
Are there any advantages / disadvantages in placing ones labels outside ones text inputs ...
16
votes
6answers
640 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 ...
2
votes
3answers
170 views
Showing/Hiding vs.Enable/Disabling form fields
I would like to know the benefits and drawback relative to form design of "dependent fields". For example, in my form I have a Marital Status field, and depending on it's value, I need to know the ...
2
votes
3answers
155 views
What is the best approach to disallow an empty search?
I want to disallow users from searching without a query string (at least one character). To achieve this, I tried to disable the search submit button when the search box is empty, and restoring the ...
15
votes
4answers
417 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 ...
4
votes
1answer
337 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 ...
3
votes
2answers
99 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
195 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 ...
2
votes
3answers
163 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
69 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 ...
11
votes
2answers
206 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
170 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
117 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 ...
0
votes
1answer
109 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
599 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
140 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
142 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 ...
4
votes
1answer
181 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 ...
1
vote
1answer
1k 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 ...
0
votes
1answer
141 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 ...
2
votes
4answers
196 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 ...
6
votes
2answers
171 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 ...
4
votes
2answers
503 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 ...
1
vote
2answers
131 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 ...
4
votes
2answers
326 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 ...
21
votes
5answers
755 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?
10
votes
5answers
965 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
264 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
122 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 ...
69
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 ...
5
votes
4answers
355 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
103 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 ...
