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)

3
votes
3answers
125 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 ...
5
votes
2answers
1k 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 ...
6
votes
5answers
2k 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
3answers
148 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. ...
3
votes
1answer
806 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 ...
5
votes
2answers
217 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 ...
2
votes
3answers
953 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, ...
1
vote
3answers
272 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 ...
4
votes
2answers
581 views

Inputs for difficult form

we have difficult form in our application. There are inputs for start date, end date, full name, phone and e-mail adress and section for count of persons on rooms (adult/child...). The basic ...
2
votes
1answer
123 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 ...
6
votes
4answers
409 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 ...
251
votes
13answers
47k 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 ...
4
votes
3answers
210 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 ...
31
votes
9answers
2k 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
4answers
368 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 ...
21
votes
6answers
3k 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 ...
3
votes
6answers
782 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 ...
5
votes
5answers
2k 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 ...
12
votes
5answers
2k 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 ...
27
votes
2answers
3k 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 ...
7
votes
3answers
223 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 ...
11
votes
5answers
479 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 ...
18
votes
6answers
6k 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 ...
6
votes
2answers
204 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
4answers
228 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 ...
11
votes
4answers
2k 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 ...
11
votes
4answers
502 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 ...
5
votes
3answers
831 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 ...
12
votes
5answers
1k 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?
6
votes
4answers
2k 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 ...
91
votes
9answers
10k 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. ...
9
votes
6answers
2k 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 ...
2
votes
2answers
189 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 ...
2
votes
2answers
199 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 ...
6
votes
3answers
452 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? ...
3
votes
3answers
180 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 ...
4
votes
4answers
3k views

International Phone Number Field Layout and Design.

I have a form that asks for the customer's phone number number. The customer's are international and not limited to the U.S. and Canada. Does anyone have any best practices on how to layout (and ...
1
vote
4answers
193 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 ...
23
votes
3answers
4k 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 ...
3
votes
3answers
725 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 ...
0
votes
4answers
231 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
2answers
471 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. ...
31
votes
18answers
1k 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. ...
4
votes
5answers
477 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 ...
2
votes
3answers
260 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 ...
9
votes
4answers
891 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 ...
7
votes
2answers
338 views

Do you think that it is a wrong decision to use a textarea for “add comments”?

Whenever we add a comment there is this textarea box. OK the first thing that gets into my mind is that I can press the "Enter" key in a textarea box and it will give me a newline. If its a normal ...
8
votes
3answers
1k views

tables with lots of columns

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
12
votes
3answers
1k views

Best place for placement of error messages on a form (both generic and specific) [duplicate]

I'm working on a simple registration form which, when invalid data is entered, will display both a generic error (e.g: "There is an error on your form") and also specific errors (e.g: "This is not a ...
5
votes
5answers
6k views

How do you design a registration form?

I am trying to learn about registration forms, what should I be careful about when designing one? Is there any "best practice" or do you know any great websites with great examples of registration ...