Questions tagged [input-fields]

Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.

Filter by
Sorted by
Tagged with
0 votes
2 answers
123 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
0 votes
1 answer
32 views

What's the best way to design an input that allows users to fill in exact answers but also estimated ones?

For example, for a date field, users need to be able to input an exact date, but also must be able to input an estimated date (eg. " around 2024", "around Jan or Feb of 2024") if ...
1 vote
2 answers
616 views

Search for names and last names - dynamic search

We are developing an application where user can search for the info about their first and last name. We have two search fields, one for first name and one for last name. The reasoning is this: 1) ...
1 vote
1 answer
105 views

Editing an ordered list of short strings

I need to provide a means for our marketing team to add/remove/edit an ordered list of short descriptive strings (0 - 8 strings total). The strings are typically less than 50 characters but we need ...
0 votes
1 answer
51 views

Should search fields be placed inside the container (combo box) or inside the dropdown list?

When the user has to select from many options in a dropdown menu, a search field where the user may input text that filters the options can help find the desired option. There are two UI elements that ...
0 votes
1 answer
33 views

Form validation question where if you click in a required field but leave it without typing it displays an error

This is a form on a webpage with about 8 text fields. I am curious has anyone seen this pattern which I am thinking of using. The submit button on the form is disabled. If the user clicks in a ...
1 vote
1 answer
242 views

Design for input of time-series data

I'm designing an application page where the user can input multiple time series. As an example, this can mean updating the daily product forecast for a 5 stores over the next 14 days. This results in ...
0 votes
3 answers
86 views

Using a single text field with auto type detection in an app

So we want to increase the number of accepted fields in our app of which people use as identifier to transfer to. We currently have mobile number and email , however we intend to increase to add ...
1 vote
1 answer
52 views

Change search icon to clear input as user types?

We use the search icon more as visual indicator than actionable item. When the user types it changes to clear input icon. Has anyone seen this as a pattern before? I feel it does it's job.
0 votes
2 answers
56 views

What should be considered when deciding on the order of input fields for a contact tracing form

I'm working on a contact tracing form for a travel booking website. The following fields are required to be filled in by the user when they book their travel tickets. email address phone number my ...
1 vote
2 answers
42 views

Handling and parsing string with multiple elements to the form using one input

We have a problem that we want to solve in the most intuitive way. There is a modal with one text input, but the requirements are for user to be able to put one OR multiple email in it. This is needed ...
1 vote
0 answers
26 views

I'm creating a detailed component spec for an input field in iOS and I don't know exactly how to specify certain accessibility details

I'm building a detailed accessibility spec for an iOS input field component for a design system. I want to outline in the spec how voiceover should work. The design system needs an input field that ...
0 votes
2 answers
75 views

Adding Custom Form Field

I have a tricky thing to solve. This would be used for fast food menu. First field is pretty much Name of the Group ex "Choose the sauce" and other 2 fields (and 2 fields should aways exist ...
7 votes
3 answers
14k views

Should a blank option always be included in <select> inputs?

For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown: <select required> <option value="&...
1 vote
3 answers
302 views

Filtering: Input-fields or buttons?

I'm currently working on new tables for our web platform. I came to a point when I need to design some filtering options as part of the design. One of our developers told me to use a text field that ...
0 votes
1 answer
109 views

Multiselect in separate page

I have a big form with like 16 inputs, going from basic inputs, selects and multiselect. Now I want to reduce the cluttering for the user by moving the more advanced inputs such as multiselects to ...
1 vote
1 answer
83 views

How to design an input for a number which has to be divisible by 5?

Initially I thought this to be a trivial task, but all the solutions I came up with have severe drawbacks. The application I write is connected to machinery and all the inputs are evaluated as soon as ...
1 vote
2 answers
72 views

When my page has multiple input forms with a range of options from 2 - 10, should i use dropdowns, segmented control, or a mix of both?

I have a form where the user select multiple different inputs. One input might have only 2 options (parent,child), while the next input might have 5 options (age: 0, 1-18, 18-25, 25-55, 55+), etc. ...
2 votes
1 answer
55 views

Multi-level configuration editor

Background I have limited experience in GUI design, but I have to produce a desktop application (Qt) meant for expert users (our own staff mostly). Its purpose is to read/write a large set of ...
4 votes
1 answer
303 views

Set an optional field to a fixed value

I've got a edit form in which the user can change a number of properties from an item. In certain conditions, there is an optional time field which the user can set. But it cannot be set to an actual ...
4 votes
4 answers
301 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 ...
5 votes
5 answers
3k 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 number 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 ...
3 votes
3 answers
3k views

Are numeric "steppers" or "spinners" on text fields simply bad UX?

Call them "steppers" or "spinners" or "spin boxes," but we've all seen and used these things: Now, in a touchscreen environment this type of control might be useful, if ...
3 votes
1 answer
978 views

Blinking cursor on input fields and blinking time/timeout

What about the blinking time? Should it blink eternally until the user interacts? I see that on Firefox 117, the blink stops after some seconds whereas it doesn't on chromium browsers. Is the timeout ...
2 votes
1 answer
86 views

Hiding the delete button behind 1, possibly 2 clicks

I have to anonymize this substantially, so forgive the abstraction, but here is the debate. There is an interface in which you can create an object. This object has several attributes, as well as sub-...
2 votes
2 answers
83 views

Element for the age of cheese

I am creating an app using React and antd where users must enter information about cheese. I need an element to ask the user how aged their cheese is. The following options are possible: [0-12] ...
3 votes
1 answer
158 views

Optimal Placement of Copy/Paste Buttons for Enhanced UX: Inside or Outside the Input Box?

I'm currently grappling with a design decision and would love to gather some collective wisdom on the matter. The question at hand is about the placement of copy/paste buttons in relation to an input ...
1 vote
3 answers
110 views

Redesigning our searchbar

Our users are having trouble with our search bar. They don't realize they need to click the search icon to start searching. To make it clearer, I've come up with three solutions: A. Replace the icon ...
1 vote
0 answers
65 views

How to put 3 inputs and 1 selector in 3 columns grid [closed]

I need an outside perspective) The hanging “Mode Tunnel” selector is very annoying. Are there any options for configuring this differently so that it doesn’t hang like that?
12 votes
7 answers
4k 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 ...
0 votes
2 answers
318 views

