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

0
votes
0answers
9 views

Stack Exchange Comments vs. Answer Question [migrated]

Many answers on Stack Exchange are done through the use of comments attached to the question, rather than using the answer input below. Being new to Stack Exchange, I am wondering what benefit ...
1
vote
0answers
16 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 ...
3
votes
1answer
48 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
0answers
43 views

Best way to ask the user how much something costed 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
86 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
57 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
53 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
36 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
43 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
218 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
541 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
6answers
211 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
54 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
155 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
52 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 ...
41
votes
4answers
4k 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
42 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
124 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
130 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
117 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
44 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
79 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
40 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
143 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. ...
8
votes
3answers
636 views

Alignment of input fields in a form with plain text

I have a details page containing a list of information and input fields at the same time. Sections are alternating between information and input fields. I am debating between the alignment of data. ...
22
votes
5answers
3k views

Is it standard practice to indicate on the form that Caps Lock is on?

In forms where certain input fields have case sensitive input data, is it an accepted or standard practice to indicate somewhere on the form that caps lock is on? I am thinking that this concept ...
2
votes
1answer
71 views

Ship Date and Delivery Date Picking with Blackout Days?

Lets say that a user is entering a ship date and a delivery date for a customer order. The customer wants it delivered on a particular day. The customer has blackout days such as weekends and ...
1
vote
1answer
23 views

Enhancing web addresses as displayed in a browser location input

Web addresses (URL, URI, IRI …) are composed of hierarchical data of several kinds. They are mostly treated as plain text, but browsers have started to highlight certain parts (the domains) and hide ...
0
votes
5answers
98 views

What is this type of interaction/component called?

When a user fills out some input fields and adds it as an entry to an existing list. Usually there's a way to edit/delete these entries as well.
47
votes
11answers
9k views

“Typocaptcha” - an alternative to CAPTCHA?

We all hate CAPTCHAs, but to some applications they're a necessary evil. Today I wondered if there's a better alternative we just haven't thought of yet. I considered the dilemma: how do you create ...
1
vote
2answers
62 views

How to lay out content when the workflow for creating and consuming them is different?

I'm doing a site that makes people write "cards" quickly. Each card contains of a title and a body. However, the designed workflow is that the user: Writes the body, listing out the detailed events ...
2
votes
1answer
56 views

Is it necessary to show a label/icon next to language picker inputs? If so, is there an universal way (icon/word/etc) to express “Language”?

An example of a classic language picker (label + dropdown): Is it really necessary to show a label or icon next to the input? If so, why? and what would be the best choice? Are labels(like the ...
2
votes
4answers
97 views

Field label alignment and the problem of internationalization

The i18n problem When designing for an internationalized app there are some feasibility issues that come up against UX concerns. Here's the one that's on my mind. To account for variable text ...
10
votes
6answers
1k views

Convey to user that they can input absolute numbers or percentages

I have a quoting form in which I want users to have the ability to add a discount. The discounts can be added as percentage or absolute values. My current design is a text field and a dropdown for ...
2
votes
1answer
58 views

Separate console input field?

When creating a console like window, what are the advantages of: having user input in the same control as the output having separate controls for input and output windows? As I see it having ...
2
votes
3answers
87 views

How to increase visibility of required fields without interfering with error visibility

Context This is a heavily used internal application. Users are on the phone with clients during interaction with the UI. There is a small set of required fields indicated by an asterisk. Since the ...
2
votes
4answers
199 views

What is the preferred iOS input for a year entry field?

What is the better input type for a year entry field: A scrollable “flipper” or a numerical keyboard?
4
votes
2answers
149 views

What's the best practice for limiting text length in a field?

I have a field on a form that I want to limit to 55 characters due to some constraints with an integration platform we use. I've searched both Google and UX.SE and haven't found any good resources ...
0
votes
2answers
201 views

Suggestions and references for a modern-looking and clean UI? [closed]

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 ...
5
votes
4answers
181 views

'Same as billing address' checkbox - Ticked or unticked by default?

I'm working on a subscription user journey. Most of the subscriptions are for digital products. However, a few of them may have a print included in the package and we would need a delivery in this ...
4
votes
2answers
137 views

What is the best way to display empty fields in a user card?

I'm creating a user widget for dashboard. What is the best way to fill the empty fields here? I can't hide the labels here if they are empty. And if I use "No information available" does it seems ...
3
votes
1answer
76 views

What's the best way to let a user show/select filetypes?

I have this app where file types define the allowable files that a user can submit. What's the best way to let user show/select any filetypes? See my two potential solutions below. Is there another ...
9
votes
5answers
230 views

horizontal drop down

I had a look around, but is there such a thing as a horizontal drop down (or drop across as it were)? I'm involved in a website project where the PO wants to introduce this; however, I'm not sure ...
3
votes
2answers
134 views

Do you still mark prefilled input fields as required?

I'm creating a form in which a user downloads an analytics report. There are multiple fields that are technically required for submission, but we prefill certain fields so that it's less work for ...
1
vote
1answer
138 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
2answers
187 views

Single-Field Credit Card Payment. Experience or Published Data?

I'm currently attempting to employ the single-form credit card input solution similar to the one on Brad Frost's website (link below) but I'm facing some reluctance from others on this project due to ...
1
vote
1answer
186 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 ...
2
votes
2answers
177 views

Is a “Clear input” button only for search fields?

I noticed that the "Clear button" are usually found in search fields: Why is it so uncommon for this button to appear in other input fields. For example this small configuration form:
4
votes
4answers
255 views

Date input: with or without “calendar button”?

Nowadays I'm working with Primefaces and I have to choose between two date input controls from here: Popup vs button. The difference: When clicking on the "Popup" text input, you are able to type ...
0
votes
1answer
61 views

How to display two similars fields with possibly identical content? [duplicate]

I currently work on a subcontracting tool in which I have to register a direct client (billing) and a final client (work) with the address of the final client (work place). The direct client is just ...