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
2answers
70 views

I have a form with 4 radio buttons that change a part of the form. What is the best way to handle it?

Is a site for a boosting service for a videogame. http://i.imgur.com/jivOBmf.png (Please ignore the spelling) Depending what option is selected (type of boost) the form will change a little. All the ...
1
vote
2answers
82 views

What's the best way to have an auto-complete textbox with a filter

So basically, what I'm trying to do here is create an auto-complete text field. However, from the list of options, there are a number of them we're trying to push for and because of this, we'd like ...
3
votes
3answers
111 views

How to inform the user a textfield has both a character and a line limit?

I have a dialog that puts a comment in a small textbox on a PDF export. The textbox has room for 10 lines of 100 characters (1000 characters maximum). The field currently looks like this: I have a ...
0
votes
1answer
35 views

What are good reasons (if any) for intentionally breaking the affordances of an input field? [on hold]

I'm looking at a rather complex set of forms where for some reason there are bits of information that have been overridden to display as input fields that the user can never input (e.g. the file size ...
1
vote
0answers
9 views

Asterisk required field [duplicate]

I want to ask you if it is ok to use an asterisk to mark a required field on a form. I need to find some pro and con reasons for using asterisks on required fields and witch are the alternatives for ...
4
votes
2answers
83 views

How can I improve the UI of groups of nested inputs?

The user is assigning products to a location in a hierarchy in a website. There is potential for multiple locations in multiple hierarchies in multiple websites. User journey: Select website ...
2
votes
3answers
68 views

Restrict input to numbers only

I wonder if this is a good idea to restrict input to numbers only (and related symbols like +-.e and so on) when you need user to input number? Seems like it's clear solution, but may be user will be ...
1
vote
1answer
75 views

Should I combine two values for a single slider?

I'm designing a loan calculator, which based on the loan you request (separate input not shown on the images), allows you to explore your options of monthly paybacks, and the period during which you ...
26
votes
7answers
3k views

Is there a recommended size for search boxes?

Do users change their search patterns if the search is shorter? Do users search less if the search box is too large? The only article I'd found is a 2009 Smashing Magazine article: The [Nielsen] ...
3
votes
5answers
221 views

How do you deal with long labels using material design text fields?

I need to convert a form to material design guidelines but I don't think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that ...
1
vote
2answers
81 views

Is there a best way to ask the user for tenure?

I have a form related to Loan emi calculator in my application where users are required to input the loan tenure in years and months. For now I have implemented two spinners each for year and month ...
1
vote
2answers
56 views

Dropdown chooser that contains both a list of options AND an input box

I have to offer a list of options e.g. Small, Large, XLarge, etc plus the ability to input a dynamic value e.g. a number. I thought about a split input box where the left side is editable and there ...
17
votes
4answers
1k views

How wide should input fields be?

I'm trying to find a good default width for money input in my forms. If I assume that the amount people will put in is under 1 billion Euro, the width of the value, including decimal places and ...
6
votes
3answers
352 views

What's the best way to show form labels that are longer than the corresponding fields (which require a short input)?

I'm having trouble with labeling of short input fields. Some labels have standard 280px width approximately, but others are quite small in order to offer clues on the expected input (characters). ...
0
votes
3answers
106 views

Best way to design a compact form intended for value calculations and entering lots of data?

I'm working on a very large form, which is an adaptation of an excel file my client was using. I need to find a way to group elements, align the fields, and manage several input types, keeping the ...
0
votes
2answers
134 views

Why some websites ask for postal code even if it is not relevant?

