Questions tagged [labels]

Usually non-interactive text on in UI used to guide the user as to what information is needed or presented.

Filter by
Sorted by
Tagged with
407 votes
24 answers
184k 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?
Art's user avatar
  • 4,473
344 votes
14 answers
90k 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 ...
laurent's user avatar
  • 3,492
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 ...
Itumac's user avatar
  • 4,774
104 votes
10 answers
13k views

'My Account' or 'Your Account'?

I want to put a link to an account page in a toolbar. What person should I use to refer to the user's settings? Should I call it 'My Account' or 'Your Account'? I've seen both is use, and I'm not sure ...
fredley's user avatar
  • 6,174
33 votes
4 answers
14k 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 ...
Pir Abdul's user avatar
  • 2,270
28 votes
5 answers
11k views

Toggle Buttons "Turn On" vs "Enable" [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
anthonyryan1's user avatar
  • 1,034
22 votes
5 answers
7k views

Which is more likely to be read and processed: (related) text placed above or below an image/video?

I'm thinking about layout on pages where the main asset is visual — for instance, a photo of an item from the collection on a museum website, or embedded video as on YouTube and many news sites. ...
finiteattention's user avatar
17 votes
5 answers
22k views

Truncating long text labels - Best Practices?

I was wondering whether there are any studies around truncated labels, in case if they ever get too long and layouts can't fix it? Does it confuse users if a label is truncated with an ellipsis ...
spunkypixels's user avatar
19 votes
4 answers
5k views

What are good rules for naming menu items? [closed]

I'm establishing some style guidance for naming items which are accessed from my application's menu bar. What are the commonly accepted rules for naming menu items? When should the names of the ...
user avatar
6 votes
1 answer
4k views

ux review word for select all

Is is ok to use Select/Deselect All here or better to shorten it to only select all. Would the users know that if they uncheck the "select all" checkbox. Everything will be disselected
Sarawut Positwinyu's user avatar
95 votes
12 answers
17k views

"New" vs. "Create"

For buttons that initiate some content creation interaction, which label is better: "New X" or "Create X"? Are there specific uses that in which one is better than the other?
Yosef Waysman's user avatar
43 votes
10 answers
4k views

Which direction indicates newer/older?

So I'm reading some blogs and I get to the bottom of the page when I see a graphic similar to this: << Newer Posts Older Posts >> This makes sense to me. But then, quite often, ...
Nic's user avatar
  • 2,622
24 votes
2 answers
15k 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 ...
Adam Lynch's user avatar
17 votes
4 answers
41k views

Which label text is good for "Enter email address"?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
Shivam Pandya's user avatar
17 votes
5 answers
1k views

Is it a good idea to add tooltip to some text that says exactly the same?

Having tooltips on icons and images is understandable and the same goes for small pieces of links where tooltips may elaborate to the user what that particular link would do. Sometimes, however, ...
Muhammad Yasir's user avatar
11 votes
2 answers
9k views

Are there guidelines for when to use UPPERCASE, Capitalize Each Word, or Only the first letter?

We currently use UPPERCASE headers and titles quite a bit (probably too much) and are looking to adopt a consistent set of rules for when it makes sense to use... ALL UPPERCASE Capitalize the first ...
DaveAlger's user avatar
  • 15.9k
8 votes
3 answers
4k views

Which is better to design a Filter?

Which is better for filter, select a single value: Check box ( Use js to keep single selection ) Dropdown list Radio buttons Highlighted labels download bmml source – Wireframes created with ...
Bruce Dou's user avatar
  • 185
7 votes
4 answers
10k views

How to indicate that one of a group of fields is required

I have a form where there are multiple fields. Some fields are required, and I have an asterisk next to them in red color. There are some fields where one of them is required. For those fields, I have ...
HereToLearn_'s user avatar
6 votes
1 answer
2k views

Accessibility of in-field labels and help text labels in input forms

Many newer UI interfaces have a preference for input field labels or help texts to be contained within the UI component itself instead of implementing them as separate labels. I was wondering if ...
Michael Lai's user avatar
  • 26.7k
4 votes
1 answer
4k views

Do top, or left aligned field labels perform better at form completion?

I have designed these two forms and would like to know which would be more effective at conversion i.e form filling up. Here's the first one which I feel is more effective reason being the separate ...
AmpleUX's user avatar
  • 43
4 votes
3 answers
3k views

Verbiage and Icons for Delete vs Remove

In the application I'm working on, we have two forms of getting rid of an item. Delete: Permanently deleting an item from the system. Once removed, the data is gone. Remove: Removing a linked item ...
nightning's user avatar
  • 8,561
3 votes
1 answer
2k views

Should column labels for numbers be aligned right?

In a grid structure, I understand you should right-align numbers in the cells. Should you also right-align the headers for these columns?
DLeh's user avatar
  • 1,053
2 votes
2 answers
425 views

How to label Table Header Label Date vs. Date/Time

I have a table with a date time column. Right now the label reads "Closure Date" and it seems fine to me. I was wondering it was better practice to label it something like "Closure Date/Time". See ...
marty's user avatar
  • 135
97 votes
7 answers
166k views

Files size units: "KiB" vs "KB" vs "kB"

I'm working on a web app that will show the size of certain files, and I'm wondering if there's any consensus about how to report the units of bytes. Technically the IEC has weighed in with an ...
Hank's user avatar
  • 1,073
81 votes
13 answers
23k views

Can the "$" symbol be safely considered as universal when making a graphic depicting money?

Want to get a sense of any best practices of using the "$" dollar sign in the context of an image in order to depict a universal idea of money. UPDATE: My task was to create an icon/graphic used in ...
tonejac's user avatar
  • 921
47 votes
12 answers
8k views

Users entering the wrong decimal separators for US$ amounts

I have an application that accepts a dollar amount in $USD. Unfortunately, some people are foreign/visitors to the US and type in amounts with commas instead of periods: they format the number as XXX....
jjwdesign's user avatar
  • 623
46 votes
6 answers
4k views

When the username is an email address should the field be called 'username' or 'email'?

When the username for a service is an email address should the field be called 'username' or 'email'?
Freiheit's user avatar
  • 543
42 votes
12 answers
89k views

How to clearly state to the User what characters are valid

I'm trying to determine the best way to inform the User that an input accepts certain special characters. Alphanumerics are simple enough, but I feel like I'm losing clarity when I get to characters ...
MildWolfie's user avatar
33 votes
6 answers
19k views

Placeholders with the same text as the label - good practice?

I have a form such as the following, in which the placeholders have the same exact text as their corresponding labels: The alternative being leaving each input without any placeholder. I'm not ...
deprecated's user avatar
24 votes
7 answers
2k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the icons do a ...
Jesvin Jose's user avatar
23 votes
9 answers
4k views

Isn’t the FAQ label obsolete by now?

Don’t get me wrong in the beginning of reading this. I really mean the label and not the content of FAQ. The content is very useful if its’ made the right way (as here on ux.se), but there are plenty ...
Benny Skogberg's user avatar
23 votes
5 answers
1k 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 ...
adamb0mb's user avatar
  • 343
21 votes
3 answers
10k views

What are the rules of using ellipsis on buttons

I read about the rules of using ellipsis (three dots ...) in a menu command: Indicate a command that needs additional information (including a confirmation) by adding an ellipsis at the end of ...
Dvir Adler's user avatar
  • 4,988
19 votes
7 answers
8k views

What's a better label for the traditional "Browse..." button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
Kip's user avatar
  • 577
19 votes
3 answers
996 views

How do you deal with unusually long labels?

A piece of software that I'm updating uses some incredibly long labels, but due to the nature of the software (taxes and payroll) this seems unavoidable at times. On some pages, maybe 50% of the ...
Baa's user avatar
  • 1,948
17 votes
2 answers
1k views

Have usability studies been conducted on the use of alphanumeric characters as labels for controller buttons?

Controller Question Over the years there have been a wide variety of home consoles each with their own (mostly) unique controller designs1. One thing that most consoles have in common is their use of ...
ahsteele's user avatar
  • 552
16 votes
6 answers
3k 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 ...
Marcos Rocha's user avatar
  • 1,033
16 votes
7 answers
3k views

Checkbox label negating

When labeling Checkboxes is it bad to use "negative" or "opposite" descriptions? Should a checked Checkbox always mean "do something", or is it OK for it to mean "don't do something"? For example: ...
Tester101's user avatar
  • 263
11 votes
10 answers
1k views

Is it better to represent simple labeled information as table or just text with subheadings?

I'm redesigning a website that has some simple information presented as a table like this: download bmml source – Wireframes created with Balsamiq Mockups I read yet the again the Label ...
Illotus's user avatar
  • 1,761
10 votes
5 answers
2k views

Do icons need labels on mobile apps?

There have already been studies that prove labelling icons enhances usability on desktop applications. This is why Microsoft Outlook started labelling its icons. Does the same logic apply to mobile ...
JoJo's user avatar
  • 10.8k
9 votes
3 answers
315 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 ...
catandmouse's user avatar
  • 4,238
9 votes
3 answers
394 views

Why do menu labels behave differently in desktop applications and websites?

In a desktop application when you click a menu, you see all the options which reside within it, in a drop-down/pop-up list. In many websites with a navigation menu which has sub-categories, I have ...
rk.'s user avatar
  • 17.8k
8 votes
3 answers
11k views

Is there any distinction between badges, labels and tags?

We are looking at a set of design patterns for helping classification of projects on a list – there seem to be some strong discussions around what the difference is between badges, labels and tags. ...
Eliot Hill's user avatar
8 votes
2 answers
4k 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 left?
Eddie Prislac's user avatar
7 votes
3 answers
4k views

What's the best way to show form labels that are longer than the corresponding fields (which require a short input)?

I'm having trouble with labeling of short input fields. Some labels have standard 280px width approximately, but others are quite small in order to offer clues on the expected input (characters). I'...
redux's user avatar
  • 251
6 votes
5 answers
722 views

Use of 'read more' on teaser copy on index pages - is it necessary?

I have noticed that on a lot of news web sites that they no longer tend to use a 'click here' or a 'read more' link at the end of teaser text as a call to action. They tend to rely on the Article ...
Darren's user avatar
  • 305
6 votes
3 answers
531 views

"File" for name of drop-down menu

In Windows mostly, a lot (most?) applications have a "File" drop-down menu, with things like "Exit", "Import/export settings", "Preferences", ... Is "File" a blindly accepted standard/default? ...
Randomblue's user avatar
  • 2,163
5 votes
6 answers
2k views

How to display dynamic input field 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. ...
greenforest's user avatar
  • 8,746
5 votes
4 answers
3k views

Should I label every row in a table of inputs?

I find myself with some frequency creating a grid of inputs using a table where each cell consists of just an input field and the column headers define what the field is for. PHPStorm complains with ...
kicken's user avatar
  • 235
5 votes
5 answers
911 views

Should checkbox label be styled like an anchor link?

I've struggled to find any sort of argument that supports either of my theories so i wanted to see what the UX community at large thinks about this. Scenario I have an online shop. When you view a ...
slaterjohn's user avatar