Forms are generally used to retrieve data from user input such as text, selected radio buttons, selected checkboxes and actions like pushing a button

learn more… | top users | synonyms (1)

2
votes
2answers
60 views

Notify the user that all form fields are required

I've been using React for a while now for creating forms, and for some reasons I cannot do some inline validations because I'm not yet that experienced on self-created inline validations and I'm also ...
0
votes
1answer
19 views

Group/split form based on user role and button placement

Like the title say... Say there are 4 different role of user (Warehouse Staff, Sales Staff, Purchasing Staff, Managers) that need to edit an [Item]. And the fields in [Item] form that can be filled ...
1
vote
2answers
110 views

Best Practice of radiobutton alternatives

Ok I need to add a new filter option to my page. The first option to choose are steps (6 steps in total) and the second one is the desired status of the steps (Success, Warning, Info, Error). You ...
2
votes
0answers
85 views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
11
votes
4answers
1k views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team observed users missing the tabs and only noticing them when we ...
0
votes
2answers
60 views

Is asking the “I certify that information submitted is true?” question worthwhile?

I recently watched a documentary on Netflix called (Dis)Honesty – The Truth About Lies. In it, there was an example about how simply reminding the user about attesting to submitting honest ...
3
votes
1answer
526 views

Multi-Select Selection Display: List vs. “Tag Cloud”

I wonder if one method performs better than the other and if there are any advantages or disadvantages. In my scenario, users will be adding more than 3 countries and will edit that list using the ...
35
votes
10answers
22k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
2
votes
0answers
61 views

UX for allowing different details for each item on an order page

I’m designing a food ordering application to be used within my company wherein co-workers can order food from our in-house catering service for meetings and what not. Today, this is done via paper ...
1
vote
1answer
77 views

Should I keep or remove the title for this form?

As the Log In button is in the toolbar the title seems like repetition. Do I keep (A) or remove (B) the title Log In? Or do I change the title and/or button text? Screenshots from an iPhone 6S but ...
3
votes
4answers
126 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...
8
votes
5answers
2k views

Best way to display two way relationships between users

Background We are working on a web application where users can connect with eachother and, as part of that, choose how they are related to each other. As an example, I can connect to Joe Bloggs as ...
0
votes
1answer
58 views

Should select inputs have labels?

I'm currently redesigning a large form on our site and was wondering if it makes sense for select inputs to have their own respective labels in order to guide or smooth the UX? What do you think? ...
3
votes
4answers
171 views

Names for filters that show 1) all non-blank values vs. 2) blank values specifically vs. 3) all values including blanks

I have a basic reporting system when you can choose filters from a collection of SELECT fields. An example of this might be to filter the report by Country. The SELECT field would obviously include ...
1
vote
1answer
23 views

Input new item with details (one or many) - e.g. company with employees

As a back-end developer trying to broaden my knowledge for a more front-end oriented position, I am struggling with a design. I'm trying to create a form for the creation of a new company. A company ...
2
votes
5answers
980 views

Best way to display a long form with many dynamic questions

So I need to make a form with about 10 different inputs in it. Normally, I would put this on a single page and have the user scroll down. This seems like the easiest way to do it most of the time. But ...
1
vote
0answers
38 views

Which form widget for (seemingly) linear input without default value?

For answers in digital questionnaires, is there any reasonably well understood form widget between a horizontal group of radio buttons (or check boxes) and a slider gauge that lets the user input a ...
4
votes
4answers
383 views

Are Placeholders good for default values?

I read (and believe) this article that data entry tips in HTML placeholders are generally harmful and should be avoided. In-context descriptions or hints can help clarify what goes inside each ...
0
votes
1answer
110 views

How can I address forms that require many similar interactions?

edit: I just noticed there was a very similar question asked as I was typing up my question, but still hoping for some feedback on mine I have a form that has many inputs. Two of them are very ...
88
votes
5answers
11k views

Why do dialogs have grey backgrounds?

Most Windows/Mac/Linux dialogs I've seen have grey backgrounds. About-dialogs, settings pages, wizards, confirmation and error dialogs etc. Is there a reason from a usability perspective or is this ...
0
votes
1answer
85 views

User must change password but changing username its optional. Best UX design for this?

i have to design a page where the user (after login for first time) must change the password but its optional to change the username. I am not sure which is the best approach from UX perspective, if ...
2
votes
2answers
68 views

Showing information message on multi step form

This is a long configuration page (form) which can have multiple steps as for each product, configuration needs to be done. (each step can represent each product) Now if there is/are few information ...
3
votes
4answers
272 views

form length: is one click worth more if it helps to format a step by step mindset?

In my company we have a page with 8 call to actions! in detail: product detail page product detail pdf product request 100% online (this assures you some product feature missing in the next point) ...
2
votes
2answers
489 views

Drop down list for unknown number of items (can be thousands)

I have a form in which the user has to select an item from a (possibly) long list. The user may or may not know what text to search for so auto-complete is not an option (may be just complementary). ...
3
votes
1answer
119 views

Flexible design for a general form facility

I'm designing a general form facility - so when a customer comes in and requires certain forms to be made, then our engineers have customizable tools to create a form for that customer. My design goal ...
0
votes
1answer
60 views

