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
0answers
41 views

Best examples of sites that guide users through longer forms, especially with hierarchy? [closed]

I'm wondering if anyone has any examples of a website you really like that does a great job at guiding a user through a form with different types of input fields, ideally without clicking out of the ...
3
votes
2answers
48 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 ...
0
votes
1answer
67 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 ...
0
votes
0answers
31 views

Prefer Lists or Edit Icon when using read only mode for forms in 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? Using lists make it look completely different from the edit mode with ...
1
vote
1answer
46 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 ...
0
votes
0answers
22 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
43 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" ...
0
votes
1answer
43 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 ...
3
votes
1answer
723 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 ...
0
votes
1answer
49 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 ...
0
votes
0answers
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 ...
1
vote
2answers
71 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 ...
1
vote
1answer
69 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 ...
0
votes
1answer
37 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 ...
20
votes
8answers
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 ...
1
vote
0answers
66 views

Should all options appear on a view screen?

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 ...
2
votes
4answers
180 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 ...
3
votes
1answer
111 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 ...
0
votes
1answer
75 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 ...
1
vote
0answers
33 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?
0
votes
1answer
96 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
2answers
130 views

Phone number input with country code

I'm really struggling with a phone input field for a form similar to an emergency contact form. International numbers are unlikely but possible inputs. Due to timelines and system limitations, we can'...
0
votes
1answer
70 views

Should I use alert box or just helper?

I have a case, related to inquiring a sequence of number. User can look up to that number and processed that into another task. But not all number can be inquired in this system (due to some rules). I ...
0
votes
0answers
34 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 ...
1
vote
1answer
75 views

How to handle multiple levels of advanced/optional inputs in form

I am designing a form to give music recommendations based on many possible inputs. Only 1 input is required (artists/song) and 15 are optional (mood, danceability, tempo, etc). I'm designing mobile ...
1
vote
3answers
142 views

Delete confirmation for items within a modal

I have a modal that contains a table of items. Each item is in a row and a user should be able to edit/delete each item. When deleting an item, there needs to be a confirmation dialog asking the user ...
0
votes
1answer
39 views

Sending the same email to multiple users

A feature in our application allows us to send emails from the application itself. Currently, the UI is nothing complex, it's just a form with a "to", "subject" fields, and a body. ...
2
votes
1answer
131 views

Should action buttons within an entry page be identical or different?

I am designing an entry screen and there's a few action buttons at the bottom of the page. Should they be identical for consistency or different since they trigger different actions? Behaviour: This ...
0
votes
0answers
36 views

Should keyboard navigation be enabled for field option/helper buttons in a form?

Some fields in a form have additional options buttons. A common example is rich-text editors (like the one I'm using right now) have many buttons associated with them that control formatting (e.g. ...
1
vote
1answer
107 views

Should user simply be able to upload a PDF?

I'm working on an application where a user can submit an important document that contains information we need from them. The information contains details such as - event name, event location, duration,...
11
votes
3answers
2k views

Textbox with an unknown value

I have a textbox where the user can enter a number. In the past, an empty value would indicate that they didn't know the value. Now, the client wants to add an extra step where the user needs to ...
1
vote
0answers
41 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 ...
2
votes
2answers
85 views

How to inform the user that some data will change value after they hit 'Save' button?

I am designing an accounting page where user can: Select item they bought and add the quantity Then system will auto-populate other fields of the item such as item code and amount User click 'Save ...
1
vote
1answer
42 views

Success feedback for debounce updates

When creating a form that updates automatically after a short debounce time (thus without a save button), is it best to provide a visual feedback if the update was saved successfully and in case of an ...
2
votes
1answer
62 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 ...
0
votes
3answers
122 views

Creating a form that serves two wildly different customer types

I'm creating a form that needs to serve for two customer types. The first customer type is inexperienced recruiters who need guidance on how to write good job descriptions. The second customer type ...
15
votes
8answers
3k views

What's a better way to enable a feature – checkbox or dropdown?

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
2
votes
1answer
62 views

Help on separating terms in autosuggestion [duplicate]

I was working on a solution where we introduce an autosuggestion component to our users so we can enable them to fill the required information in a better way. This list use more than 1000 words in ...
5
votes
3answers
2k views

"Did you mean" search results

Problem: This UI allows the user to add names of people (with matching User IDs). The problem is that, there has been many instances where users accidentally add people that already exist, resulting ...
2
votes
2answers
44 views

Delete value in a modal

I have a page that contains a section that has a button for the user to assign a contact. This button will bring up a modal that has a field where the user can input the contact's name. Adding a ...
0
votes
1answer
65 views

How would you build a popup form for creating a group of users?

For now I came out with this design/approach: 2 lists, one near another, with checkboxes on the users selection side and crosses(for quick removal) on the new building group. I tried to search ...
1
vote
2answers
72 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 ...
9
votes
2answers
264 views

Best way to ask for "This Or That Or Both" on a Form

I have a page where the user can search for customer details based on multiple criteria, as shown in the screenshot below. Here First Name and Last Name are mandatory. But the user is expected to ...
2
votes
3answers
102 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
2answers
130 views

Is it OK for a form element to shift when a related error message appears? [duplicate]

When designing a form, should I design with enough space between the elements for potential errors? So that when displaying error messages, the form elements below the error message do not shift, ...
7
votes
2answers
165 views

What is the best way to orient or show the user off-screen required fields that need to be filled out?

What is the most effective way to direct the user to unfilled "required" form fields that are off screen after pressing submit or save on a form? I've seen methods that I'll list below, ...
2
votes
1answer
68 views

Is it OK to break with a design system in certain cases?

I am designing a lengthy questionairre (36 questions). Per our design system, I am supposed to use a modal popup (because it will make production faster). I think that I should break with the design ...
0
votes
1answer
89 views

Best method of asking for street / flat number for an international address

I'm struggling to think of an appropriate label for a specific field in an address form fieldset. We have a service that is used by both local and international customers that asks for their home ...
8
votes
1answer
897 views

Does displaying fields only after selection reduce conversion?

I'm designing a checkout flow, and it needs to ask the user for registration fields at 3 different times (this is necessary by the rule of the third party we are using). I know that this many fields ...
0
votes
1answer
46 views

Mandatory & Non-Mandatory

I have two radio options, and one password field. Yes is checked, password below is mandatory and can be entered. No is checked , password field is disabled and can not be edited. Question is, should ...

1
2 3 4 5
54