0
votes
4answers
110 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original ...
3
votes
3answers
151 views

What is the best way to deal with very long form labels?

I have very long labels in some forms, including forms in modal windows. There are some cases we have labels with more than 80 chars, which is bad because: Users need to read/track all the labels to ...
2
votes
2answers
206 views

Changing label of HTML checkbox based on its state

Consider these HTML checkboxes: A member of our design team has proposed that we change the functionality of our checkboxes from yes-no questions to descriptive phrases. For example, as you see in ...
3
votes
2answers
240 views

Username or email address fields

I am maintaining the server implementation of a website. The site allows usernames and email address as username. This is how the login screen looks where the user is asked to select if the user is ...
0
votes
1answer
175 views

Label align location for input box [duplicate]

I have form with long input list and corresponding labels for them. Labels inserted in left, because form has a lot of input elements and right side is reserved for errors info. So I have only option ...
2
votes
6answers
226 views

Users Entering Email Address Instead of Mailing Address (Web Form)

Are there any recommended ways to encourage/remind users to enter their mailing address instead of email address into webforms when appropriate? We have been having this problem way more than I would ...
1
vote
5answers
225 views

Is it ok to change the label of a button depending of the user's choices?

Let's take the example of a page at the end of an app signup process. This page will allow the user to finish the process, so I will place a button labeled "Complete Your Registration" and in the ...
3
votes
2answers
557 views

Which is more usable: labels above form elements, or to the right?

I'd very much like to get some feedback on this, as of right now, it is a point of contention among the devs at my office and myself. Which is more usable: labels above form elements, or to the right? ...
0
votes
3answers
139 views

Communicating that only one object can be “default”

A project we're working on has place objects with attributes like name, address, phone number, and URL. Users can view a place and click to call, map, or browse their site. In our project, one and ...
3
votes
2answers
132 views

Form label alignment for fields that are not completed in a logical order

I'm defining a project based around inputting telephone enquiries into a form. The enquiries are conversation-based rather than in a question-answer format, so the responses could come in in any ...
1
vote
2answers
191 views

Should I use placeholders in just some of the form fields?

Suppose we've got a form with a number of input supported with labels and placeholder. Label helps to identify the whole input idea (whether it's for First name or Salary). The purpose of placeholder ...
2
votes
6answers
1k views

“Expiry date” or “Expiration date” label

What is the best form label to use for the credit card expiry date (during a checkout process on an eCommerce website)? I've done some research and noticed that some sites use 'Expiration date' and ...
8
votes
3answers
448 views

When is it okay to give a form inconsistent label placements?

I am attempting to redesign an internal form that we use to set up new clients. I am repositioning the labels on the left hand side of the form elements to being on top of the elements. I think this ...
10
votes
1answer
116 views

Marking contact as primary?

Currently in the application that I am designing, we are displaying just a short amount of contact information, which means that if the contact has 4 different numbers (i.e. mobile,home,work,fax), ...
9
votes
3answers
209 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
3
votes
3answers
1k views

Labels inside or outside text inputs? [duplicate]

Possible Duplicate: On forms, is inline placeholder text better than a label outside each field? Are there any advantages / disadvantages in placing ones labels outside ones text inputs ...
2
votes
6answers
285 views

How to display dynamic labels

Not sure 'dynamic labels' is even the best name for it. Example (mockup below): Think of a simple address including an input field for phone numbers. The phone number could be landline or mobile. ...
21
votes
5answers
620 views

Are verbs necessary on field labels for a survey?

This is slightly different than this question regarding a small form. I have a multi-page survey that can take up to 10 minutes to complete. Right now, all of our prompts start with verbs, but I feel ...
7
votes
7answers
668 views

How to indicate a form-field error?

I have two candidates for indicating that a form field is in an error state. Option 1 Option 2 Should the error icon be in the field, or next to the label? Or something else? Or does it not ...
8
votes
2answers
903 views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
5
votes
1answer
159 views

Is it OK to change label alignment inside a form if labels vary greatly?

I am designing a form that asks for a lot of data in the form of Short Label [text input] However, in between all those short labels there's suddenly longer questions such as: Are there other ...
23
votes
4answers
3k views

HTML label association with inputs; bad UX?

I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
2
votes
6answers
841 views

Dark labels or light labels

Just wondering what your opinions are on html forms. Is it better to have a light coloured label and a dark coloured value or the other way round, a dark label with a light value? What are the ...
8
votes
4answers
1k views

Top-aligned labels for multi column form

I am designing a search screen where I have 7 fields and have split it into 3 columns with top-aligned labelling. Is it a good practice design a web form with top-aligned labels in a multicolumn? ...
0
votes
2answers
607 views

Any alternative text labels for a “Race/Ethnicity” dropdown? [closed]

The phrase 'Race/Ethnicity' or "Race/Ethnic Origin" is used throughout various data reporting. It just looks so odd with a '/' slash. Any alternatives? Here are a few examples of the slash in 'real ...
5
votes
3answers
281 views

Should field labels be nouns or verbs?

On a web form should field labels be nouns or verbs? This issue arose from two fields on an account request form that currently read: Temporary Password Re-Enter Temporary Password There is debate ...
4
votes
2answers
310 views

Input field label position, in context of view and edit mode

We would like to use top aligned fields for our form page, wherein the label text is in bold and the input text, normal (not sure if this is the best scenario). In edit mode, this works fine. The same ...
4
votes
3answers
1k views

What is best practice for button labels?

What is the best practice when you're labeling your app buttons? For example, I have a button that links the user to the product reports page, will the button say "View Product Reports" or just ...
6
votes
4answers
400 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 ...
249
votes
13answers
46k 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 ...
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 ...
6
votes
2answers
201 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 ...
21
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 ...
21
votes
3answers
5k views

Best pattern for international address forms?

I've noticed an emerging pattern in web-based forms is to put the country field before city/state. This is contrary to how we would normally fill out an address on paper, but it allows us to have ...
152
votes
22answers
23k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
18
votes
12answers
1k views

Should form labels be placed inside of input boxes and slide out of the way?

Is it good idea to put form labels inside input boxes? In this case, the labels slide out of the way when the user clicks on the box. See here live example of form