Which label option for a range slider offers a better experience?

The aim is to offer an input using a bandwidth range-like slider field, that can make the selected option clear. Option A: only show the selected option, to encourage the user to use the input and ...
1 vote
1 answer
55 views

How can i logically combine filters for organization, domain and country?

I'm working on a web app containing a lot of datatables with some well known filters on each page, all of them pertaining to a specific domain (or website): A domain may or may not have an ...
1 vote
1 answer
41 views

How do I make sure that the user enters their input fields correctly?

I have two input fields which need to be formatted a certain way. Ipv4 addresses need to have the "." to separate the numbers and ipv6 addresses need to have ":". I'm not sure what ...
1 vote
5 answers
96 views

Is it good UX to provide an example of the correct input if the user entered a wrong amount?

if the user entered an amount less that the money he has in his wallet,can I say you don't have enough money try x$ or it's a bad user experience?
2 votes
1 answer
332 views

Best way to indicate required vs optional fields

I'm having some issues deciding how to indicate to users the some fields are required and some are optional. I've encountered these three scenarios, and the following solutions: All fields are ...
2 votes
2 answers
194 views

CTA is being hidden by keyboard on long form in mobile

While working on long forms on mobiles, such as multiple business expenses, the CTA to finalise adding is getting hidden by the keyboard. The common way of putting one input field and one cta may not ...
0 votes
2 answers
161 views

What are the expected behavior and characteristics of a currency input?

I'm trying to make a list of the expected behavior and characteristics of a user textbox when it is designed for currency or money input. Characteristics: Numeric only. With two decimal places. With ...
2 votes
1 answer
113 views

(WCAG 1.4.11) Understanding 'subsuming' in Non-text Contrast AA Level

In a vaccuuum I understand how to interpret the criterion. If a border is the only way to identify a control then Border vs container must have >3 contrast. If a background is the only way to ...
28 votes
1 answer
7k views

Google and Yahoo require you to enter your username first, then password. Why is this? [duplicate]

For a while now, logging onto your google account has required you to enter your username and hit next, before entering your password like this: Recently yahoo has implemented a similar system. What ...
0 votes
0 answers
39 views

How to visually connect a numeric input and a table dynamically updating with the input?

What I am building: a search engine for gaming laptops. The #1 factor for gamers is, obviously, gaming performance, which is mostly judged by FPS – frame rate that a laptop runs a game on. Higher is ...
2 votes
4 answers
137 views

Should empty field captions be specific or generic?

I have an app with basic user profile fields editing functionality. Each field presents the field name, the field value, and an edit button (e.g a pencil). My question regards what I display on those ...
1 vote
1 answer
91 views

What's the best input/edit method to handle small high precision numbers?

I have an AG Grid with cells that contain very small highly precise numbers - eg 0.002957399184 I want to allow users to edit these numbers easily and accurately - basically want to avoid fiddling ...
0 votes
1 answer
79 views

How to name an option in settings that allows free input in a list (select)

In the settings of a web application, admins can select "custom fields" of different types: number, selector, multi-select, etc. We added an option that allow user (not admin) to type their ...
1 vote
1 answer
659 views

What is the best pattern for text field hints in a web form?

I always wonder what is the best practice for labels/hints of text fields on a web form. Here is my understanding: It is better to use a label than a hint when the form has more than 2 fields... but ...
1 vote
2 answers
898 views

Is UI Chips for all single choice input a good idea?

I'm working on an iPhone/iPad app that uses a lot of forms and we are currently using several different components for input where the user have to do a single choice from a defined list of items. For ...
6 votes
5 answers
2k views

Inputs, does removing borders except the bottom one have any benefit?

Until material design, form fields always have a border all around. For me, it's a cultural habit. Users use these borders to identify the field in the page. Google itself, on Gmail, Google Search... ...
1 vote
3 answers
105 views

Two data types in one login field

I have a couple of ways of logging into a specific service: either by ID number or email address. The designs so far have been built on the assumption these will be two separate fields, but how might ...
10 votes
1 answer
2k views

Should selected options be removed from single- and multi-select dropdown lists?

In our application we're working with dropdown lists that may contain many options (sometimes around 200). Usually, these lists allow the user to select multiple entries whereas in other places of our ...
22 votes
3 answers
8k views

Is password-unmasking worth the potential security downside?

I work on the iOS implementation of a mobile application where the (cross platform) design guide specifies an unmasking-control for password fields. I am primarily an iOS+Mac user, so this concept was ...
3 votes
2 answers
2k views

Should 'Other' be a text field or a radio button plus text field

Hi! There's a discussion around whether 'Other' should be a radio button at the end of these options, where an input field then allows you to type in the company formation type. The first few radio ...

1
2 3 4 5
13