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

61 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5 votes
2 answers
263 views

How to inform user that value of form field was removed?

We have some background processing on form and in the result, some of the form fields can become null. So how should information message about this action look like? The best option we have "The value ...
user avatar
5 votes
4 answers
363 views

Multilayered form with multiple options in smartphone

I want to ask about multilayered options from the view of UI and UX. I need to make a form in Android about coverage area in which contains states, city and districts. User can choose multiple states ...
user avatar
4 votes
1 answer
200 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 ...
user avatar
  • 51
4 votes
2 answers
149 views

How in depth should a screen reader when it does the first read through of a page and a form

Take the following mockup as our example case: Page Title Page Instructions Field 1*: [ text input ] Field 2 : [ text input ] Field 3*: [ text input ] [Reset] [Submit] We ...
user avatar
  • 3,940
4 votes
3 answers
357 views

Ask user to check categories of an item and then display category-specific options

Problem In my Web application I have a form in which the user must fill some information about a generic item, let's say a car. Between all the standard information (name, description etc) I am ...
user avatar
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
3 votes
1 answer
113 views

Interface for preventing certain items to be combinational with each other

Suppose that I have three lists with items [A1, ..., A10], [B1, ..., B10] and [C1, ..., C10] and I apply the cartesian product on those lists. Then I will get [[A1, B1, C1], [A2, B1, C1], ...] Now I ...
user avatar
  • 31
3 votes
3 answers
236 views

Should fields be hidden if another field could appear in between?

I'm making a form which will have various yes/no answers. In response to the user's action, the form might display more fields. Some fields will always be displayed. For example (completely made up ...
user avatar
  • 131
3 votes
1 answer
259 views

What's the best way to work with user defined tables / fields. Form or Sheet?

I am developing an app builder and need a way to build custom tables (user can create tables and custom fields with relations) There are two common approaches for the UX in designing the table and ...
user avatar
  • 131
2 votes
0 answers
52 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
2 votes
1 answer
65 views

How to display numbers of an estimated amount

Which is the best way to display numbers of an estimated amount of items. for example, if my algorithm can only display the following answers: at least 5 / above 5 for 'above' it can be something like ...
user avatar
2 votes
1 answer
89 views

How to add item details within a in a multi-step wizard process?

I am working on a project that involves a wizard-type form workflow. In one part of the process, our system will return items we found for the user. The user will then need to provide details about ...
user avatar
2 votes
1 answer
106 views

Arrangement of info on overview view vs detailed / edit view

My client's site is essentially a collection of forms. When fully expanded, it is very dense. They have broken the info into categories (for simplicity's sake, let's say there's a "personal info" ...
user avatar
  • 21
2 votes
3 answers
219 views

Adding Users to a list

I'm trying to create a smooth way of adding users into a list on a page. The user has to add email and full name for a user. And at least 1 user should be added before being allowed to proceed. Step ...
user avatar
2 votes
2 answers
273 views

Use inline table editing or multiple rows of dropdowns?

What is the preferred approach when the goal of a page is for a user to edit some values of multiple combinations? Inline editing in a table or multiple rows consisting of dropdowns and inputs? The ...
user avatar
  • 121
2 votes
2 answers
203 views

How to let users know about auto filled or skipped steps in form progress tracker?

We are implementing a progress tracker for a 3 step task. However, step 2 ('review step 1') is not always applicable; it's only applicable if one validation check after the submission of step 1 fails. ...
user avatar
  • 31
2 votes
2 answers
904 views

Get the user to accept Terms & Conditions when signing up with OAuth

The register form I'm working on allows the user to sign up using their Facebook account or to create a new account by typing their email and password. Here a mockup: Currently, clicking on the ...
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
1 vote
0 answers
82 views

Select box "Other" option in dropdown label

For dropdown options that have an "Other" option that will then display an textbox, what typically is the label for this textbox? Should the label be Other?
user avatar
  • 1,042
1 vote
2 answers
93 views

What is the best way to make sure all casing is uniform for all titles in our platform?

I'm working on an internal app that requires users to input very long titles that almost always includes people's names. These titles are obtained from legal documents where many times, it would ...
user avatar
  • 1,042
1 vote
2 answers
118 views

UX Pattern to make it easier for the user to fill many different select boxes

We have a web form and the user is required to fill in atleast 5 (maybe more) select boxes. Our current UI layout (see below image) looks like alot of work to the user. Are there different UX Patterns ...
user avatar
  • 111
1 vote
0 answers
47 views

Indicate a Input Value is the Primary Unit

I'm currently putting together a UI content block that would allow a user to select a unit, unit size, position and input the needed crew values. The end user should be able to determine whether or ...
user avatar
1 vote
0 answers
34 views

Create Routes from tasks

In the admin panel, I have the ability to create a game using a multi-step form. There is one game type that gives the user the ability to place tasks on the map and create a routes from these points. ...
user avatar
1 vote
0 answers
83 views

Redesign large form for better ux

I'm having to redesign this horrible thing, into a neat digestible form and workflow: (I moved the picture after the main question because it's sooo long) The (web) form is about providing meta data ...
user avatar
  • 11
