Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
573
questions
0
votes
1answer
21 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
91 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
93 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
97 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
52 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
113 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 - ...
0
votes
0answers
31 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
79 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
61 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
68 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
54 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
36 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
87 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
70 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
103 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
108 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
57 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
104 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
126 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
136 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
106 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
123 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
231 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
136 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
78 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
138 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
247 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
224 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
124 views
Do users actually use the arrows in <input type=“number”>?
Does the average user actually use these really tiny arrows?
2
votes
2answers
60 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
129 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
60 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
98 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
100 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
65 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
vote
2answers
103 views
Web UI for choosing variable or entering constant value
I'm working on a form where each field can be filled either with variable from list (that can be pretty large) or constant from user input.
For example, I received from backend list of variables: ...
2
votes
1answer
89 views
Mandatory Combined InputField
I've got a combined input field "Geo Hierarchy". This field itself isn't mandatory. It contains 4 inputs: "Region", "SubRegion", "Area", "SubArea". Then the user starts filling this input only the ...
13
votes
1answer
3k views
How do you convey that the minimum size of an input is X characters?
I have this Q&A site, where I want the title to be at least 20 characters and the body to be at least 200 characters.
What is the best approach to convey these to the user without having them to ...
3
votes
4answers
930 views
Input placeholder: suggestion or example?
How input placeholders should be used? Should examples be used or is it better to use suggestions? Many times the field label is not sufficient to describe the type of data. I think sometimes the ...
1
vote
1answer
107 views
What's the best way to indicate a field is required when finalizing but not when saving?
I'm currently stuck in a bit of a UX conundrum. I need to be a bit vague about the specifics, but I hope it is clear enough.
Background info:
In our system we have certain items that need to be ...
0
votes
1answer
190 views
How can I make the user choose between two options (Available or not Available) in IOS?
If i want the user to choose one of the two options(available or not available) ... what is the best thing for this design in ios application..I tried to use fragments buttons, is that true?
How can ...
2
votes
3answers
372 views
Alternatives to nested dropdowns?
When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this.
The problem
So currently the workflow ...
49
votes
6answers
9k views
How should I allow a user to input a number where not all numbers are valid?
I have an application where users need to configure certain machine settings. One of these settings is an integer percentage value, from 1-100. Unfortunately, for historical reasons, we're not ...
2
votes
3answers
88 views
How to format input for accurate time?
A user needs to input an accurate elapsed time measurement, to a mobile device (web browser), just like a sports time, after recording the time on a separate stopwatch, like this one.
We need the ...
1
vote
2answers
170 views
Input for arbitrarly large radius in map
I'm developing a mobile app where the users need to select a point in a map, and then define a radius around this point. This will be used to define a Geofence and to perform an action when later the ...
