2022 Developer Survey is open! Take survey.

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
2 votes
4 answers
58 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
28 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
0 answers
51 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
64 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
30 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
193 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
32 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
69 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
47 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
61 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
90 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
40 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
53 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
82 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
61 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
72 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
40 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
23 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
124 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
99 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
58 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
104 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
59 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
49 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
37 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
50 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
74 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
56 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
66 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
115 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
117 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
92 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
74 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
42 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
54 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
0 votes
0 answers
26 views

Combined character count for multiple text areas

I'm creating a wizard type blog article builder, but I'm having difficulties thinking of a nice way to display the total character count. The form is split up into 4 text areas (Introduction, Lead In, ...
user avatar
2 votes
1 answer
48 views

Adding and accepting score

I'm working on a app where tennis players can add score. When a player starts playing he is starting the streaming service and invites the other player. After the game a "post session page" ...
user avatar
  • 21
0 votes
1 answer
59 views

Address Look Ups

I am working on an E-commerce app with an address book. I have observed several different patterns for entering a new address. Some simply use the postcode, then return a list of addresses. Some are ...
user avatar
3 votes
1 answer
730 views

Is it a good practise to load contents outside of modal?

There is a dropdown and date-picker inside a modal and the size of the modal is small, so when we click on the date-picker the widget is overflowing the modal. Is this a good practise? or should we ...
user avatar
  • 1,040
0 votes
1 answer
57 views

How to reset only part of a form?

I have made an ESP interface which contains a settings page for an ESP in which the user can change various settings. I have developed both front and back ends. I have divided the page into several ...
user avatar
0 votes
0 answers
34 views

Select value A, value B, or both [duplicate]

i'm having this form on a mobile app where i need users to select either: value A, value B or both. it's bit of a and/or selection issue. For now I think of the very basic solution, but wondered ...
user avatar
  • 1
1 vote
2 answers
76 views

Login required after filling out a big form

Sometimes a user starts filling out a lengthy form but doesn't complete it before the session expires. When the user returns (let's say after 2 hours), the website redirects to the login page and the ...
user avatar
1 vote
1 answer
104 views

What should the entry point for a signature field look like?

I'm designing a form for a permission approval feature that will be used on tablets. this will require the user to sign their request. My question is, is there a way to indicate that the field at the ...
user avatar
  • 10.5k
0 votes
1 answer
40 views

Placement of Sign-Up Forms on a Landing Page

I am creating a series of landing pages for our organization for people to sign up to receive various services. In a discussion with our team, the idea was floating around to place our sign up form ...
user avatar
  • 3
21 votes
8 answers
4k views

Mutually exclusive Switches

The software I am designing for has 3 functions, which can be turned on or off with Switches. However, due to how the software works, the following rules apply: At least one function must be enabled ...
user avatar
  • 370
1 vote
0 answers
70 views

Should all options appear on a view screen? [closed]

I'm designing screens for a business web app. I have view and edit modes for records, with each mode having its own screen. Should I display all options on the view screens, but with the widgets ...
user avatar
  • 111
2 votes
4 answers
199 views

What is the best approach to select multiple values from a list of values in ascending order?

I have a section in a webapp where the user can select from a series of values, which are displayed in ascending order (to perform an unspecified function). The user can select among any of these ...
user avatar
  • 251
3 votes
1 answer
146 views

ATM Style Input Fields for Currency

I am looking for best practices around how to design a UI for currency fields. I have been looking into ATM-style fields. This is when if you type in your value, it fills in cents first until you've ...
user avatar
  • 31

1
2 3 4 5
55