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

Filter by
Sorted by
Tagged with
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
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
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
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
1 vote
2 answers
252 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'...
user avatar
0 votes
1 answer
73 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 ...
user avatar
  • 67
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
1 vote
1 answer
90 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 ...
user avatar
1 vote
2 answers
265 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 ...
user avatar
  • 1,042
0 votes
1 answer
48 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. ...
user avatar
  • 1,042
2 votes
1 answer
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 ...
user avatar
  • 613
0 votes
0 answers
37 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. ...
user avatar
1 vote
1 answer
113 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,...
user avatar
  • 1,042
11 votes
3 answers
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 ...
user avatar
  • 433
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
2 answers
88 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 ...
user avatar
  • 613
1 vote
1 answer
49 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 ...
user avatar
  • 113
0 votes
2 answers
90 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 ...
user avatar
  • 1
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
0 votes
3 answers
123 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 ...
user avatar
15 votes
8 answers
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 ...
user avatar
  • 1,661
2 votes
1 answer
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 ...
user avatar
  • 131
5 votes
3 answers
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 ...
user avatar
  • 1,042
2 votes
2 answers
60 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 ...
user avatar
  • 1,042
0 votes
1 answer
72 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 ...
user avatar
  • 101
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
9 votes
2 answers
281 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 ...
user avatar
  • 93
2 votes
4 answers
201 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 ...
user avatar
  • 133
1 vote
2 answers
335 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, ...
user avatar
  • 15
7 votes
2 answers
181 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, ...
user avatar
  • 103
2 votes
1 answer
73 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 ...
user avatar
0 votes
1 answer
169 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 ...
user avatar
8 votes
1 answer
898 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 ...
user avatar
0 votes
1 answer
48 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 ...
user avatar
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
2 votes
3 answers
342 views

Single or multiple form field(s)

Consider an application where a user can make a list of people to meet during the day, and share that with a colleague/secretary/etc. It is something between a todo list and an actual calendar. So ...
user avatar
  • 601
1 vote
2 answers
197 views

One label for multiple fields?

I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
user avatar
  • 382
0 votes
2 answers
38 views

how to introduce control in a process divided into different screens / sections?

We need to introduce some control in a very extensive process that is completed in different days. Today these processes are divided into different sections / modules. Each section is a screen on a ...
user avatar
2 votes
1 answer
52 views

How to display a Read only ID Field on a Form? [duplicate]

I was faced with the doubt as to the correct way to show an ID on a form. It will be a Read only field so the user can't edit or change the Id value. So should I display this read only value in a ...
user avatar
0 votes
2 answers
152 views

How to handle blocking UI elements while waiting for server response

Lately I've been using React + Formik to create great user experiences. I've a question about blocking the UI when the XHR is still processing. Imagine a register form with only a sign up button. As ...
user avatar
  • 103
4 votes
2 answers
2k views

Should a blank option always be included in <select> inputs?

For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown: <select required> <option value="&...
user avatar
  • 143
2 votes
4 answers
272 views

Button position depending on situation or always in the same position?

I have two situations: A page with a table. The table can be short or long depending on user preference (items per page). A page with a form. The form can be short or very long depending on some ...
user avatar
  • 129
1 vote
1 answer
44 views

When should the valid visual cue be shown to the user on a pre-filled form field?

It makes sense to show a valid visual cue (eg: green border, green check, etc) when a user is filling a form field and the data is considered valid. What if the user opened the form with pre-filled ...
user avatar
  • 121
1 vote
1 answer
67 views

Should I show all options from a "single-choice question" in a read only form?

My team and I are working on many forms for a B2B app. We have a lot of questions and we wonder how to display our read only forms. Today, our problem is focused on "single-choice question". ...
user avatar
0 votes
1 answer
33 views

Asking the user's goal in the Signup or first time Sign in?

I want to qualify users in a SaaS product and understand how to bucket these users into use cases. Still, I wonder what's the best moment to add this question and reducing onboarding friction. Is the ...
user avatar
  • 101
0 votes
1 answer
85 views

Repeat password field necessary in a signup page? [duplicate]

Possible Duplicate: Why should we ask the password twice during registration? When designing a new and simplified signup page I got into an argument with a colleague about the necessity of the "...
user avatar
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
1 answer
41 views

How to design a form for accessibility using ARIA? [closed]

I'm redesigning an application form and want to make sure it is as accessible as possible. I'm not an expert in accessibility by any means, but I am trying to mark up the design for developers to code....
user avatar
  • 13
1 vote
1 answer
54 views

How to deal with unicode within a form?

I never thought about it before, but by having to validate a user's description (on both sides), I've faced a problem. My users can write a short description about them, really short. In fact, the ...
user avatar
  • 11
1 vote
2 answers
133 views

Is there a standard keyboard only method of removing focus from all HTML form inputs?

When navigating an HTML form using Tab, a properly designed form will allow that all interactive elements are accessible and focusable, but how does one break out of the focus using the keyboard? ...
user avatar

1
2
3 4 5
55