Questions tagged [forms]

Forms are generally used to retrieve different types of qualitative and quantitative data from user input through controls such as text fields, radio buttons, checkboxes, sliders, buttons, or any type of custom control used to collect data input. Form- and field-level validation, error and status messaging, and issues around contextual help within forms may also fall into this category

Filter by
Sorted by
Tagged with
1 vote
2 answers
76 views

Label text for default option of three-state radio button group

We have a table with radio button filters and are struggling with logical wording for the labels, or specifically the label for the default option. The tables are of people, and each person could ...
user avatar
1 vote
5 answers
74 views

Select menu with only one option

I have a form that contains a select dropdown that requires the user to select from a list of locations. However, there are instances where there is only ONE location. What is the best way to display ...
user avatar
  • 1,072
0 votes
3 answers
50 views

How to show error message around HTML input on blur without jarring the layout?

I have this so far, not really that styled but the basic layout. Notice how the layout jars when there is an error message (and the error message might be longer than one line). I even tried forcing ...
user avatar
  • 335
0 votes
2 answers
37 views

Hiding vs showing an error

I have a form that allows internal users to select from a list of subscribers to send emails to. Each subscriber has their own set of preferences as to which emails they want to be subscribed to. For ...
user avatar
  • 1,072
1 vote
1 answer
40 views

How to improve UX on deeply nested form functionality in the browser?

I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here). Basically, you have a form for a "...
user avatar
  • 335
0 votes
0 answers
12 views

Should user selections that have since been filtered out be included?

Situation: we have a list of checkboxes, and the list itself can be filtered based on a few different dropdown menus. If a user checks something, then changes the filters so that item is no longer ...
user avatar
  • 376
1 vote
1 answer
66 views

Field only required during Edit mode

I have a form that allows the user to add a "Location" for a particular entity. Each location should have an "Assignee." In that sense, the "Assignee" is required, ...
user avatar
  • 1,072
0 votes
1 answer
37 views

What is the best pattern on selecting options to display look book prices

This is an online app for our product salespeople. This app allows our product managers to create a custom pdf look book that can be emailed or printed out for specific customer. The selection ...
user avatar
1 vote
1 answer
47 views

Should inline form validation error messages be specific or unspecific on login screens?

I had designed a message reading "Incorrect password" appearing on the 'Password' input field, however, a PM has given me feedback that saying: "I believe the common practice for ...
user avatar
  • 13
0 votes
2 answers
72 views

Placing the Attach Image button

I'm designing a mobile screen (iPhone and Android) for adding a review; my sense is that the 'Attach Image’ button is not placed correctly or shouldn't be as big button as 'Submit Review'. Please see ...
user avatar
  • 3
0 votes
0 answers
21 views

dynamically displaying pairs of text inputs

I am working on a form whereby I need the user to fill out at least one combination of a textbox and a textarea. I want to give a clue about the possible options of the values of the first textbox ...
user avatar
  • 255
0 votes
1 answer
44 views

How do I design a state machine?

I am trying to design a data catalogue page that shows the state of the data (draft, pending publish, published, pending archive, archived). When users add their data to the catalogue via a form, they ...
user avatar
0 votes
2 answers
38 views

Imposing text limit in form without affecting old data

We have a form with fields below: Code Item Name Description When we reviewed the list of 'Code' in customer database, we noticed that the 'Code' values tends to be quite long. It seems like the ...
user avatar
  • 613
2 votes
3 answers
113 views

Checkbox dirty state

I would like to highlight any changes made to a long list of form checkboxes. That way the user can review all the changes made (whether checked or unchecked) before saving. Are there any examples for ...
user avatar
0 votes
0 answers
29 views

Should there be any input restrictions on first/last name such as numbers?

I'm building a sign up form and I noticed that a lot of companies allow me to put in a number when I enter my first name, such as "alks82734" being a valid first or last name. How should I ...
user avatar
2 votes
1 answer
77 views

Complex, multi-step filter vs "dumbed" down filter

This is my first post here. I was going to ask in meta if it's appropriate, but I need 5 posts before doing that. So I'll just ask and hope it's on-topic enough. I am designing a search form that has ...
user avatar
1 vote
3 answers
82 views

Presenting missing information on card