Designing an address form for U.S. and international addresses

I am tasked with designing an address form that will function with U.S. as well as international addresses. There are multiple instances where our application may ask for an address. Also, the person ...
4
votes
4answers
2k views

Best practice for desktop application input validation

I've been reading through some of the other questions tagged with validation and similar. We have a Windows desktop application (WPF) that has many textboxes contained in a dialog that need to be ...
127
votes
18answers
48k views

What is best practice for designing form error messages?

I've seen quite a lot of research on form design, but so far, I haven't come across any studies on error message design best practices. The only piece of advice seems to be that each error should ...
3
votes
3answers
74 views

What is the recommended way to display a form field in an error state that is also on focus?

I've seen a lot of tips on good error states, but I haven't seen much on best practices for when the error state field in on focus. Here is an example of a sign up form with multiple errors (...
4
votes
2answers
72 views

View Blockage vs disable button in mobile app form submission in cases of slow server response time

I am developing a mobile application. In cases where the server takes too long to respond during form submission, what is considered a best/widely acceptable practice to prevent users from trying to ...
4
votes
1answer
91 views

Has anyone statistics for the number of users completing a registration for a service?

I have a client and their website has a registration form the user needs to complete before they can use a service. The registration has 3 steps. The percent of users completing this process once ...
7
votes
2answers
139 views

Is inline validation convenient on pre filled form fields?

I have a form which partly pre-fills after filling in an address field. Is it convenient to give green check marks on the fields they didn't fill in themself?
4
votes
1answer
85 views

Ordering of an Eligibility Funnel during application onboarding process

I am designing an onboarding/registration process for a mobile app/service that has fairly restrictive qualification requirements. Over time, these requirements will be come substantially less ...
4
votes
5answers
236 views

Keep long form, or separate into multiple steps?

We are developing a price comparison website and are struggling with the attached form. The registration process is: Eshop owner clicks on "Add eshop". Registration page 1 shows, with the basic ...
0
votes
1answer
33 views

Proven UX practices for fast data input and further association

I am investigating the ways of solving the following UX task: There is a user (sales person). They have a tablet. They want just a multiline edit field where they can enter any text about their ...
1
vote
1answer
57 views

How to display additional information in a form

I have a rather complex form that might require some additional information to the user so (s)he might be able to fill in the form correctly. Just above the form, there is a piece of brief ...
14
votes
5answers
2k views

How to briefly indicate textarea field will not be submitted if another field is not checked?

I have two fields. The first is a checkbox, checking this checkbox enables the textarea below it. Un-checking the checkbox disables the textarea below it. I'm looking for a suitable way to indicate ...
49
votes
9answers
9k views

What color for error messages for a form with a red background?

I have a big website with some forms. There are four background-colours for the form components. One of them is pink/red. Here the image and the error message: I can't change the form background-...
4
votes
2answers
187 views

Should tags be inside or outside the input field

So tagging inputs are pretty common but there are generally 2 different approaches I see for displaying the tags: The tags are below the input outside of the type-able space: The tags are ...
1
vote
2answers
131 views

Helpers in form

I am inserting about what is the best way to show help in form inputs. This is what I am doing in my site: download bmml source – Wireframes created with Balsamiq Mockups I have a ...
1
vote
1answer
83 views

Should fields be marked as required if all are required? [duplicate]

If I have a registration form on a responsive website with only 3 text fields to fill and ALL of them are obligatory, should I put a star key on every label or should that star key only appear if the ...
1
vote
0answers
68 views

How long should the debounce timeout be?

When using the debounce() operator for form validation how long should the debounce timeout be? I currently have mine set to 400 milliseconds but idk if that is too short.
8
votes
4answers
210 views

How can we go about deciding an appropriate filesize upload limit?

Our web application includes a form where a user can upload supporting documentation. It is anticipated that many users will use the camera on their mobile to snap a photo of a receipt or certificate ...
1
vote
3answers
92 views

Pre-filled textarea's are perceived as un-editable

TLDR: When prefilling a textarea for endusers, they take it as un-editable, while in fact it is only there as a suggestion. How do I fix this? I am working on a form where you can approve or decline ...
3
votes
2answers
200 views

What's the meaning of a disabled form field?

I'm working on a desktop UI that uses a lot of form elements like input fields, spinners, radio buttons etc. to fill out what is basically one big form. This form has a lifecycle with different check ...
1
vote
4answers
247 views

Sticky submit button at top and bottom of the form?

Typical mental model suggests that submit button is at the end of the form. Should I go with button at top as well as bottom. since in our application we put action items on a sticky bar at top at top....
0
votes
2answers
53 views

How to group common (to a list and other input groups) input fields

Here's my scenario - I have the following three input fields: Type Remarks Uploads (Popup which allows users to drop files) Now, these three fields are associated to a person object. The user has ...
2
votes
1answer
114 views

How best to show a document preview

I have a fairly basic web form that gathers information such as name, address, description, yada, yada. I have to do a rewrite and so am wondering what the best practice currently is to show a ...
3
votes
1answer
74 views

Best practices for collecting employment wage history

I am developing an application that tracks a person's employment, wages, and how they change while within a program the person has enrolled in. This also means there are three types of jobs: Jobs ...
2
votes
1answer
245 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...