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
0 votes
2 answers
36 views

Is there a best practice or best way to design form navigation?

I'm creating a KYC form, and the question of navigation arose. I am unclear on what standards exist to make navigation like this easy and non-intrusive. I have come up with two options. Which might be ...
0 votes
1 answer
62 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 "...
1 vote
2 answers
322 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,...
0 votes
1 answer
68 views

Does anyone know what this component is called?

I'm trying to find what this particular list/picker unit is called as I'm researching the best way to allow a user to select from hundreds of options in various categories. The user will be able to ...
0 votes
1 answer
37 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 ...
3 votes
1 answer
117 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 ...
3 votes
2 answers
130 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
1 answer
105 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. ...
0 votes
2 answers
93 views

Checklist and radio button alternative

What is the best way to display this information? Overview I am in the process of creating an application form for a Scottish college. We have 8-9 accessibility statements for applicants to select in ...
0 votes
3 answers
66 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 ...
1 vote
2 answers
106 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
1 answer
64 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
1 answer
114 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
2 answers
214 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
2 answers
964 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
2 answers
107 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 ...
1 vote
2 answers
58 views

How would you design a UI for a form with selecting scheduled?

Sorry for the title, but I am a little bit exhausted here and I am not even sure if this is the right place to ask for help. I am making a Windows Desktop Application (C# WPF), it is the same as POS ...
0 votes
1 answer
112 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
1 answer
77 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
1 answer
138 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 ...
1 vote
1 answer
73 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
49 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 ...
3 votes
1 answer
273 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 ...
2 votes
1 answer
91 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 ...
2 votes
2 answers
108 views

Best UX for blocking users from using a form twice

I'm designing an application experience and looking for the best UX practices. Here's the scenario: User submits the form and gets their results immediately on the next screen + emailed to them. ...
2 votes
1 answer
60 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 ...
1 vote
5 answers
90 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 ...
2 votes
1 answer
80 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
132 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
170 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
240 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
174 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
2 answers
45 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
46 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
14 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 ...
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
131 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 ...
0 votes
2 answers
77 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
271 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
233 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
85 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
187 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
22 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 ...

1
2 3 4 5
56