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
389
votes
23answers
156k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
0
votes
2answers
48 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 ...
1
vote
2answers
351 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
4answers
351 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 ...
2
votes
4answers
138 views

Validate an email while this in the input field - when do you start?

I just signed up for a new online service, and when I typed my email address, from the moment I started typing until I had typed the second letter after of the TLD, next to the input field there was ...
0
votes
1answer
58 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 ...
82
votes
10answers
155k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi-select list. Our options are: List of checkboxes Listview (select box but allowing multi-select) Both seem to be a bit ugly and unwieldy when the ...
1
vote
2answers
52 views

What is the best practise for a Search button state - should we always keep search button active or make it active after user inputs?

I have seen that in some sites they always keep " Search Button" in active / enabled state even if input fields are empty. Is it a correct way or should we make it enable only when user selects / ...
2
votes
2answers
242 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
2answers
142 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
2answers
81 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
1answer
66 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 ...
2
votes
2answers
178 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. ...
0
votes
1answer
62 views

Quantity Selector on Product Pages

I'm looking to add the option to select quantity on the product page for desktop and mobile. I'd like to incorporate it into the cta, but we already have 'add to wishlist' next to the cta. Any ...
1
vote
2answers
158 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
1answer
76 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 ...
3
votes
1answer
135 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 ...
1
vote
1answer
230 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 ...
0
votes
1answer
45 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 ...
3
votes
3answers
229 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 ...
1
vote
1answer
167 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, ...
0
votes
1answer
88 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 ...
4
votes
1answer
122 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 ...
1
vote
1answer
56 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 ...
0
votes
0answers
41 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 ...
1
vote
2answers
248 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,...
3
votes
1answer
108 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 ...
0
votes
1answer
91 views

Exceptions to Enter event in forms

I notice that a lot of modern UI components, specifically chip input fields allow a user to hit enter which adds a new chip. Google’s material framework also has an enter event for adding new chips. ...
1
vote
3answers
106 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: ...
1
vote
1answer
48 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 ...
1
vote
2answers
80 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 ...
0
votes
1answer
55 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 ...
0
votes
1answer
96 views

Essential information for multiple forms

Let's use configuring a router as an example. To have the basic setup, the user needs to fill some info from multiple sections/ forms. What option provides the best UX, to display an additional form ...
0
votes
2answers
208 views

Accept either a day, a month or a year from the user

On my website, users can provide a source to a blog post. This source is dated. I'd like my users to provide either, a day (format is dd/mm/yyyy), a month (format is mm/yyyy), a year (format could be ...
2
votes
2answers
823 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 ...
1
vote
1answer
367 views

Custom select component with filtering

Custom select components are seen everywhere these days due to the limitations of the native HTML select element. Ignoring the virtues (or lack thereof) of select components (c.f. https://gerireid.com/...
0
votes
1answer
101 views

Different ways of entry points in a form or one way?

So I am trying to digitalise a business form for my client. I will quickly explain the workflow: User fills a form which has: shipping address payer address billing address. 2.They create a new ...
0
votes
1answer
63 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
1
vote
1answer
109 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 ...
21
votes
5answers
4k views

Text Field Validation vs Prevention

I've been having a debate (mostly with myself) over the best approach to deal with invalid input in text fields -- validation versus prevention. Taking a numeric text field as an example, is it ...
1
vote
1answer
89 views

Good example of a multi-column form

What is a good example(s) of such form? I know that the general rule is to stick to the single-column pattern, but in my opinion many of such "rules" comes from people working on relatively simple ...
3
votes
2answers
87 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 ...
21
votes
7answers
14k views

"Sign Up" vs "Create an Account"

Which pick is better for a service? Especially if I would like the website to resemble American style. Gmail and Dropbox say: "Sign In or create an account" Yahoo says: "Sign In. New here? Sign Up"....
3
votes
1answer
243 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 ...
0
votes
1answer
70 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 ...
1
vote
1answer
48 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 ...
2
votes
1answer
90 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" ...
0
votes
0answers
23 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, ...
2
votes
1answer
240 views

Is it a good user experience to prevent user from deselecting an item from a dropdown if it is required in a form?

Before I ask my question, I feel like I need to provide some context. The application that I'm working with has a form for executing queries. This form has the following components: inputs and ...
1
vote
2answers
107 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 ...

1
2 3 4 5
55