60 votes

Is colour alone enough to convey warning?

No, it is not enough. This is how your image looks for people with achromatopsia (grayscale vision) This with Blue-Weak Tritanomaly This with Blue-Blind Tritanopia As you can see, there are evident ...
Devin's user avatar
  • 37.9k
23 votes

Is colour alone enough to convey warning?

Color alone is never sufficient to convey information because: Roughly 5% of the world population has some form of color vision deficiency, either dichromacy (only two types of working cone cells), ...
Austin Hemmelgarn's user avatar
19 votes

Is colour alone enough to convey warning?

The color alone is not sufficient as a distinguishing feature. The comparison to a traffic light is also not entirely correct. A traffic light has not only the three colors but also a very specific ...
BrunoH's user avatar
  • 3,425
15 votes
Accepted

How to indicate that a button is locked?

Consistency (WCAG 3.2.4) and labeling (WCAG 4.1.2) and are two important points in accessibility that apply to your situation. In your first two button examples, the "quick scan" has an icon ...
slugolicious's user avatar
  • 3,265
6 votes
Accepted

Is there an accessibility standard for using icons vs text in menus?

I like the link posted in the comment section (When to use icons vs. icons with text vs. just text links?) but I wanted to specifically address the accessibility aspect since the question was tagged ...
slugolicious's user avatar
  • 3,265
6 votes
Accepted

Is there any study to support gender neutrality in the user icon?

There are a number of articles on Google Scholar that discuss gender and iconography. Skimming the abstracts, it would appear that scientists have tested icons for gender, and each gender has more ...
Izquierdo's user avatar
  • 12.7k
6 votes

How to indicate that a button is locked?

There are different patterns to approach this but the main goal is to allow discoverability & learnability for the user on premium features. I would suggest your research well on what works well ...
Chris's user avatar
  • 4,548
6 votes

How to indicate that a button is locked?

I'll take inspiration from both excellent answers so far and suggest the following: Place both icons on either the right or the left side, whichever you prefer, but ensure consistency. Now, the issue ...
Devin's user avatar
  • 37.9k
4 votes

How to indicate that a button is locked?

IMHO, if you want to transport the paywall message, please use a paywall icon. Not a disabled or locked icon. If there's a locked icon, I'd ask my IT support department why it is locked and how to ...
Thomas Weller's user avatar
3 votes
Accepted

Should ellipses be used in main/global navigation bar?

I think it's debatable (and a very interesting question). Even before GUI existed, there were indications when the system awaited a user action. These could be a blinking cursor, a square, a Y/N ...
Devin's user avatar
  • 37.9k
3 votes

Any trends or examples of how to distinguish between AI and human generated content?

The responsible thing indeed would be to place a marker onto the content. In the case of DeviantArt, there's a barely visible text placed underneath the description together with EXIF-data - which, in ...
Leo Wattenberg's user avatar
3 votes

Is colour alone enough to convey warning?

It is a misleading question because it is not about color, but about contrast. Is colour alone enough to convey warning? Yes, if these colors are strong enough to show a unique concept. In maximum ...
Danielillo's user avatar
  • 19.1k
2 votes
Accepted

Any trends or examples of how to distinguish between AI and human generated content?

What you are talking about is, of course, a pressing issue. And it is widely discussed and there are some actual efforts for the solutions. 1. Guidelines and Best Practice There are different ...
exp's user avatar
  • 2,598
2 votes

What should be the order of icons in an accordion?

I believe you're mixing elements and affordances in your current UI design. The "info" icon is correctly placed next to the title, because the info is related to that title. However, the ...
Devin's user avatar
  • 37.9k
2 votes
Accepted

Does it make sense to visually differentiate between native select vs custom select/dropdown component?

This is a solid case for UI consistency, as there's no real possibility for the user to make an error. Most of the users won't notice or care about the fact that these are different icons. And you are ...
Alex Marcevoi's user avatar
2 votes

Should tooltip icons appear before, or after the element they refer to?

I don't think there's a rule for this. However, I think the vast majority of icons are placed right after the element they refer to, which makes a lot of sense. For example, when you read a sentence, ...
Devin's user avatar
  • 37.9k
1 vote
Accepted

Visual way (icon or otherwise) to indicate localization language is only partially complete

I wouldn't use an icon at all. Forty languages are a lot, and the icon's meaning will only be clear to languages with more speakers, such as English and Spanish. Discoverability in less common ...
Devin's user avatar
  • 37.9k
1 vote

Buttons with icon. Possible problems

It depends. Without knowing more details and without testing, your client is right by default. You don't need icons for buttons, but you do need labels. However, as you say, it's true that icons can ...
Devin's user avatar
  • 37.9k
1 vote

How to show elements in a table row that are not combinable ? ( Pls see description)

I think the problem is in the distribution of items in each of the cells: If the telephones are options, why do they appear in the description that it's a fixed element? What's the meaning of the ...
Danielillo's user avatar
  • 19.1k
1 vote

Basic question I know but what is the different between this dropdown to select with up/down icons rather than a dropdown with a chevron?

Apple calls these things pop-up buttons, as opposed to pull-down buttons. They say: Use a pop-up button to present a flat list of mutually exclusive options or states. A pop-up button helps people ...
Leo Wattenberg's user avatar
1 vote

Icon for partialy visible

This is a very common pattern, simply use + and - signs. As you can see in the image below, a + sign denotes there's more content, a - sign denotes that you can hide those visible items. However... ...
Devin's user avatar
  • 37.9k
1 vote

Is colour alone enough to convey warning?

No, color is not enough. But I'd be more general. As software professionals, we're often careful not to be redundant in our systems (except as needed for reliability) because it is too easy for ...
Robert Fisher's user avatar
1 vote
Accepted

How can "exit" mean "continue"?

I think this is similar to a feature in YT where trying to leave the main screen playing the video causes a minimized window to continue playing while you exit to a home screen. It seems like this is ...
Michael Lai's user avatar
  • 27.1k
1 vote
Accepted

What is the correct way to represent annotation to a numerical value in arabic

It's not clear whether this was a bug in the version of iOS you were running, or if you didn't restart Weather after switching to Indic/Eastern numerals. Testing on iOS 17.2.1, the Weather app is ...
Rob Napier's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible