Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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

0
votes
1answer
41 views

I am developing a food applcation for hungry and needy people please suggest me name for application [on hold]

Please suggest me names that shows application is for hungry people food.
2
votes
1answer
32 views

What would be the best way to organize a form development tool that has questions that can optionally be grouped by categories and subcategories?

I am building a form design tool for some clients to use when filling out some surveys. The form can be populated with questions which map to varying form elements (Text, Select, Checkboxes, etc) - ...
0
votes
1answer
91 views

What is the best form element for multiple number inputs? (Days, Hours, Minutes)

The user will input the Days / Hours / Minutes. Should it be 3 sliders, or 3 input fields, or something else? The design is on on desktop and tablet.
1
vote
2answers
82 views

Where to place asterisk for required fields when the user is scanning for required fields in big forms

I'm working on a form with about 30 input fields as part of a medical application. It allows the user to register patient data. 8 out of 30 fields are required, so our users are literally trying to ...
99
votes
13answers
21k views

What is better: yes / no radio, or simple checkbox?

In a very big form on my company's website, there's this tendency to use Yes / No radio buttons combination. I can think of one argument of not using it, but it is not UX related: we need to ...
1
vote
0answers
45 views

Should textbox labels be above or to the side of the textbox? [duplicate]

At a former employer, the interface guidelines strongly insisted that the labels for form elements are always above the element citing that It's more natural to follow It's easier to translate since ...
1
vote
1answer
44 views

Form fields prefilled with default values

I am designing a form where users are asked to create an administrator for their website. These following 3 fields are not obligatory to fill: email username password If the user fills them, they ...
1
vote
1answer
33 views

Should I use one form or Two?

I have two forms (below) one is a trip calculator and one a spending money calculator which are very overwhelming due to the amount of events users can calculate. There is a spending money radio on ...
3
votes
2answers
172 views

Best UX to Indicate To User That They Can Submit Multiple Times

I have a basic form template as follows: The user enters data and then saves the data. The user potentially has a number of these submissions to make. What is the best way to indicate to the user ...
1
vote
1answer
52 views

Screen with multiple list crud

I have a screen with CRUDs For example I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
1
vote
1answer
58 views

Workflow/design pattern for allowing user to add multiple fields

Context: I have a page where a user can select from multiple input sources. Within the selected source(s), they can define multiple source links. Problem The way I have currently structured it is ...
0
votes
1answer
67 views

Is Google using the password show/hide toggle icon on their login form correctly? [duplicate]

Shouldn’t the icon be the action that will happen after you click/press on it? ...similar to when a video or song is playing, the icon showing is “Pause” (future state), and when it is paused, the “...
0
votes
1answer
44 views

How to display minimum required tags information

I develop a form where I need to add multiple items for one field (multi select) and the submit button is disabled as long as all fields are not valid. This field needs to have 1 minimum tag to ...
2
votes
5answers
268 views

Is a delay between questions in a questionnaire reasonable?

I would like my users to answer several questions. They have come to my site with the intent to do this. https://www.typeform.com is a good example. Most of the questions are multiple choice. Which ...
0
votes
1answer
80 views

Material Design - label to the left of underline input field?

We use the Material Design underline text fields with floating labels in our application (see right on the picture). This works well on mobile, but for long forms on a desktop a label to the left of ...
2
votes
1answer
45 views

Implementing social sign-up to a complex registration form

I am working on a ticket to research & implement social sign-up to an already complex form. The registration form is currently 2 pages long & requires users to opt-in or out of newsletter ...
6
votes
3answers
324 views

Address Autocomplete - Shouldn't city come before street?

Most address forms in e-commerce (or anywhere) look like this: The street always comes before the city/postal code. I guess that's simply because that's what we're used to. The accepted answert to ...
1
vote
1answer
61 views

Best practice when creating new element in two dropdowns on the same form and in a modal

I am working on an app that has a side modal. When creating a new lead the side modal opens and you are facing a form that contains the elements in the image below. When you type inside the company ...
-1
votes
3answers
88 views

Telling the user what to do in specific step of the form

I have a form in steps, The user should fill the required data in each step to be able to go to the next step and this is working fine. But there is a step that some users don't know what to do in ...
0
votes
2answers
92 views

Does this type of UI need a Delete button?

This screen is part of a multi-step process. This screen, in particular, lets you add user emails by clicking on the "Add email" button. Clicking "Add email" appends a new textbox to the list. Once ...
1
vote
3answers
111 views

What should we call this drop-down alternative?

Reading this article on better form design, one of its tips is to "Show all selection options if under 6", as opposed to hiding the options in a dropdown list. See this example they provide: I've ...
1
vote
1answer
77 views

What is the best input control for setting the duration of time spanning minutes and hours?

I'm designing some interfaces for forms that will be used on a desktop webapp and I want to make it as easy as possible for users to input the data that is required of them. The input control that I'...
1
vote
1answer
51 views

When to merge data in a form?

I’m wondering how to make UX better in such a case There is CRM, as a user of this CRM, I can create a customer with fields phone, email, name, address. Sometimes it’s possible when a customer with ...
0
votes
0answers
37 views

Is there a standard way to title (describe) individual time zones in an interface for non-technical users?