I have a multi-step form that requires filling in relevant details in each step. On each step we save the data. If a user leaves the form at any time, the draft will be saved and can be accessed from ...
user avatar
0 votes
3 answers
33 views

What markup should I use for a form confirmation page / last step in wizard?

We have several multistep forms (wizards?), and in the last step it summarizes what you have filled out so you can read through it once more before you actually submit/confirm. For styling, these were ...
user avatar
  • 275
1 vote
5 answers
254 views

Cancel button, reset form or go back?

I'm working on a project where there's a CRUD table, but the editing takes place in an individual page. In this editing page, if the user presses the cancel button, a modal pops up asking for ...
user avatar
  • 15
0 votes
2 answers
38 views

Progress tracker step 5a and 5b

I am working on a project that involves multiple screens and forms. There are approximately 15 screens the user will go through to complete a registration. Due to technical reasons dev team want to ...
user avatar
  • 129
0 votes
0 answers
70 views

Hyphens vs. parentheses in form field labels

Link Color Link Color - Hover Header Items - Left Header Items - Right vs. Link Color Link Color (Hover) Header Items (Left) Header Items (Right) vs. Link Color Link Hover Color Header Left Items ...
user avatar
0 votes
1 answer
50 views

What would entail hiding the price for some products on Amazon?

I've noticed that when I search on Amazon for a product, there usually will be some results where the price will not be visible until you click on the product and then again click on "See all ...
user avatar
  • 191
0 votes
1 answer
76 views

Should fieldsets be nested for yes/no questions?

Forms with yes/no questions that reveal new questions depending what you select... Is it "most correct" and most useful for those who are dependent on accessibility to have the new questions ...
user avatar
  • 275
0 votes
3 answers
92 views

Renaming duplicated 'Save' button

This is a form for student registration. Context: The form contains standard fields for student details (name, D.O.B, etc) and editable data grid for students' previous school's details. User can add ...
user avatar
  • 613
0 votes
1 answer
44 views

Material Design Best Practice: Should a dialog "Accept" button only get enabled upon changes to a mutable inner state

As far as UX goes, particularly when working within the material design specifications for a Windows app, if an accept/cancel dialog is presented to the user that is intended to mutate some "...
user avatar
  • 101
0 votes
1 answer
30 views

Choose way to get reply from form

The traffic from my webpage comes from different social media platforms (Tiktok, Instagram mostly), so in the contact form I wanted to add an option where the user could choose in which of those he ...
user avatar
  • 101
0 votes
1 answer
55 views

Neckbeard dev seeks answers to form accessibility brief: conditional input zones on ∞ rows

Forgive me for having a bit of difficulty articulating the UI and design goals that I've been handed, but I need to appeal to the hive mind to find out best practice re usability and accessibility for ...
user avatar
  • 103
0 votes
2 answers
86 views

Enabling fields in general section (at top) based on details selection (at bottom)

Is it bad UX to display/enable or mark mandatory fields in the general section (at top) based on details selection which is placed at the bottom? If yes, what are the options we have in this situation?...
user avatar
  • 53
1 vote
2 answers
145 views

Form UX UI add item with multiple input fields

I have a form in which a user can add items with 3 inputs to each item. I need a label for each input and a label for the whole item group. I have a problem with aligning things up. As a general rule ...
user avatar
0 votes
1 answer
80 views

Need help with sub form fields

Need some UI and UX suggestions and help regarding the following sub-form section Is this ok? I want to clarify to users that by clicking on "Add Extra Data" it will add Title and Extra ...
user avatar
1 vote
1 answer
41 views

Position/order for "Low", "Medium", "High" options

Is there any convention about positions/order to display options buttons/radio- buttons/checkboxes for values as: "Very low","Low", "Medium", "High", "Very ...
user avatar
0 votes
2 answers
28 views

Changing content based off a selection without using progressive disclosure

I have a use case in a modal where the user can select forms and define criteria based off of what they have selected. All of the criteria dependencies based off what form the user has selected remain ...
user avatar
  • 25
1 vote
2 answers
182 views

Should a button show its label in a loading state if a spinner is present?

Let's say I have a login form and after a user clicks the "Login" button, the form begins working and a spinner is added to the button until HTTP processes are complete. For this example, I ...
user avatar
  • 113
