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
328 views

Is there a best practice for redirecting users in a web application during an interaction?

To be more clear, my scenario is something like this: User interacts with a dynamic form that might or not create a new record on the system. When this record is created, I want to give the user the ...
user avatar
1 vote
0 answers
269 views

Best UX for Tree Input

I have made a UI for creating recursive groups that can be made up of many items or other groups. I have a UI that looks like the following: It is not more likely one way or the other that the tree ...
user avatar
  • 197
1 vote
1 answer
775 views

What is a good approach for warning user on leaving a modal or side flyout panel with unsaved changes?

The user is editing a form element on the RHS flyout panel and the editing is not completed. In the middle of the process, the user decides to undertake the following actions: Click outside the ...
user avatar
1 vote
1 answer
110 views

What is the benefit of having country and state dropdown fields rather than using text inputs?

I am currently designing a form for my company to handle a payment intent for licensing the commercial use of our products. During my research on how we would present a proper and easy form to the ...
user avatar
26 votes
6 answers
2k views

Form layout with fields which are sometimes input and sometimes output

I'm designing the UI for a desktop application. In one of the windows certain interdependent properties of an object are listed. I want the user to be able to choose which properties are to be used as ...
user avatar
  • 363
2 votes
1 answer
97 views

How to design a form with many options?

