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
83 views

Accessibility of in-field labels and help text labels in input forms

Many newer UI interfaces have a preference for input field labels or help texts to be contained within the UI component itself instead of implementing them as separate labels. I was wondering if ...
2
votes
2answers
67 views

Custom app theme colors - include text inputs?

Let's say I have a messaging app, where multiple users can post messages to a common discussion board. Each message on the board contains the user's name and the user's comment. The color for the ...
4
votes
1answer
162 views

What is the best way to categorize or represent a list of top-level domains (TLDs)?

Background This is a problem I see routinely "solved" in different ways but have yet to see it solved well anywhere, so I'm appealing to the community for a best practice (or what others have found ...
1
vote
2answers
57 views

Design for selection options

I have a list of items in a select list with options. This list exists out of 3 options: 'None', 'Every x days' and 'Every month'. It's used to specify if a schedule has to be repeated and how many ...
0
votes
1answer
36 views

How to make wide form into small group

I'm new on this company and they assigned me to redesign existing web app UI. First is the basic info page. Also they are going more on material design. This is the new design. Let me know if I'm ...
4
votes
3answers
83 views

What's an alternative pattern for a dropdown with between 150 to 215 characters per option?

In my screen I have 3 sections, and on each section I have different elements to take input from the user. In one of the section I have a dropdown menu to select a predefined option. The options are ...
20
votes
7answers
2k views

Disable or hide input fields?

I have three radio buttons and text input fields, but the user is only supposed to be able to use the input fields if the radio button is checked. What would be the best approach? To hide the input ...
3
votes
3answers
96 views

Should I use a modal prompt/dialog for user input?

For an application for a teacher, who has to enter marks obtained in the class test for 60 students; what is the best way to get input from them to ensure accuracy, speed and convenience? My ...
2
votes
1answer
42 views

PDF: What text color should I use for entered information?

I have several PDF documents that I'm working on that are digitally signed. They include both sigantures and text. I've recently noticed IRS documents that are now using "blue" text for entered ...
2
votes
3answers
69 views

How can I summarize the contents of a mathematical matrix in a single text field?

Here's a question that pertains to UI design, but for an application geared at a more technical audience. In my application, users can assign an object properties of several types. These types ...
1
vote
2answers
52 views

Allowing the user to add input fields

I have a form where the user can input as many usernames as they'd like. I've decided to show the form with 3 inputs initially, to encourage the user to input more than one username. When the ...
0
votes
1answer
27 views

Comprehensive sketch file for Material Design Keyboards?

I have searched high and low and cannot find a comprehensive .sketch file (or any typeof file) containing all english language android keyboards with all possible states for a variety of device ...
8
votes
2answers
428 views

Do users like icons on an input field?

Icons on input field Input field without icons Do icons really matter on an input field? Do they encourage users signing up?
1
vote
2answers
31 views

Display time interval field

I am working on some forms which have certain fields inside. One of these fields is a time period for a notification function: Before/After a certain date, user should be notified every 3 days for ...
3
votes
2answers
106 views

How to record multiple goals in score-keeping app?

The image below shows an application for creating football (soccer) match reports, specifically the section for recording the goals scored. Note: This UI is for recording scores after the game, not ...
0
votes
1answer
50 views

Select from drop down list or enter a new one - Designing

I am developing a website that allows users to create line-ups for sport matches. I want to help users to save a line-up for a particular team for the next match too by saving them to the user's ...
7
votes
2answers
281 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
3answers
84 views

Should a 3-field <select> date input use fieldset for grouping?

I am trying to do the best for usability and accessibility I use fieldset to group input radio-button and checkbox elements. When I have a date input that is actually 3 select dropdown fields, one ...
3
votes
1answer
33 views

Paste address into relevant contact fields

I'm looking for an intuitive UI interaction that allows both: entering contact information as the following fields: First Name Last Name E-Mail Address Phone Number pasting multiple or all of ...
0
votes
1answer
43 views

Designing date inputs that can also be null

I am developing an application in which administrators can report absence for people. Absence can be planned absence, like a week of conference or so, this would be entered with a period. Eg. two date ...
36
votes
3answers
3k views

What do you call this input element where a focus will automatically be transferred to next text field after being filled?

I have seen this input element often when inputting a serial number or similar code. Each text field accepts N characters, after which focus is automatically transferred to the next field. Pressing ...
1
vote
3answers
120 views

Date of Birth Validation: Minimum & Maximum Year of Birth

I am working on an app which asks for date of birth 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 ...
0
votes
4answers
141 views

Which is better to disable, the confirm e-mail field or the sign up button?

Background I'm working on an application where users have to use a specific email domain to sign up (Either @a.com or @b.com. Anything else gets rejected). In order to prevent my users from going ...
0
votes
1answer
103 views

best ux for users to input multiple strings

I have a web form where in users may input a list of names similar to: Mike, Joe, Ann, Sam The UI should allow for simple edits. This data will be saved and displayed on another page for ...
0
votes
3answers
138 views

When a text field should have Clear button?

I'm talking about little cross appearing inside text field after typing a text, espessially for search fields in desktop interfaces. But any considerations about general text fields on any platforms ...
14
votes
6answers
1k views

Using asterisk (*) vs required [duplicate]

For a long time, the norm was to put a red asterisk "*" after the field label if the field was required. Now I am observing a shift into replacing the asterisk symbol with the word "(required)" after ...
1
vote
3answers
126 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 ...
4
votes
2answers
132 views

Signal that a field has become required after other user interaction

The user is presented with a form. One of the form selections is a check box. If the user checks the check box, one of the fields is now required. What is the best way to signal to the user that ...
2
votes
2answers
77 views

Representing times from yesterday in a time picker

I'm working on some UI where you are able to select a time range for each day using dropdown time pickers. The thing is that it is valid to select a time from yesterday or tomorrow. For example, for ...
4
votes
3answers
156 views

Best design for a list with 8 fields for numeric input in a same row

I'm designing a web application where a user needs to add more then 15 football players in a list. For each player user needs to enter values in 8 different fields in each row. It is usually about 50% ...
1
vote
2answers
126 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
113 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
130 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
39 views

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

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
14 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 ...
2
votes
3answers
96 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 ...
4
votes
2answers
123 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 ...
3
votes
5answers
380 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
1answer
79 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 ...
7
votes
4answers
5k views

Material Design required field

Has anyone seen in Material Design how to present a required field? At the moment it seems the guideline is either to hide the submit button until required fields are populated or else throw an error ...
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] ...
1
vote
2answers
85 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 ...
36
votes
7answers
49k 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 ...
1
vote
2answers
86 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 ...
23
votes
9answers
3k 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 ...
16
votes
3answers
3k 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
2answers
892 views

Automatically limiting or correcting numeric input field values

The application interface I am working on has a slider to select a number, but offers a text input field next to it. This allows you to read the currently selected value, but also supports keyboard ...
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
386 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
134 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 ...