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

learn more… | top users | synonyms (1)

27
votes
4answers
3k views

Is there an obvious way to signal that an action leads to a confirmation?

For instance, a "Delete" button leads to a confirmation message of "Are you Sure - Yes / No". Any tips to make people aware of the fact that clicking on "Delete" isn't a final action. EDIT: I ...
7
votes
6answers
209 views
+100

Nested edit states. What to do when edits are save-able at local and global level?

We are making a solution where a user is supposed to evaluate a number of requirements and laws. These evaluations all happen on one page, and the requirement/law is evaluated one at at time - all the ...
0
votes
1answer
105 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
3
votes
2answers
96 views

How To Order States and Countries Drop Down Menus

I have a form where someone would fill out an address for someone, but the form isn't the most efficient to use because eventually a state and a country are a required selection (assuming that the ...
5
votes
3answers
124 views

What do you expect after filling a long form?

I have some forms that have more than 20 fields. The acuracy of the data is important, so I am thinking of a "preview" of the captured data before actualy send it to the database. As the final step ...
23
votes
7answers
2k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
4
votes
4answers
125 views

Should I rely on default OS format for field validation?

I have a international webservice (6 languages) with about 1000 people daily who access from any device, from smartphones to internet-cafes. The information displayed are a bit scientific, for ...
13
votes
7answers
8k views

Reasonable character limit for a comment field on a site feedback form?

I have a simple feedback form (see screenshot) on each page on a site. The user has to select whether the page was helpful or not (radio buttons yes/no) and there is also a text area input where the ...
4
votes
1answer
49 views

Saving tabbed content individually or as one

So users can login to this system and choose to edit an item from their list. I'm trying to figure out the best way to allow users to save the tabs they edit. From the design below, is it clear that ...
1
vote
1answer
42 views

Forms clutter solution: hide and show panel in forms

I have forms which tend to become always larger in size because of a multitude of fields. In some cases a form relates to a previously created entity and showing the fields of this entity as ...
17
votes
3answers
3k views

Why does * (asterisk) mean Required on a form field

Watching a video from DIBI conference and Jared Spool mentions the mysterious origins of the asterisk (*) on a required form field. Where does this come from, why does an asterisk mean required?
3
votes
4answers
149 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 ...
2
votes
2answers
263 views

With 2 types of users: should I provide 2 separate forms or use the same one for both?

I am working on a platform with 2 type of users, transporters and those sending their goods. Our biggest concern is the user experience, reason why everyone is opting for what we call "one profile". ...
1
vote
5answers
882 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 ...
2
votes
3answers
207 views

how to indicate mandatory group in IOS -UPDATED

I have a form where fields are marked (*) to indicated they are required. But there is a strange use case where Level and Space have a dependency on each other such that either space or level or both ...
0
votes
1answer
56 views

Best practices for displaying status of optional fields that are not filled out by the user?

Lets say we have an app that currently requires manual entry of: Hours Current Firmware Version Compatible Objects (hardware) Serial Number If the user elects not to fill in this information, or ...
3
votes
2answers
115 views

Material design change password behavior

I am using this behavior to make user change password: When a user clicks on the change password button, 3 text fields appear and the button changes into a "cancel" button. Do I have to separate the ...
7
votes
2answers
264 views

Decision tree / flow diagram for mobile email / password confirmation

This UI design pattern keeps coming up and I'm wondering whether there are any best practices out there that can improve the quality of my solution. The pattern is: type your email (or password), ...
0
votes
1answer
77 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 ...
2
votes
4answers
219 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) ...
8
votes
5answers
892 views

Why do web designers force users to enter credit card numbers without hyphens or spaces?

Credit card numbers on the cards themselves seem to follow a pattern--four clusters of digits separated by spaces. This seems to comport with "human factors engineering" that I think shows people have ...
2
votes
2answers
185 views

Change language dropdown on a login page

Where do you believe is the best place to add a change language dropdown menu on a LOGIN page? Is it below the form? Or is it on the right? Are there any conducted studies you know of? Thanks in ...
2
votes
1answer
90 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

Mandatory fields in each group [closed]

We need to design a form where user can dynamically rearrange the fields. From the attached image, The scenarios are, Need to show the grouping of fields, eg., File number, City and Zip are a group ...
2
votes
1answer
188 views

