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
2 votes
1 answer
162 views

Are conditional forms good practice on the iPhone?

I want to allow the user to enter data on an iPhone. I've got a screen that will look like: New Animal Name: Enter Name Type: [ Mammal ] | Amphibian Number of feet: 2 Or when ...
6 votes
6 answers
5k views

Would putting a submit button at the top of a long form be usable?

I have a form with 3 long columns of checkboxes where the user needs to check whatever options she/he needs. Sortening the amount of checkboxes is not an option Im afraid. Our users are mostly in the ...
4 votes
1 answer
687 views

tooltip icon in a form

Where to add a tooltip's icon in a form's input field? Let's assume we have a form with a simple input field like: label: <input> and we want to place a tooltip icon "?". Does it matter ...
  • 182
3 votes
3 answers
147 views

If two ways of signing up are possible, should it be stressed that there are two atlernatives?

If you have two ways of creating an account, for example via facebook or by filling a form, should it be stressed that there are two options or not necessary? Here is an example form: Is it clear ...
  • 182
6 votes
2 answers
3k views

What is/are best practice(s) to align an HTML checkbox on a web form?

Consider this HTML form: The checkbox in the form is really a pain in the ..., because no matter what you do, it can't be aligned in a good visual form with the rest controls of the form. For example,...
22 votes
7 answers
25k views

What's the best and most intuitive way to have a user enter a height value in feet and inches into a web form?

What's the best and most intuitive way to have a user enter a height value in feet and inches into a web form? The major choices seem to be: Have one text field where they can enter values. This ...
1 vote
3 answers
210 views

Which of these two ways of browsing are better for the user?

I am creating a simple web page application and in my question are involved 2 pages and there are two scenarios. Scenario No 1 On page1.php I use php with MySQL to get a product's data to the page. ...
  • 1,353
3 votes
1 answer
1k views

Best alternative to slider controls for iPad users?

My team is currently planning a map-centric web app with several slider controls for filtering results. While there seem to be techniques emerging for coding sliders to respond to touch instead of ...
  • 355
5 votes
2 answers
310 views

What's an intuitive way to enter several heterogeneous fields?

I need to give the user a way of entering (at most) three fields. For example, for a list of ingredients for a cooking recipe, each entry has a quantity, a unit and a label, e.g. 2 big egg(s), 1 pinch ...
  • 177
2 votes
3 answers
2k views

How can I make this complex photo upload system easy to use?

