Questions tagged [labels]
Usually non-interactive text on in UI used to guide the user as to what information is needed or presented.
60
questions
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?
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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
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?
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, ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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 ...
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....
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'?
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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:
...
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 ...
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 ...
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 ...
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 ...
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.
...
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?
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'...
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 ...
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? ...
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.
...
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 ...
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 ...