Tagged Questions
7
votes
3answers
340 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 ...
9
votes
1answer
96 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
158 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 ...
2
votes
3answers
387 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
219 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
561 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
442 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 ...
6
votes
2answers
479 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 ...
4
votes
1answer
104 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 ...
20
votes
3answers
1k 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 ...
1
vote
5answers
784 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
675 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
428 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
225 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 ...
3
votes
2answers
198 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 ...
3
votes
3answers
549 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
287 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 ...
207
votes
12answers
36k 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 ...
19
votes
1answer
1k 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
180 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 ...
19
votes
3answers
2k 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 ...
19
votes
3answers
2k 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 ...
121
votes
23answers
13k 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
987 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