This comes up over and over and seems like one of the things that every design should have a standard response to. In the case of non-technical users (regular people, not programmers or anybody that ...
1
vote
1answer
45 views

Does it make a difference in accessibility to show a success message in the same page a form was submitted?

Does it make a difference in screen reader accessibility to show a success message in the same page a form was submitted? Or is it better to redirect to a different page?
1
vote
3answers
60 views

Term for helpful information in a form

I'm writing up a proposal and got stumped on the description for this element: The informative text (in pink) underneath a field is there to provide a reason for the required data, therefore ...
1
vote
1answer
120 views

How to best combine browser and custom autocomplete functionalities?

When creating address forms, it is a common practice to provide autocomplete functionality for city and street names loaded from some external API. How to best combine this with built-in browser ...
0
votes
3answers
200 views

Best Practice for Form Layout - UI

I'm building out a form at the top of page, where we are collecting 3 pieces of information. Would it be best to display this one line at a time or show all at once? Scenario 1: - The first form ...
1
vote
1answer
62 views

Orientation of checkboxes and their labels in a form

I have a form that has a combination of text fields, checkboxes, drop downs etc. Generally, UX fundamentals dictate we do this. This works well when text/drop down fields outnumber checkboxes But, ...
1
vote
0answers
60 views

What are the best practices, or guidelines, to having a web form auto-save and manually save?

There are many ways in which a web form is made to auto-save and manually save; I'm wondering what would be the best practices to do so. Form is a web application form, and I want to save user values ...
-1
votes
1answer
64 views

need recomendation for form that has 300 fields [closed]

if you have 300 fields to complete in your application form. Do you prefer do it online (fill in the website(e-form), of course with save draft feature so you can come back later) or you just download ...
2
votes
1answer
75 views

When to remove labels for data elements?

Removing labels seems to offer a trade off between clarity and concision. For editable forms, labels are necessary, but when can we forgo them when displaying that data back to an end user? For ...
0
votes
1answer
37 views

Is all user input in a website app considered a form?

We have a complex web app with graphs and panes. Some of the information is entered in popups, while other information is in fields that can appear in cards, tables, and separate fields. Some of the ...
2
votes
1answer
60 views

Navigation order for cancel and save buttons

I'm currently defining the order of tab navigation for a form. At the bottom of the form there are two buttons, "Cancel" and "Save". Following the tab order from left to right, the first button to ...
0
votes
2answers
56 views

Personal information or generated information

Dear community, I am creating a appointment process for a rental process. Currently I am evaluating whether to show the user their First- + Lastname + E-Mail in step (3) that they have entered in ...
2
votes
3answers
81 views

Do International/Non US Based Users Automatically know/type their county code when filling out phone number forms

I am designing a phone number field for an international audience. Initially I separated the country code with the ability to select ones country from a dropdown. Once a country flag was selected, the ...
2
votes
1answer
75 views

What are the design considerations for showing timers in forms?

By timers, I mean a ticking countdown clock for time sensitive tasks, such as holding a reservation spot. Essentially "You have 3:00 minutes to complete your registration". I've seen Eventbrite ...
0
votes
5answers
259 views

How to design a multi-step form in a modal?

I have designed a widget for a Web mapping aplication that takes a .csv containing coordinates as input and has 2 output options : Business logic : Both output options require a .csv to be loaded ...
0
votes
1answer
44 views

How to guide users create multi-level categories but create items only at deepest level?

looking for an easy and usable solution for the following scenario. Users must be able to create their own multi-level Country Groups to be used as checkbox-tree filters later on in an application. ...
0
votes
2answers
335 views

Address Form - Best Practice

In my application, I have a web-form for creating a "New Company" object. Each Company has a name and an Address field. The address field should (but not have to) be composed from these fields: - ...
0
votes
1answer
53 views

How to prevent users from circumventing a form?

I have a multi step form which starts with a question. If the user says No, they are taken to a screen instructing them to call in (since the system cannot process No answers). If the users say Yes, ...
5
votes
2answers
124 views

In a survey, will the color of the thumbs for choices bias the responses?

Many companies add satisfaction surveys to their emails and thank you pages. In the case of a thumbs up/thumbs down survey, is it smart to use color to increase the amount of responses? I see two ...
2
votes
1answer
103 views

Better approach to fill in the details in a form?

There are two UX patterns that I have noticed in many applications when it comes to filling in details. Creating a new entity or editing an existing one through the sliding panel Opening a new page ...
2
votes
1answer
104 views

How do you display pending changes in a form?

I'm currently building a simple web frontend that allows the people from the management department to directly make some changes to our user accounts in active directory. Changes they can do directly ...
0
votes
2answers
163 views

Empty field. Error message or just highlight?

Which way would be better to add an error massage to the required empty field or it could be just highlighted?
0
votes
1answer
27 views

Comments section in form fields arrangement

Just wondering if there is a best practice for when a comments section ( a larger text field) is to be included amidst a bunch of regular size text fields in case of a non-modal situation. An example ...
1
vote
2answers
193 views

How should regular black text change to show that it has become editable?

I am building an app to be used on Android phones. The main purpose of the app is to display information, in the format of a form, to the user. Several fields of the form are to be manually filled in ...
0
votes
2answers
43 views

Alternate hidden form for screen readers

When redesigning our customer-facing form which contains different kinds of questions - text, currency, selects, radio buttons and checkboxes - the design team did not put any consideration in ...
3
votes
3answers
131 views

Self-updating form without submit button causes confusion

I've made a form that, when a form element changes, a search query is fired and the result is displayed by animating the big number in the middle. For one reason the number doesn't always change, and ...
2
votes
2answers
278 views

Mobile forms - Where to put the save and cancel buttons?

We are making a responsive website. There is a form on the site and I am not sure what type of save and cancel buttons to use where. I have found several patterns as you can see in the picture with ...