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)

7
votes
3answers
714 views

Should forms be aligned left or center, if less than full page width?

Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
1
vote
2answers
100 views

Cataloging item during creation vs. updating cataloging information

Lets say it is possible to add an item with come hierarchical cataloging information. For my use case example the item is a fault report. The end user is a mechanic who is not an expert with ...
12
votes
9answers
1k views

Does leaving a field blank - mean “everyone”

I'm beating myself up over this one, since we had just that discussion today. We were arguing why a customer was eager to pay a week of work for something that could be trained. And to me it’s pretty ...
3
votes
1answer
1k views

Placeholders for format in address form

I am creating an address form and want to add placeholders to the fields to display the format of what the user needs to enter. For email addresses, phone numbers and credit card details this is ...
1
vote
1answer
328 views

What is the usage rate for users navigating form input fields via the 'tab' key vs. mouse clicks?

On my current project, we are debating the usage of replacing input fields (checkboxes, radio buttons, and select dropdowns) with styled choices via javascript. However, it breaks the support of ...
5
votes
2answers
573 views

Tab order for previous/next buttons in a form

We have a multi-step form that has 2 buttons (Previous and Next) at the bottom of each page. The Previous button is on the bottom left-hand side, and the Next on the bottom right-hand side. What ...
2
votes
1answer
201 views

How to display unfilled fields in a view mode?

How can I show to a user, on a view mode page, an unfilled field of an edit mode? I have on the form, on edit mode, this type of a field: Label: (input) (type of unit) (button with contextual help) ...
2
votes
2answers
135 views

Best option for data grid records that each can have different multiple choices

Below is a mock up of the screen, and I'm not sure of the best way to do the Delay Reasons in this case. Each service can have multiple delay reasons and each service can have different delay ...
4
votes
3answers
446 views

Best way to align 15 form fields for high conversion

Im currently trying to come up with a better way of laying out the following form: As it is a lead generating form, and present at PPC landing pages it is currently aligned in columns like that to ...
17
votes
4answers
4k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
10
votes
3answers
2k views

Placement of delete button on form

I have a form which edits a flight, and it should be possible to delete them. I have considered putting a delete button in the index page, which lists all the flights, but the table rows are clickable ...
5
votes
4answers
1k views

Form input types for fast data-entry?

So, I have a form for doing data entry where there is a list of items which have three fields. The first two fields of each item are multiple-choice from five options, the third field is a simple ...
0
votes
3answers
491 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
7
votes
1answer
206 views

Shipping address layout

Is there any layout recommended for shipping/mailing addresses for an ecommerce website? Currently I have all the shipping addresses out on 1 page along with the account details of the user, which ...
8
votes
4answers
1k views

Is it useful to have all the input controls in a form the same width? [duplicate]

All the input controls are the same size in this question about form design: Why might right aligned field labels be better? My question is if does it help with something, or it is just a matter of ...
7
votes
3answers
394 views

Group of checkboxes and supporting text fields

What is the best way to layout a group of checkboxes and supporting form fields? For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
6
votes
1answer
168 views

Two dependent inputs in a form

I have a form where the user would need to input a text field, and then enter pricing based on the first input. I've come up with an idea on how to do this, but not sure if its the best approach: ...
6
votes
1answer
381 views

UI Layout improvement

I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
4
votes
1answer
5k views

Telling users passwords don't match and aren't strong enough

I have two functions in my user registration form One checks the password and confirmed password are the same. The other checks if the password is strong enough. I have two presentation related ...
18
votes
5answers
15k views

Input checkboxes wrapped inside <labels>

I usually tend to wrap my checkboxes and radio button inside their respective labels and was wondering whether this is considered a good UX practice. Pros/cons ? One of my main reasons is that it ...
3
votes
2answers
277 views

Why does the advanced twitter search options not using a radio button

https://twitter.com/search-advanced has the following options Any of the words All of the words Exact Phrase But the user could make a mistake and enter values for all of them, why didn't they use ...
3
votes
2answers
91 views

Cross validation messages should be symmetric or asymmetric?

Lets let that there is a form in a popup window which contains the properties that are configurable for a chart and as you go on changing the values for the properties the underlying chart is ...
2
votes
3answers
305 views

combining enquiry form with newsletter signup

We have a requirement for a website where there will be a contact form on screen in all pages as well as the ability to signup for a newsletter. Now, a contact form is something traditionally done in ...
5
votes
3answers
2k views

Input mask on credit card number & SSN

Our company is discussing the use of an input mask (asterisk) on credit card numbers and social security numbers. I'm completely against masking the CCN, from a UX perspective, especially since our ...
3
votes
1answer
108 views

Association of child items to a parent in a form

My app manages companies data and allows selecting multiple partners (also managed by the user) to associate with a company. One option would be having two listboxes: one for the available partners ...
7
votes
2answers
482 views

Does inline validation at login create a security risk or a perception of one?

When a user types their email address into a login form, I'd like to validate inline whether the email is associated with an account. The idea here is that, in the system in question, a large ...
5
votes
2answers
239 views

Autosave settings