So here is the stuff that is needed on the form: Name (short text) Description (longer text) Choose an option (basically a radio button, might be 10-100 options. The. options are presented on a small ...
user avatar
0 votes
3 answers
651 views

Multi Select Drop down, overlay with CTA buttons

Have a multi-select dropdown - which on expand is overlaying the CTA buttons on the form. I have to click elsewhere for the dropdown to close, (since it a multi-select dropdown the general behavior of ...
user avatar
  • 1
0 votes
1 answer
65 views

Include ANY, ALL, or NOT options with tag searches

I have a website where people can organize their documents using tags. Tags might include Work, Games, ToDo, ForKids, Pictures, Cooking, Knitting, Crochet, Beginner, etc. Users can currently search ...
user avatar
0 votes
3 answers
68 views

Implementation of setting multiple values/objects as valid/invalid

I have some kind of modal where I need to show dates (each one is representing an object). Every date can be set as valid or invalid. I'm wondering how the UI should look like. I'm thinking about two ...
user avatar
4 votes
1 answer
133 views

Common input boxes to register and login with separate buttons

While working on the registration/login page for my mobile app, I came up with the idea of combining the two into one. On clicking register, users will be taken to a new page to fill rest of the ...
user avatar
0 votes
2 answers
125 views

Can a heading be a substitute for labels?

Chrome's Lighthouse keeps on reporting "Form elements do not have associated labels", which web.dev gives more information on: Labels ensure that form controls are announced properly by assistive ...
user avatar
  • 607
0 votes
1 answer
470 views

How many input fields in one row of a form?

I’m currently designing a template for forms on a governmental website. This kind of template can contain lots of input fields so I don’t want the user to scroll a lot. Also, the forms are in a slide-...
user avatar
0 votes
1 answer
71 views

Should empty optional field displayed in form overview before submitting?

FORM FIELDS Required fields: name, address, etc. Two optional fields: overtime hours and remarks. FLOW Fill in the form Click Review Form Form changes to review mode (no input fields, only a ...
user avatar
  • 613
3 votes
2 answers
64 views

Requesting break down data for an amount or number

I am developing a page that allows managers to select teams and individuals needed for a project. When selecting a team, each employee within that team is shown with their known skills. Once an ...
user avatar
  • 133
1 vote
1 answer
81 views

How to display 'No option available' in dropdown menu because option is not yet registered?

Context: A student registration form with 10 fields, where 4 is dropdown. Dropdown option for example; university is empty unless you register the university first in the university registration ...
user avatar
  • 613
0 votes
1 answer
81 views

Form: How to make multiple search paths clear in the UI?

Background info: I am working on a healthcare application for acute care. In this application you can request personal data from the national government if you met the following criteria: 1) If you ...
user avatar
  • 81
3 votes
2 answers
110 views

Providing alternate way to input information

I am designing a complex application about animals which requires a lot of user input. I'm wondering how best to approach a particular scenario where a user can input a name however sometimes (and ...
user avatar
37 votes
6 answers
8k views

Is it wrong to cover a form with the "Saving..." notification?

Some forms could take a while to save (internet speed, slow data validation...) and there is the need to show that the system is saving the data while locking the form from further edits. Is there a ...
user avatar
2 votes
1 answer
124 views

Size of text fields in a form

I know that the size of text fields should be based on the expected which user will type but what if in web there are dropdowns (which are along with text field in a form) requires more space and ...
user avatar
2 votes
2 answers
171 views

How to ask for user's birth date with OAuth?

I'm developing a site that requires a user's birthday (both to validate they are over 18 and for use by other users). Asking for a birthday with an email registration form is trivial. Simply just add ...
user avatar
21 votes
6 answers
5k views

Should submit button be always visible or displayed after filling all required fields?

I am designing a long form in which all fields are mandatory and form cannot be broken down into steps should submit button be fixed at bottom keeping rest of the form scrollable or the button should ...
user avatar
1 vote
1 answer
78 views

Multiple photo upload zone e.g. before photos and after photos

I am working on an app that lets users fill in a report of the job they have been given. These reports are generally of physical assets. e.g. a fish tank. In the report, the user has to show proof ...
user avatar
  • 11
3 votes
1 answer
727 views

When designing a 2 column form, should the logical order of fields flow vertically or left to right

I'm building a business system that has several screens with more than 20 fields. In order to improve the experience I have broken the form into multiple sections and used 2 column layouts. Should I ...
user avatar
  • 31
2 votes
3 answers
759 views

How can I communicate that at least one filter is required?

I have a form for a search filter. In this search filter, however, I have two inputs for the "main bulk" of the search, and afterwards I have other filters for fine-tuning the query. My problem comes ...
user avatar
  • 23
1 vote
2 answers
169 views

Web UI for choosing variable or entering constant value

I'm working on a form where each field can be filled either with variable from list (that can be pretty large) or constant from user input. For example, I received from backend list of variables: ...
user avatar
  • 11
0 votes
1 answer
58 views

Forgot name of tool for theoretical measure of form interactions

A few years ago I used a tool that could theoretically measure the time to complete a form. The way it works is that you click on e.g. a screenshot, and mark what is a label, what is an input field, ...
user avatar
2 votes
2 answers
760 views

Side drawer in a web app

I am wondering what are the use cases of a side drawer in a web app and what could be alternate solutions. To be more specific, I have a form inside the drawer that opens from the right side when the ...
user avatar
  • 123
0 votes
1 answer
217 views

How important is "autofill" for user experience?

Well I've got the obvious user-form. (Name, address etc). I notice that google can autofill such a form, which is quite handy. However I also notice that in our case autofill isn't working. nothing ...
user avatar
  • 207
3 votes
4 answers
3k views

Input placeholder: suggestion or example?

How input placeholders should be used? Should examples be used or is it better to use suggestions? Many times the field label is not sufficient to describe the type of data. I think sometimes the ...
user avatar
  • 1,564
1 vote
2 answers
104 views

Showing name field in header and in edit

I have a small query regarding this design The right panel shows details of the left panel and the Header title of panel is same as that in field. Is it okay from UX point of view?
user avatar
1 vote
1 answer
321 views

Label bold & input normal vs. Label normal & input bold

This is a wireframe of an example of a future company styleguide. The styleguide says: option B (label normal, input bold), focus on the content in the textboxes. I have never seen anything like this. ...
user avatar
1 vote
1 answer
42 views

Communicating variable pricing in a form field?

Scenario I own a car rental shop and am setting up a fee schedule for when customers bring back a vehicle with signs of damage. Some damage has a defined price ie. a rear view mirror. Some damage is ...
user avatar
4 votes
1 answer
110 views

How to present fields where user enters a ratio (particularly for screen reader users)

Our team has been working on a new web app and one of the sections requires admin users to enter a ratio (for example 1:2 or 1.5:20 etc). I'm unsure of the best way to present the fields to all ...
user avatar
1 vote
1 answer
41 views

Appropriate labels for multiple times entry fields

I am working on an app where the user can book a service and can select upto 3 occurrence of that service per day. This means the user needs to be prompted to enter three distinct times of the day. I ...
user avatar
  • 113
2 votes
1 answer
106 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" ...
user avatar
  • 21
1 vote
1 answer
147 views

How to indicate a single required field in a big form?

Foreword: this form is a UX nightmare in itself. My task is not to make it better, just to show a required field. I have a form in which the user can add multiple lines to a dynamically added group ...
user avatar
1 vote
3 answers
105 views

Recommended approach for form errors

I am in a bit of confused state in terms of how to design flows for forms. Let's consider a scenario I have a form with fifteen fields(it is pretty normal in my application). All these fields have ...
user avatar
0 votes
1 answer
156 views

Should I ask the user for their company name or email address as an additional source of validation?

During the signup flow of our service, we ask the user for their phone number and primary email address. We don't show those in their user profile. User can call each other only after they have ...
user avatar
  • 1
3 votes
1 answer
66 views

Using multi-level numbering in a form

I have a long form that I am designing with approximately 30 fields. The form is divided into 3 expand/collapsible sections. I would like to know what the community here thinks about using multi-level ...
user avatar
0 votes
1 answer
190 views

Empty / missing value in input fields - textbox, etc (best practice)

I'm working on a client application with a lot of different forms displaying a data retrieve from the server or from other source. In some occasions some parts of the data is missing or was failed ...
user avatar
0 votes
1 answer
47 views

How i can do more beautification of display screen where label and values are there [closed]

Hello i need some help to beautification of example for below screenshot. I try searching in but not getting good example. Any help ? how to make more beautify and standardised I have design this ...
user avatar
1 vote
1 answer
162 views

What is the best way to show 7 small questions in a single screen?

I'm working on a questionnaire which got 7 different questions with 2 types of an answer for each one, regular workdays and weekend. Here's the screen: My question is how do I design the screen more ...
user avatar
2 votes
1 answer
73 views

Form: Best way to add multiple items from an autocomplete search, then add attributes to each one

I have a request to modify this form to allow our customer service folks to specify the dosage (e.g. 1 scoop) and frequency (e.g. once a day) of selected products. I'd like to keep the form as ...
user avatar
2 votes
3 answers
219 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 ...
user avatar
1 vote
3 answers
182 views

How best to arrange a group of 6 numerical input fields, one text field, and 3 radio buttons?

I have a GUI form with multiple group boxes. One of the group box has 6 numerical input fields each with an average input length of 3 or 4 digits, one text field with an average input length of around ...
user avatar
2 votes
2 answers
273 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 ...
user avatar
  • 121
4 votes
6 answers
973 views

Best way to deal with multiple choice checkbox UX?

I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing) I've got a site that acts ...
user avatar
1 vote
1 answer
91 views

Fetch some data when user enters some other data

I have a popup dialog like this: Red and green sections are editable but the blue one is read-only Blue section content is fetched from the IP and port previously entered by user Green section is ...
user avatar
0 votes
2 answers
527 views

Form alignment left side to right side

I am very new to UX and I find my form to be sloppy. Is it an alignment problem? Should I align the text on the right side with the text in the left side of the form? For example: should I align " ...
user avatar
  • 1
2 votes
4 answers
1k views

"Click here if you are not redirected automatically"

After the users have filled in a form, they hit submit. There are a lot of things happening behind the scenes the users won't see, so we send them to a page that says: Click here if you are not ...
user avatar
  • 461

1
3 4
5
6 7
55