Quite often I see websites have postal code field input field even when the website or its input form has nothing to do with postal services. Here is one example (After entering email it will expand ...
0
votes
1answer
46 views

DOB Validation: Minimum & Maximum YOB

I am working on an app which asks for DOB of users during signup process. The app can be used by users of all ages. Having said that, I think there must be some validation in place. In my opinion kids ...
7
votes
3answers
349 views

What is the best way to display nullable bool value as UI component?

There are common pattern for nullable (three state) bool checkbox But in real life, if user see only indeterminate (null) state and don't see checked (false) it often confusing that indeterminate is ...
2
votes
1answer
50 views

When should input fields be cleared in modals, if at all?

I have an invoice page with a button to make a payment. The payment button triggers a series of modals for collecting user payment info (credit card/check details, billing details, payment ...
5
votes
3answers
175 views

Minimum length of characters for an autocomplete search input

I'm in the process of creating an a search input for restaurants with autocomplete. I was wondering if it would be best for me to require a minimum amount of characters before returning suggested ...
2
votes
2answers
192 views

What are the best practices for representing a boolean field in a form?

We have an interface for creating a group. These groups can be set to private, which is represented in the database with a boolean. Private: true/false. What are the best practices for representing ...
1
vote
3answers
107 views

Interface to add content and multiple files

I have a modal to add Activities,so the user can add all content by typing it and/or select files to attach. See below: My problem is: Maybe the user just wanna type a very long description and the ...
19
votes
5answers
2k views

What is the best practice for password field placeholders?

It seems like the accepted best practice for email fields is to have a label and an example email address. Assuming you want a consistent style, the label will make it clear that it's a password ...
1
vote
3answers
264 views

Which date picker is better?

In my opinion this traditional dropdown menu date picker is easier to use: than this calendar-type, which is more prevalent these days: Reason is, if I want to enter a birth date or a date that ...
4
votes
4answers
614 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
0
votes
1answer
45 views

Autofocus on mobile

The user is on a form only page. Does it makes sense to auto-focus the first field so that the keyboard automatically opens up. On the desktop it makes 100% sense, but I am not sure if I need to do ...
3
votes
1answer
78 views

Help designing non-mandatory but crucial fields for user input regarding allergy

I have a field that takes user input about allergies to various food etc. This field can not be made mandatory since not everyone is allergic, and therefore should not be forced to fill this field. ...
4
votes
3answers
452 views

Locking input form fields, does it make sense?

In certain views of our web-application, all information is usually presented as input fields as they can be modified. Now, because of our rights and roles system, for some people, several input ...
6
votes
1answer
106 views

Make predictions on network configuration data based on IP

I am currently designing an interface for a network device, which needs to be configured by network admins. They are able to change the network settings (IP, subnet, gateway, dns), which got me ...
2
votes
2answers
207 views

Best way to ask the user how much something cost, approximately?

TL; DR; version: Users are given the possibility to write stories about certain activities they took part in. The price of these activities can vary, so it would be a good idea to give them the option ...
2
votes
1answer
116 views

CMS: Best way to arrange a large number of fields? [closed]

I'm redesigning a CMS and I wanted to gather some opinions on what makes the best user experience for my particular dilemma. Here it is: The CMS controls a marketing-focused website for large ...
2
votes
1answer
98 views

What is the best way to label placeholder call-to-actions?

I'm creating a search input where the user can search for: restaurants, dishes, and cuisines. I was wondering when it comes to placeholder text what is the most proper way to label this ...
2
votes
3answers
63 views

Is there any conventions for using alternate fonts in user input fields?

My company is proceeding with a branding initiative which involves a branded font. The desire of the external agency is to apply the branded font to all input controls on the page, including text ...
1
vote
3answers
43 views

Why not allow numeric fields to do arithmetic computation?

Is there some reason to disallow arithmetic operation in numeric and other similar inputs? Or is it just lazyness of implementation. Some examples: I can not write an order for 6 bolts for 17 ...
0
votes
1answer
93 views

User-friendly date interval/duration input

I'm building a configuration page for a web application and some of the parameters are durations. Most of these durations are in days but there are some that might be specified in weeks, hours, or ...
7
votes
3answers
323 views

“Floating labels” vs “Fixed small labels” on the the web?

On devices with small screens floating labels can improve readability, since the size of the placeholder's text tends to be considerably bigger than the one in the small labels and the latter just ...
3
votes
4answers
550 views

What's the best label for an 'occurrences' field?

I have a field where the user needs to enter the number of times they want to send out a document but need a better label. Firstly, they select the frequency (weekly, monthly, yearly) and then there ...
4
votes
5answers
277 views

Best way to enter/display relative time in a text box

In a reporting client I'm working on now, there is a need to filter data by different conditions, among which are conditions based on date/time. Decided, that user first selects a predicate from a ...
-1
votes
1answer
75 views

What is the best way to implement tags? [closed]

I am developing a piece of software in java. In one of the inputs, the user should be able to add some tags, just like the ones of this page. I'd like to find out the best way to do this. Are there ...
8
votes
4answers
238 views

Canadian Postal Code Input field

The Canadian postal codes is formed from 6 letters and 6 numbers, interposed. Example: M1K 3H7 The Canadian postal code is quite tricky for a user to enter into an input form field, especially on ...
2
votes
1answer
65 views

Should number input fields also include dividers { . - }?

When we sign in to our online bank we often use our social security number which from the government has a dash in it. As in YYMMDD-XXXX (for Swedish). And when we want to transfer money from our ...
44
votes
4answers
5k views

Why aren't HTML5 typed number inputs right aligned, and should they be?

As you may know, with HTML5 when an input has type="number" the field is "customized". Two little arrows are added to the field (w3school example) but the numbers are still left aligned. I saw that ...
3
votes
2answers
133 views

How to define the number of people assigned to an activity in a friendly way (with regular updates)?

I work on a gaming web app. The user (player) has to assign people to different kind of activities on multiple views. Each view has 1 to 5 activities and a max amount of people. The user can assign 0 ...
0
votes
2answers
217 views

When is it appropriate to use a NumberPicker view in a touchscreen device app

In what kind of scenario should I actually use a NumberPicker in my mobile phone app user interface? By NumberPicker I mean a view on which the user can swipe to change the number, and the numbers ...
1
vote
1answer
148 views

Are users more likely to capitalize their names in name input fields?

I have a registration form where users are required to provide their first and last name. I've been contemplating implementing some sort of auto-capitalization callback but after reading this post I ...
1
vote
3answers
233 views

Use the same search box to search different types of data

I'm trying to figure out an elegant solution to this problem, but haven't had any great ideas. (This question is similar but doesn't really answer my issue) We allow our users to search different ...
1
vote
2answers
50 views

Warning and Critical numerical ranges

We have a system where users should be alerted when different metrics goes outside of specified boundaries. The user should be able to configure these boundaries for each metric. There is a warning ...
1
vote
2answers
86 views

How to deal with whitespace left by fixed field width?

I am creating an infopath 2010 form, which will be accessed through a browser. Unfortunately, the browser based infopath field widths don't change based on the width of their contents. So, if you ...
0
votes
1answer
60 views

Consistency on tables with readonly / disabled fields (including inputs, dropdowns and buttons)

In a table (datatable) I have editable rows as you can see in the mockup. Under some conditions rows' input, dropdown and button must be readonly or disabled (unchangeable). The important note here ...
1
vote
2answers
155 views

How to design a threshold input?

So I've got this fun little component I'm trying to put together. In this application users can set up a quality range which will be used to categorize objects based on where they fall on that range. ...