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
3
votes
1answer
91 views

Should I display empty fields in read only display?

I have a desktop application which has many editable fields, about 50 fields grouped into about 6 sections. When editing, the field's text box will show, then once the user clicks save, the data will ...
1
vote
2answers
91 views

Is it OK for a form element to shift when a related error message appears? [duplicate]

When designing a form, should I design with enough space between the elements for potential errors? So that when displaying error messages, the form elements below the error message do not shift, ...
0
votes
1answer
38 views

Duration field that accepts a number of weeks and days

I have a duration field that looks like this. The user can set a time in HH:mm However, in some cases the user might have to set a duration in weeks/days. This is the current design I have: The ...
1
vote
2answers
41 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 ...
2
votes
1answer
74 views

Academic degrees in forms

What form field labels tend to be used for pre-nominal and post-nominal academic titles in forms? Is e.g. "prenominal academic degree" used or is that too formal?
2
votes
1answer
101 views

Variable length list input

I'm writing a wasm statistical calculator, so I need to allow an arbitrarily long number input on my website's front end. My current design looks like this: A number is entered where the line is. ...
2
votes
2answers
58 views

One label for multiple fields?

I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
3
votes
2answers
108 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="&...
2
votes
3answers
125 views

Best input to select 2 of 4 options

I have a project requirement where our users need to be able to make 1 or 2 selections out of 4 possible options. Along the lines of: What is your favourite food? (Pick up to 2) Pizza Chocolate ...
2
votes
2answers
52 views

“Reset to Default” UI for Computed / Synced Fields

Background Here is a nearly identical question to What's the best "Reset to Default" UI element? but with one significant difference: various fields that may be customized, but in their ...
0
votes
1answer
33 views

Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%

I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have. The first row in the ...
1
vote
2answers
107 views

Display date suggestions as dd/mm/yyyy or DD/MM/YYYY

I have found a lot of posts regarding how to display the order of a date (MM/DD/YYYY vs DD/MM/YYYY) but I haven't found any regarding how to display a "This is how your date should look" ...
3
votes
3answers
96 views

Validation for if all fields are required when an optional field has a value

I have a form that has an optional username/password input but when either the username or password has a value it causes them both to be required. Not sure how I should approach this? So far the ...
3
votes
1answer
107 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 ...
2
votes
1answer
56 views

Is it ok to use text area for multiple subjects?

When user is answering question with radio buttons that opens new more specific questions. Is it bad idea to wrap those questions in one text area? In my case user want might add multiple "...
1
vote
3answers
121 views

How to force users to subscribe without creating an account?

I've created a web app which does not require a user to create an account, you just fill in a form and get the result. I thought that would be nice to add "Enter your email" input text along ...
13
votes
10answers
3k views

Good alternative to a slider for a long list of numeric values

I want to give the user the option to select a numeric value which falls in a range (0-1000), where most multiples of 5 are acceptable. Usually, for this kind of thing, a slider would be perfect - ...
1
vote
1answer
52 views

search inside a dropdown or dropdown with a search for new set of option that user has to pick

what would be the better approach for an interaction which involves search inside a dropdown, where the items of the dropdown maybe new to the user and we need to show them upfront so the user can ...
1
vote
3answers
97 views

How to state valid characters are alphanumeric and 'all keyboard symbols'?

*Note: I'm using an inline validating message, where if a user enters a char that is not allowed a message is displayed (i.e. "Please only use...") I've seen this post about stating valid ...
1
vote
1answer
83 views

Highlight missing form fields one at a time or all at once?

A form has many required fields some of which have been left blank. When the user clicks the submit button, there is functionality in place to highlight the first required-but-empty field by giving it ...
2
votes
1answer
80 views

Best practice for comma separated input size for the search field

I am working with large number of entries in web UI such as IoT device list with IMEI. There is a need to make quick multiple selection by IMEI. Would it be good practice to provide search field with ...
1
vote
3answers
57 views

What's the best way to make a text field with a suggested value that is shown even after it is filled?

For example, let's imagine a simple exercise tracking app. There's a field where the user can input the target score (the score he wishes to obtain). Then, after exercising, the user is presented a ...
4
votes
2answers
2k views

How many pixels the “normal” letter-spacing is?

We are working on an input-field in our application where the users can adjust the letter spacing of text elements in pixels, but we are not sure how many pixels the normal letter spacing is. We would ...
0
votes
1answer
37 views

Accessibly of input field's frames

When I look around, I see many websites, apps, and forms consist of text-fields that have a grayish frame. Do text fields have any accessibility rules when it comes to frame's contrast? Is it ok to ...
0
votes
1answer
90 views

Form usability: Input type selector

I'm working on the form right now. There's part where user have to input data which can be two different type. For example input field where user can type money amount and then select currency. I'm ...
0
votes
0answers
32 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 ...
0
votes
2answers
95 views

form: approve inputs

I have the following scenario - in my web application each user can update the form. But before it goes live, a second analyst goes through the changes of each field and approves a change. As a ...
1
vote
3answers
135 views

