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
1 answer
117 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" ...
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 ...
3 votes
3 answers
2k views

Conditional forms and disabling input fields?

I'm working on some forms that I see as complex. Step 1: 3 radio buttons (a, b, c) Step 2: 2 radio buttons (yes, no) Step 3: input fields, amount varies based on the combination of step 1 & step 2 ...
1 vote
2 answers
77 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 ...
2 votes
1 answer
76 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 ...
1 vote
2 answers
129 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 ...
4 votes
1 answer
161 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 ...
2 votes
3 answers
230 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 ...
1 vote
2 answers
172 views

Designing form inputs that need approval by a second user

I have the following scenario - in my web application, a user can update a form. But before the updated form can go live, a second user approves or rejects each change. As a default, each change is ...
26 votes
7 answers
25k views

Single page or multi-page forms?

Would it be better to have one long form, and let the user scroll down the page, or split the form into 2 or more pages? Usability wise, one disadvantage I can think of for having multiple pages, is ...
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 ...
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 ...
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 "...
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 ...
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 ...
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, ...
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 ...
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 ...
24 votes
2 answers
25k views

When should I use AJAX to submit forms VS regular page submit

Edit: in addition to the earlier edits below about points being moot if you're doing an SPA, this entire question becomes essentially moot with the use of progressive enhancement SSR frameworks like ...
0 votes
1 answer
129 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 ...
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 ...
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 ...
5 votes
2 answers
265 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 ...
2 votes
2 answers
215 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. ...
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 ...
4 votes
2 answers
175 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 ...
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 ...
41 votes
6 answers
6k views

Should a user be logged in after resetting their password?

Lets assume following flow: I want to log in I don't remember password I click on the "forgot my password" link (email is dispatched) I check my inbox and click on the link I type in a new password ...
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 ...
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 ...
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 ...
167 votes
18 answers
218k views

Why is it impossible to deselect HTML "radio" inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does ...
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 ...
4 votes
3 answers
360 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 ...
1 vote
2 answers
94 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 ...
2 votes
1 answer
2k views

Wizard pattern vs. Accordion pattern in a long form

Wizard pattern (multi-step) vs. Accordion pattern in a single long form? Q1. What is the best pattern to chose for the following scenario Scenario In an Admin console, Admin have to create an ...
1 vote
2 answers
73 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 ...
1 vote
2 answers
367 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 ...
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 ...
71 votes
9 answers
20k views

Does a form with continuous save need a "Save" button?

I am designing a web-app with a lot of forms and i was wondering how to improve the filling. The classical pattern is : fill, fill, fill, Save Have you experimented a form which auto-save each field ...
135 votes
8 answers
25k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. However,...
2 votes
2 answers
278 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 ...
1 vote
2 answers
182 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 ...
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 ...
0 votes
2 answers
88 views

Making a form with excluding fields to search for flights (iOS app)

I am currently facing a UX situation which I'm not sure how to solve. I have a place on my app where I can search for flights inputting either the Airline, Departure and Destination airports, or the ...
1 vote
2 answers
172 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 ...
2 votes
1 answer
93 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 ...
4 votes
1 answer
213 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 ...
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 ...
1 vote
1 answer
269 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 ...

1
2 3 4 5
55