We are developing an web app. Users can log-in and change their settings. We are in process of making settings page and we are wondering if Autosave option is good idea. For example: User edits his ...
0
votes
1answer
1k views

Minimum length for Street Address field in HTML form?

When a user has to enter a street address, to ensure clean data is it a good idea to enforce a minimum number of characters? For instance, I can't see any possible reason a street address could be 2 ...
3
votes
1answer
3k views

How many characters should typical address fields allow on an international website?

On an HTML form, What is the maximum amount of characters that should be allowed for: Street Address 1 Street Address 2 Town/Suburb State/Province (I would have drop downs for main countries, but I ...
0
votes
2answers
79 views

If I was asked in an interview to provide a 'written spec' for a form, how would I reply?

I initially left an interview assuming I was going to have to sketch mockups for a registration form that was requested as a test, but when probing for more information I was told that a 'written ...
4
votes
2answers
196 views

Does the size of an input influence its value?

I've recently started using BackBlaze as my backup service and I noticed something interesting on their restore sign-in page. The password input is slightly longer than their email input. Since ...
3
votes
3answers
177 views

Is it bad practice to reset a user's focus to the first input item?

When a user tabs to the last input element in the form, is it bad practice to bring the user back to the first tabindex / input item?
2
votes
0answers
37 views

Forms in fancybox or full size page - which is good for conversions? [duplicate]

I have a responsive website, with a Sign Up form & a Contact form. I'm not able to decide whether should I open these forms in fancybox / prettyphoto or redirect user to a full sized page with ...
3
votes
3answers
197 views

Asking for more info on whitepaper download then on trial sign up

Im currently researching how to handle lead generation forms. I came across a website which has 3 slightly different forms for downloading a white paper, downloading an ebook, and downloading the ...
3
votes
3answers
436 views

How to design the input field for recipe ingredients

I've spent a lot of time thinking about the most efficient way to handle a user inputting a recipe into a form. There are a couple different options I've seen across the internet, from offering up a ...
21
votes
10answers
4k views

When client and server side validations occur, doesn't it make for a better UX to only do server validations?

I find a problem on the MVC4 project I am working on now, using Fluent Validation, in that some validations are delegated to the jQuery client side validation, while some, such as the NotNull rule for ...
0
votes
2answers
141 views

Uploading files independently from Save/Cancel of form?

We have a form which has Save/Cancel buttons down at its bottom. A part of this form is managing a collection of file attachments. The user can add, open and delete as many files as she likes. Should ...
1
vote
4answers
461 views

Forms with many choices - is it bad UX?

Im currently working on a companies product website. They have multiple things you can sign up to via a form. Get a Trial of the software Sign up for a webinar Request on site presentation call me ...
2
votes
1answer
111 views

Sending a Search Form on mobile - keypad and / or call to action button

say you have a modal view with a simple form and a cancel-option. as soon as the user selects a field the keypad shows up and usually provides a "Send" or "Search" Button to send the form. is it ok ...
5
votes
3answers
226 views

Form for property rent prices depending on season and length

Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue. We run a holiday property rental website. Properties can be rent on ...
3
votes
3answers
743 views

Why don't most forms have a hover state?

I've been looking at a bunch of forms and noticed that most form inputs do not have a hover state. Is there a good reason for this, that I'm missing? A slight hover state, to me, is effective because ...
2
votes
1answer
855 views

lightbox (modal box) VS Inline Editing for a profile screen

what can give to the user the best and easiest experience, when editing their profile in a web site, practically we have three widely implemented options: 1 - Fields form and submit button: this is ...
4
votes
2answers
220 views

Adding new data while filtering current data

I'm working on a table that includes employee data (Name, Age, Position). Above the table I have a live filter that can filter the data by Age Group and Position. I'd also like the possibility of ...
2
votes
1answer
173 views

Sending users an invite

Need a solution to a problem I've been having. I'm working on an internal corporate site. Users can be invited to the website via email and attached to a credit card. A user can only be attached to ...
6
votes
1answer
1k views

Accesibility vs. read-only input fields

I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs. Are there problems with this approach using and assistive technology? ...
4
votes
1answer
520 views

Filtering Results: Parallel Selection: Checkboxes vs Links

I'm trying to resolve a discussion with a colleague and gain some insight into a common practice for search refinement behavior. I've read Best Practices for Designing Faceted Search Filters and seen ...
1
vote
4answers
130 views

Leave data in form after submission?

I've got a form in my web application that a user would use to send messages to another user of the system. So for example, a manager might want to send a message to all of their direct reports about ...
2
votes
4answers
874 views

How to make the user fill out all required fields when signing up

In the registration form for a website, what is the best way to prevent the user from continuing until all the required fields are filled in? For example should the "submit" button be grayed out until ...
6
votes
2answers
957 views

Layout question regarding “Select existing record or create new one” pattern

I want to create a wizard for creating new data. In one of the steps the user is supposed to select an existing record or create a new one. There are of course different ways to solve this. I am ...
39
votes
17answers
15k views

Form for inputting operating hours of a business

I am designing an interface where restaurants need to input their operating hours. I am thinking of using a slider control for timings for a single day, and then let the user choose days of the week ...