1 vote
3 answers
105 views

What is best approach for radio button where "none" is acceptable?

I am designing a section where a user configures account details and profile preferences, including adding and editing phone numbers. Within the phone number section, the user must also allocate one ...
user avatar
  • 51
0 votes
1 answer
59 views

UX for uploading documents in long form flow

I have a government client using Pega to control the flow of a business case where a user flows through multiple form screens. Within several of these forms, the user is prompted to optionally upload ...
user avatar
0 votes
1 answer
68 views

Creating a form with multiple posibilities

I'm relatively new here so please forgive me if this question is to open ended. I am working on a form for the user to enter an event. The catch however, is that there are 4 ways of entering the dates ...
user avatar
  • 113
1 vote
3 answers
137 views

How to handle conditional dropdown lists

My form has two fields. The first one is a dropdown list displaying a list of categories, and the second one is a data list that displays a list of users. The data list options depend on the category ...
user avatar
  • 23
0 votes
2 answers
60 views

How can I best clearly differentiate 3 screens with (almost) identical content?

I just got approached with an app that has 3 screens, that almost do the same and have very similar content. So, we want to avoid someone entering into screen A when was supposed to be on screen B. ...
user avatar
0 votes
1 answer
50 views

Bulk Add Items on mobile device

I want to allow users to add multiple entries to a list of rather complex items. The user needs to pick color number date dropdown dropdown (later a optional picture) putting this in a single page ...
user avatar
  • 3
0 votes
1 answer
42 views

Should the drop down of a combo box in a form be above or below a sticky bar?

I'm designing an online form that includes selection of options from combo boxes. The submit button is on a sticky bar at the bottom of the screen. My question is: should the drop down of a combo box ...
user avatar
  • 10.5k
0 votes
2 answers
53 views

Combining a variable size scrollable list, a fixed size scrollable form and a small fixed size non-scrollable form

I'm trying to design a desktop app and I have an Entity that has three "sections" for its settings/parameters: a short section of 5 fields (text fields, checkboxes...) - probably doesn't ...
user avatar
1 vote
1 answer
75 views

Form input: Hidden vs Disabled, after changing default option

Currently, I am designing a form that has a radiobutton group for a certain question, that affects whether a second radiobutton group is relevant to them or not. Now I've been researching on what is ...
user avatar
  • 11
0 votes
1 answer
63 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 ...
user avatar
0 votes
1 answer
70 views

What is the best method to signal the editing in the form above of an table to a user?

To add an entry to the table, a user must fill out the form above and click the Take it button. He can also edit an existing entry by clicking on the pencil. How can you best signal to the user that ...
user avatar
  • 103
1 vote
1 answer
147 views

Form with multiple rows of selectable options displayed on material UI cards, need help with adjusting the design

I have a form that has around 3 rows with selectable cards (only about 3 to 4 options each row). We do not have a UI/UX designer and I want to adjust the UI design but do not have a good idea about ...
user avatar
1 vote
3 answers
120 views

Where should I redirect after filling a "creation" form?

HI hope y'all doing well I have an app where users need to create different items. There's a page that displays all the items created that as a "Create new..." button. The user's path: ...
user avatar
  • 23
3 votes
2 answers
95 views

How to show that a form has been dirtied (edited) using a Material design?

I have a vertical list of expansion panels. Each panel has a form under it. I would like to know the best style for showing that the form has been dirtied (edited) on the expansion panel title. The ...
user avatar
  • 133
0 votes
1 answer
75 views

Using forms inside modals [duplicate]

I'm a developer so maybe this question is very basic. Is it a good practice to use forms inside modals with many inputs (more than 5 inputs including date-pickers, text inputs, textarea...)?. I am ...
user avatar
0 votes
0 answers
43 views

Quick edit is different from creation mode on Material Design

When using read only mode for forms in material design do you prefer to add an edit icon in the field input or do you use lists? I ended up using lists that look like this and added an edit button ...
user avatar
1 vote
1 answer
57 views

Why is the keyboard navigation and selection different for a group of checkboxes vs radio?

We are working on a multi-step survey flow that involves both single select radio options and multi-select checkbox options. We want to make sure it is easy to use for Keyboard users and have been ...
user avatar
  • 381

1
2 3 4 5
55