How best can I indicate conditionally required fields?

I often work on pages containing forms with complex requirements and subforms. The example below has these attributes: The default button -- that is, the button that will be "clicked" when the user ...
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 ...
1
vote
3answers
131 views

Save/Cancel buttons position above or below table?

I am building a software which has a lot of tablets fill out. There are situations where a table row has a lot of settings. A consistency throughout the software is that there is an action menu on ...
3
votes
5answers
752 views

Improving the “booking page” for a taxi booking mobile application

I'm currently working on a taxi booking application and have got to the stage where I need to design the "Book" page where the user can create a new advance taxi booking. The features are as follows: ...
0
votes
2answers
2k views

Bad error message for required field: “Please enter value”

I just watched someone struggle with a form. The form was part of a normal online shop. It had reloaded after submitting, annotating the required field for the phone number with a red text above, ...
19
votes
6answers
8k views

Single page or multi-page forms?

Would it be better to have one long form, and let the user scroll down the page, or split the form into 2 or more pages? Usability wise, one disadvantage I can think of for having multiple pages, is ...
3
votes
1answer
61 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 ...
1
vote
1answer
49 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 ...
0
votes
1answer
86 views

Supporting base64 as image input

I have a feature on my website which allows users to upload images via the image URL such as http://www.website.com/image.png. Users who have no knowledge of the way Google Images works expect that if ...
7
votes
2answers
130 views

How to make long forms engaging?

In a form I have over 30 fields on a single section of an application these 30+ fields can't be broken up into two parts along with the other sections. Long forms like this are really exhausting to ...
4
votes
1answer
72 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?
0
votes
4answers
222 views

UX/UI Translation in many lanuages

I'm currently working on the back-office of an application, used mainly on desktop. Final users are not necessarily "tech friendly", the interface has to remain simple and clear. I try to design an ...
0
votes
2answers
66 views

Should form navigation with many fields go down columns or across rows?

I have seen this work well both ways, and users accept both ways. Is there a general standard though? What is the Principle of Least Astonishment here? Does it have to do with how things are grouped ...
0
votes
3answers
81 views

Should a 3-field <select> date input use fieldset for grouping?

I am trying to do the best for usability and accessibility I use fieldset to group input radio-button and checkbox elements. When I have a date input that is actually 3 select dropdown fields, one ...
1
vote
3answers
125 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 ...
1
vote
1answer
69 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 ...
1
vote
4answers
111 views

Order of login and registration methods: should the social media login and registration be above or below?

In a login page, should the "log in using x social media" precede the local site log in prompt, or the other way around, as shown in the image below? I'd like to ask the same about the ...
1
vote
1answer
45 views

Page Life cycle, dealing with dependant controls

I have a web form, with two typeaheads: Customer Typeahead Item Typeahead The user can select only 1 Customer and can add multiple Items to the form, via an asp gridview control and a bootstrap ...
3
votes
7answers
409 views

Do you need an exit or cancel button for a multi-step web-based form?

I have designed a 3-step form. The user will click a button that navigates to its own page without global elements to rely on getting back. If the user doesn't want to complete the form and wants to ...
1
vote
2answers
40 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
69 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 ...
3
votes
2answers
85 views

Form with locked and unlocked controls

I've just inherited an application where there is a form. It opens, in the unlocked state it is like If I click the padlock toggle button, the form will look like The arrows at Up Position and ...
1
vote
0answers
14 views

Contact form or mailto for Portfolio? [duplicate]

I'm currently thinking about my portfolio design and I would like some advices from experts. For a personal and professional portfolio, is it better to have a contact form or a mailto? This is my ...
3
votes
2answers
61 views

Using a Wizard for initial input and later edit

My Windows application uses Wizards for creating business objects like persons or real estates. The Wizard is perfect, since it allows the input in the most logical order with the ability of ...
1
vote
5answers
461 views

Is it better to use tabs instead of a dropdown menu in a contact form?

Is it better to use tabs instead of a dropdown menu in a contact form? Examples:
1
vote
2answers
42 views

Displaying multiple validation messages

Let's say my password field has the following validations (not limited to) on my Sign Up form, Password length should be 6-12 characters. Password must contain at least 1 number. Password must ...