How can you show additional information in a pop up

I'm designing this popup for a mobile website where a single input needs to be added. the user might need some additional information to help them with this input (e.g. the serial number is visible at ...
1
vote
1answer
180 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 ...
0
votes
1answer
76 views

Delete input with value in (confirmation?)

I just got across this thread: Allowing the user to add input fields As I am in similar situation I would like to ask from UX perspective, what happens when the user clicks 4 times to add field and ...
0
votes
1answer
134 views

Display old value and new value on forms and grids

In my application if user modifies the existing value then we need to show the previous value (existing) and also the modified value. The same feature is also needed for fields which are in the grids. ...
1
vote
2answers
149 views

How to place two icons for one input field on a mobile app?

I want to put both an info and a clear icon for each text field. How should I design it w/o it looking awkward? Or, is two even necessary? EDIT: How do I style it for an "if applicable" ...
2
votes
1answer
197 views

Input error icon and clear icon at the same time

In Material design documentation we see optional icons inside an input. What if I want to have a clear icon (3) and display an error icon (2) at the same time? Side by side?
2
votes
1answer
109 views

How do I ask for user's first initial and full surname?

So trying to keep data and forms as clean as possible for a university project (online book store). As part of my designs I elected for a user's first initial and surname to address them (e.g. J Smith ...
0
votes
2answers
201 views

Is it better to allow filtering using a dropdown or tabs?

I'm working on an app that allowed users to filter their photos based on time period. Between a dropdown and tabs, which one is best for the user? Dropdown: Tabs: The advantage of using tabs is its ...
0
votes
3answers
381 views

Form validation when the field is optional

I am working on a form where the phone number is optional. What is the best practice regarding a validation mechanism that checks if it's a correct phone number (over 10 digits): No form of ...
1
vote
1answer
141 views

Are there some modern UI equivalents that can be used instead of a ComboBox?

ComboBoxes do a good job when on (e.g.) web forms. However, they just look dated in a modern UI with a touch screen. Is there a more modern alternative to them? Or is it just a case of stripping away ...
3
votes
2answers
91 views

Forbid and deactivate alphanumeric keys in a form?

scenario: form validation I ask myself the question: in a special input form for postcode for example, in which only numbers (integer) are allowed. In a usability view I would say, you should be ...
2
votes
2answers
157 views

Side Panel/Top Nav Panels [closed]

Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case? I have a project to work on next, where it is required to keep the progress indicator ...
1
vote
3answers
353 views

UI for multiple forms with several input fields needs to be designed? How do to make user not get lost filling the form? [closed]

I have long and multiple page forms. I have made them into sections by using accordions so that user has ease of identifying the sections and not get lost. Is there any way to make the journey for ...
4
votes
3answers
317 views

Best input method for 5 or 9 digit ZIP codes

I am designing a form where the client wants to required a 5 digit zip code, with 9 digits being optional. I can think of a couple ways to deal with this. 1) Just plain old regex accepting 5 digit ...
2
votes
2answers
129 views

Do users actually use the arrows in <input type=“number”>?

Does the average user actually use these really tiny arrows?
2
votes
2answers
63 views

What are the benefits of enlarging the address bar when focused?

I recently noticed that when Firefox focuses on the address bar, it expands the address bar. I thought this had a UI / UX benefit as it was a visual change. However, no literature was found on them. ...
2
votes
3answers
166 views

How should overriding a checkbox field be displayed?

Within our software we need the ability to override fields. Our standard is the following: Original field must be read-only with an "Override" checkbox next to it When checking checking "Override" a ...
25
votes
6answers
2k views

Form layout with fields which are sometimes input and sometimes output

I'm designing the UI for a desktop application. In one of the windows certain interdependent properties of an object are listed. I want the user to be able to choose which properties are to be used as ...
0
votes
1answer
75 views

Show that input in list is editable

I have a list with items that can be changed. When the user clicks on the item, it can be edited. Which is the most intuitive way to show the user, that (s)he can edit the items? Following options ...
2
votes
0answers
41 views

Save functionality with multi-datatype inputs [closed]

I apologize if the question title seems unclear. I have a business application with multiple input/data types on the same screen: A couple "basic" text input and dropdown menus. These fields are ...
3
votes
2answers
102 views

Providing alternate way to input information

I am designing a complex application about animals which requires a lot of user input. I'm wondering how best to approach a particular scenario where a user can input a name however sometimes (and ...
2
votes
1answer
103 views

Size of text fields in a form

I know that the size of text fields should be based on the expected which user will type but what if in web there are dropdowns (which are along with text field in a form) requires more space and ...
0
votes
1answer
72 views

UI design: Selecting pre-filled max value or a part of it

I have pre-filled available displayed in tables data such as: 1 [80.00] [Input design here: Select whole row (default) or part of part of 80.90] 2 [4.65] [Input design here: Select whole ...

1
2 3 4 5
12