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)

0
votes
0answers
22 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 ...
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
45 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
69 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
121 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 ...
6
votes
5answers
1k 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
55 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
979 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
37 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
374 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
488 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
55 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 ...
126
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
69 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
71 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
84 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
228 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
31 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
56 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
183 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
81 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
67 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
207 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
198 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
239 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
111 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
70 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
243 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 ...
3
votes
1answer
83 views

Order of buttons when on the right of the page

I've been going through various posts on this board to clarify my doubts but I haven't found anything yet. As I understand, there are 3 methods of positioning buttons, by importance of the action. ...
2
votes
2answers
71 views

Group input fields in form

I have a form with six different input fields. Two of these fields are an either/both case, i.e. the user does not have to fill out both, but one of them is required. My problem is the design of them. ...
0
votes
1answer
117 views

Multiple preferences 3 layers deep

I'm trying to come up with a solution for the problem that is the ability to select multiple preferences with upto 3 layers deep. The primary layer would affect the options shown for layer2, and ...
2
votes
2answers
79 views

Suggestion required for max width of a form

My team is building a form builder tool. Once published there might be several input devices a user can use to fill a form, from a mobile phone to a 27" monitor. I would like to hear your ideas on ...
5
votes
1answer
114 views

handling UI distortion caused by localization

We have a web client for our product with translations in 3 languages: English, French and German. This web client has a way to send emails to one of 3 different target groups: All connected users (...
2
votes
3answers
78 views

When should a system partly fill in a form for a user?

I have a part of a system used for searching for / viewing recent or past transactions. The system will be used in more than one store, and transactions could have happened in any of the stores. You ...