I have a rather complex task ahead to change an existing photo upload system for a website. Current Situation: The website has a number of areas in which users can upload photos to (ie: gallery, ...
  • 165
1 vote
3 answers
643 views

An intuitive way to present a Login interface

I'm designing a windowed application. When the application starts up the user needs to be presented with a Login interface. The initial (and minimum) window size is 800x600. A header of height 42 ...
6 votes
2 answers
1k views

Inputs for difficult form

We have a difficult form in our application. There are all sorts of inputs: start date, end date, full name, phone and e-mail address, and a section for count of people in rooms (adult/child...). ...
2 votes
1 answer
162 views

Choosing between 2 views

The first view I consider is I ask the user for the location as seen on the map. The browser can let me know longitude and latitude or the user can click the map and this gets exact and can save the ...
7 votes
4 answers
734 views

Field and label alignment with whitespace

I'm designing a form with a typical 970px wide page. I've been trying to read as much as possible for label alignments. What is the best way to solve an abundance of white space to the right of the ...
339 votes
14 answers
87k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
  • 3,441
4 votes
3 answers
271 views

When Users Select a Ship Date During Holiday

In a shopping cart where a user can select their preferred ship date, how would you alert them when a date is a holiday or weekend? Would you use processing to not allow it? Add an alert that it would ...
42 votes
10 answers
3k views

Have I missed anything from my list of web form best practices?

So I have been putting together a list of best practices to apply to forms recently and there is a lot of conflicting research out there. I have been combing everything from blogs through to HCI ...
4 votes
4 answers
820 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
9 votes
5 answers
518 views

Hotel Finder by name - should it take you directly to a hotel page if it matches the search, or to the search results page?

Here's the dilemma. To help users quickly find a hotel (the same could be true for a shop finder, pub finder etc) there is a search field on the homepage where they can type the search query. This ...
  • 37.1k
39 votes
6 answers
12k views

Disabled submit button on form vs allow submit then show errors?

We have a few different forms as part of a web-based medical application. These forms have quite a few fields - 10-20 depending on the form. Each has at least 5 or so required fields. We currently ...
  • 1,737
4 votes
6 answers
3k views

Multiple Phone Number Inputs on Forms - Best way to reduce manual entry?

I'm working on a web application that will be used internally in an organization. The application will ask users for multiple pieces of contact information. We will allow them to optionally enter a ...
  • 460
6 votes
5 answers
4k views

Order of 'Country' and 'State' fields in Registration forms

Most registration forms seem to be to ask for the 'State' first and 'Country' after that, both being drop down lists. The 'State' list has the State names of USA by default, and this list is refreshed ...
  • 1,167
18 votes
6 answers
12k views

How to represent optional fields?

I've read somewhere, that if you have more required fields than optional, best practice is to mark the optional form fields. However I think that asterisk notation for required fields is a widely ...
48 votes
4 answers
9k views

On forms, is inline placeholder text better than a label outside each field?

I am familiar with research on label placement to the left or above. I tend to go with right justified with the label to the left of the field for my form designs. However, inline placeholder text ...
  • 4,734
7 votes
3 answers
514 views

Why can't you update options in shopping carts?

I've been researching shopping cart designs, and so far it seems like the consensus is that the only thing you can update in a shopping cart is quantities. Let's say I've added a large t-shirt to the ...
  • 349
14 votes
6 answers
5k views

What would be the best way to let a user add a URL to a form?

Currently our webapplication simply shows a textbox with no validation at all. There is a small icon placed next to the textbox that allows the user to open the URL in a new browser window to check ...
  • 367
20 votes
7 answers
16k views

How to mark required (and optional) fields in a form where some fields are NOT editable?

I have a form showing properties of an entity in a web app: some of the fields in the form are read-only and some are editable. Within the editable fields, some are required to be filled with a value ...
  • 405
6 votes
2 answers
269 views

How should I align field "format" markers?

Let's say I have a form with fields that accept data in very specific formats, such as currency (£) or percentage (%). How should I convey that to a user? If I use 'sub-labels' (symbols that represent ...
5 votes
4 answers
250 views

How necessary is it to point out your call to action so obviously on a simple site?

I am trying to figure out, especially for returning users, the value of pointing out a way to add input to a site. Facebook and Google+ both have placeholder text and placement of the input for status ...
  • 71
14 votes
4 answers
14k views

Which is better: Buy Now or Add To Cart as the label for a button in a shopping cart form?

I have a site that displays 3 major products and it all links to an external shopping cart which users will have to fill out a form to complete the order. Which label is better? "Add to Cart" or "...
16 votes
4 answers
1k views

How to tell the user that an input box is autocomplete-enabled?

Is there a good graphical sign which tells the user that a particular field on the page is autocomplete enabled? For instance, the field name says "Document author". When you start typing in that ...
  • 263
8 votes
3 answers
957 views

Is The HTML5 Search Form Useful In Terms of Usability

HTML5 (the new version of html) has a number of new features, and one of those features is that there is a new type of input that is basically the same as the normal input field (like the one you use ...
user avatar
13 votes
5 answers
3k views

Is it appropriate to display the warning message "Caps Lock is on"?

Is it appropriate to display the warning message "Caps Lock is on" when focus shifts to Password field? In gmail and yahoo I don't see it. So, what does the standard say?
  • 265
14 votes
4 answers
4k views

Usability of hiding the submit button (and using the enter key to submit)

More and more commonly, I find that websites elect to hide or remove the submit button from forms. One obvious example is this site (along with other StackExchange sites), whose search field lacks a ...
  • 243
134 votes
8 answers
25k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. However,...
  • 8,291
11 votes
9 answers
9k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
  • 113
2 votes
2 answers
232 views

Facebook permission requests - when to ask?

I am working on a 'fun' Facebook app that asks ten questions and presents you with a 'fun' result. We need to ask permission to access some of the users data, this consists of their 'Basic Information'...
2 votes
2 answers
264 views

Is it a good practice to show a sign-up or registration form as seperate parts rather than in one go?

I am designing a registration form for a site with multiple sets of information required from the user. I have categorized the data fields into relevant groups. Now should I present the form sections ...
  • 649
7 votes
4 answers
969 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons?
  • 2,260
4 votes
3 answers
1k views

Switching to tab which has error when there's an error

I noticed this issue a few times. An app has a settings page where the settings are split into different tabs in a tab control. I hit update, an error shows up and I scan the current tab for the error-...
  • 1,187
10 votes
5 answers
12k views

International Phone Number Field Layout and Design

I have a form that asks for the customer's phone number number. The customers are international and not limited to the U.S. and Canada. Does anyone have any best practices on how to lay out (and label)...
  • 1,999
1 vote
4 answers
270 views

With a webpage 'Contact Us' form should I set the input focus to the 'Your Name' box?

Personally, for the sites I have worked on and used, I like to have the page load input focus of a page that is primarily a form have set to the first box, e.g. 'your name'. I believe that the ...
33 votes
4 answers
13k views

Input form label alignment top or left?

Although I have researched on input form label alignment, I need solid suggestion on when to use form label alignment top and when to use left and why? For example in the below form username and ...
  • 2,260
5 votes
6 answers
5k views

Popup vs page for contact form

I am working on simple web app site and we have "Contact sales" screen, where we have only a phone number and a small form (~5 fields). Does it make sense to use a popup for that screen instead of a ...
  • 153
0 votes
4 answers
250 views

"Burn" or "Save" [closed]

Estou com uma dúvida e gostaria de saber se alguém possui alguma referência a respeito disso. O usuário preenche formulários, insere dados em uma tabela, gera vários tipos de interação na página, ...
2 votes
2 answers
703 views

What is the best way to indicate required fields in a deep, category dropdown menu?

We have a UX situation in an enterprise site for a very large customer that has a very deep product list for a support site. We need to indicate that the product field is required, but deeply nested. ...
  • 265
39 votes
18 answers
2k views

All my users are from Afghanistan; or, how to get users to correctly fill out a form

I have a website with a form users fill out to create an account. Following advice from this forum and other places I am asking for only the minimum required information to create an account, i.e. ...
  • 490
4 votes
5 answers
2k views

Best way to show a form field group with multiple values?

Something like these: The button below adds a new group where the user can fill each of the fields. I think that isn't best way to show because the list could be one-to-infinite and the usability ...
  • 41
2 votes
3 answers
413 views

how to control user focus?

i am currently developing a prototype for a piece of software. One of the most important things is to show the client, how the UI will look like, so I am making real wpf windows with no real data ...
  • 1,512
10 votes
4 answers
12k views

What is the best way to display date validation errors?

I am performing date validation on several forms. This validation includes making sure a date does not fall on a weekend, does not fall on a major holiday, is at least 3 business days from the current ...