1 vote
1 answer
188 views

How to design an optimistic/eager multi-step form?

An app that I'm building has a comprehensive onboarding process, involving a multi-step form with 5 steps. It's already a pretty boring process to fill out 5 forms with a bunch of image attachments, ...
user avatar
  • 121
1 vote
2 answers
72 views

How to capture details of multiple items

I have to capture details of 30 sportsmen through a web form. Data can be the same for all the players but some could also have different values. I am using a checkbox (use same details for all) which ...
user avatar
  • 1,790
1 vote
2 answers
171 views

How to handle delivery time slots that expire before purchase is complete?

I have an e-commerce web app where you can choose among multiple time slots for your delivery. There are some rules that depend on when the purchase is completed. For instance, if I purchase something ...
user avatar
  • 111
1 vote
0 answers
269 views

Best UX for Tree Input

I have made a UI for creating recursive groups that can be made up of many items or other groups. I have a UI that looks like the following: It is not more likely one way or the other that the tree ...
user avatar
  • 197
1 vote
2 answers
92 views

Pattern for adding information to a request that was submitted

I'm designing a flow for an approver. It is a relatively complex problem. Requestors can submit requests which go to an approver to approve. The approver needs to be able to see the details of the ...
user avatar
1 vote
2 answers
279 views

Alternative to contextual menu in a web application

TLDR: I'm currently using a contextual menu in a web app for a complex form, but it has limitations and I'm seeking alternatives I have a very complex form which follows a non-fixed model. This means,...
user avatar
  • 11
1 vote
1 answer
126 views

Undo within a modal dialog

We're having a debate about how "Undo" should operate, specifically within a modal dialog box (on a desktop platform). What I see generally in applications is that each individual control (text box ...
user avatar
1 vote
1 answer
260 views

Disabling a modal dialog while waiting for the server

We're making a react web-app for business users We use a modal dialog for editing data. When the user clicks "save", the data get sent to the server. Usually, the server answers pretty fast (< 200 ...
user avatar
1 vote
2 answers
364 views

Integrate multiple forms as optional steps in one form

Context I'm working on a CMS portal that supports content in a set of categories. The categories important for this questions are in particular; Media Pages When adding media, the users has to ...
user avatar
1 vote
0 answers
419 views

How to structure complex wizard form

I have a complex form am modelling using Wizard pattern and this is the flow of the form. Add a organization supply information, how many items were delivered and how many were used. after that, you ...
user avatar
1 vote
2 answers
168 views

Are there any significant implications to re-design a settings page?

We're doing a migration for some of our settings pages for our website at my current job and we're also trying to hit an external deadline. The way the current settings pages are laid out is a tabbed ...
user avatar
  • 111
1 vote
1 answer
1k views

Proper UX/UI design for image upload and form on android

I am looking for an advice how to properly design a layout for an android activity that should handle the following: car image uploaded from android gallery (up to 8 images). fill in some details on ...
user avatar
0 votes
2 answers
21 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
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
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
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
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
1 answer
57 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
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
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
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
0 votes
1 answer
100 views

What is the best form approach for a single question with 9 options?

We are in the process of creating a survey style onboarding flow and was curious if it is ok to break the rules here? I understand that once the number of choices gets over 6 or 7, it is best to use a ...
user avatar
  • 381
0 votes
1 answer
112 views

Is it a good idea to have forms in a dialog/modal lightbox?

I am working on a banking application ( banker will be the end user ) where the user is required to fill several forms across the application to add various customer details, and as per the framework ...
user avatar
0 votes
0 answers
41 views

What are some best practice specs for form validation when collecting customer information?

The question: Are there any best practices for what validation rules should be set for each customer information field on a form? I'm trying to create a spreadsheet that will specify how an author ...
user avatar
  • 1