Skip to main content
136 votes

At least one is mandatory. How do I make this clear?

You could split the list. mandatory items as radio buttons. optionals as checkboxes This also makes sure the attention per importance isn't divided, and allows for easier comparison between ...
Tom.K's user avatar
  • 1,639
119 votes

I'm designing a no-data USB cable : How should the end be marked?

Unfortunately such cable is not compliant with USB specification, as even in usb power delivery the data lines are used to negotiate power. You should not mark it with USB (or even USB-like) logo at ...
Agent_L's user avatar
  • 1,195
97 votes
Accepted

Why do Radio Buttons not fill the entire outer circle?

It’s not entirely clear that a black circle means “yes” or selected, while a white circle means “no” or non-selected. Depending on what the user regards as foreground and background, it may go either ...
Michael Zuschlag's user avatar
75 votes

I'm designing a no-data USB cable : How should the end be marked?

You can never beat straight text ("Power Only"); that way, there can be no confusion. That said, I actually have such a cable at home which has an icon very similar to this in a raised profile on ...
TernaryTopiary's user avatar
71 votes

Using cross marks to indicate benefits

Add some catchy column titles. As it is right now, it looks like it's not free from animal testing, as the "No animal testing" item is not checked. Adding column headers will allow you to ...
maxathousand's user avatar
  • 19.5k
63 votes
Accepted

What is the difference between these 2 menu icons: 3-dots (kebab) and 3-lines (hamburger)

Generally speaking they are used to open different types of menu. The 'burger' is used to open a 'burger menu', which is presented as a drawer that appears from the side of the screen and occupies ...
Matt Obee's user avatar
  • 14.5k
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
  • 38.1k
57 votes
Accepted

Why is the file icon usually folded from the right corner?

The original, by Norm Cox, had the dog ear in the bottom left. This was made for Xerox Star system, and it was a bit of an odd choice since typically, in a book, the dog ear is in the top right corner*...
armatita's user avatar
  • 1,576
53 votes

Icon for adding/removing from favourites: indicating state vs. action

I have to say, the hollow-vs-gold-star state approach is standard enough that I think it would be your best bet. Not only is it common enough to become intuitive, but it acts as both state AND action: ...
Mattynabib's user avatar
  • 3,501
48 votes

What are some good alternatives for using a lot of icons in software?

I think there are three problems with your old icons. An action seems to be represented by an image of a clipboard. Since most icons represent actions, the clipboard is superflous, only clutters the ...
Rainer P.'s user avatar
  • 581
47 votes
Accepted

Why is the share icon always different?

Other than just being design choices made by different companies (and the trademarks/copyrights that come with them) you must take into account what the icons are intended to represent. A good icon ...
DasBeasto's user avatar
  • 15.3k
43 votes

Gear icon vs. ellipsis (3 dots)

Both the icons convey a different meaning; even if they tell a user that there are additional options underneath. A gear icon is derived from a traditional mechanical sense of gears and cogs defining ...
Aditya Durgude's user avatar
38 votes

At least one is mandatory. How do I make this clear?

I think this solution could be usable. Note that the mandatory item is selected AND disabled. The user is forced to select one of the mandatory items through a dropdown menu download bmml source &...
Marco Tatta's user avatar
  • 1,752
35 votes

Why do Radio Buttons not fill the entire outer circle?

I guess a completely full radio button can be easily confused with a bulleted text: Whereas an empty circle perceptually gives the feeling of incompleteness: needs filling or has to be filled: Even ...
Danielillo's user avatar
  • 19.2k
34 votes

Why is the share icon always different?

Branding. Nothing else. We could go on and on for hours throwing conjectures and theories, but in the end, it's only a branding thing. Your icons , from left to right are from Apple, Apple, ...
Devin's user avatar
  • 38.1k
34 votes

I'm designing a no-data USB cable : How should the end be marked?

As others have stated, icons are unlikely to be seen. As this question shows, a common way to solve this is to make the cable end visually distinct using colour. In this case, the red end is power ...
Terence Eden's user avatar
33 votes
Accepted

Is the "filter" icon widely recognised by users?

The NNGroup sums it up pretty nicely here: Icon Usability A user’s understanding of an icon is based on previous experience. Due to the absence of a standard usage for most icons, text labels are ...
QWERTZdenker's user avatar
  • 1,355
30 votes

Why do Radio Buttons not fill the entire outer circle?

I would consider accessibility to be one of the reasons of this style of radio buttons in addition to the physical button it originated from. When a button is fully filled, you are relying on the ...
Sinstein's user avatar
  • 281
30 votes

Preventing users from accidentally deleting items

I would start by giving it another color. Red is usually associated with danger (example from Bootstrap). More important is using a confirmation popup, which you already seem to do. Or use a 'soft ...
Glorfindel's user avatar
  • 3,320
30 votes
Accepted

Preventing users from accidentally deleting items

Your goal is that users do not accidentally delete items. You have three general ways to achieve this: 1. Using design standards The trash can icon and the color red are both standard for Delete-type ...
knallfrosch's user avatar
  • 2,088
29 votes

I'm designing a no-data USB cable : How should the end be marked?

Leaving aside the question of whether there's a better solution than a custom USB cable, if the 'lightning bolt' symbol is not obvious enough, or is too similar to the Thunderbolt symbol, an ...
nekomatic's user avatar
  • 524
28 votes
Accepted

Down arrow and up arrow status

I'll make this an answer so I can expand on my comment. Your main problem is not an arrow, icon, color or emoji thing. Your main problem is a conceptual one: you're mixing taxonomies with gradations ...
Devin's user avatar
  • 38.1k
27 votes
Accepted

Why was the "Airport" icon chosen to mean: "radio emissions on your device are disabled"?

Context is everything. Yes, you are right in questioning that some people might be confused by this. However, the usages of this icon each show in dramatically different contexts. The icon is used ...
Nzall's user avatar
  • 2,281
26 votes
Accepted

In RTL mode do icons need to be mirrored?

You need to consider an icon's usage and meaning to determine if it should be mirrored. This Google Material Design article gives a detailed description of icon mirroring. The main difference ...
Andre Dickson's user avatar
26 votes

I'm designing a no-data USB cable : How should the end be marked?

It's not the answer you want, but it might be the answer you need... Whatever graphical treatment you apply to your product, it will never fully convey the difference between 'charge-only' and '...
cheersphilip's user avatar
26 votes

What is the difference between these 2 menu icons: 3-dots (kebab) and 3-lines (hamburger)

I ran into many representations till now as well and wanted to present a couple of them below. Even they do look different, they're used to display representation of pretty same purpose like opening ...
Erhan Yaşar's user avatar
  • 1,778
26 votes

Why is the file icon usually folded from the right corner?

This is an assumption but many people use to curl a page in a book to set it as a bookmark. As the left area is stitched you are left with the top right corner and bottom right corner and it is more ...
Chris's user avatar
  • 4,558
26 votes
Accepted

Is replacing icons with emoji a good idea?

It just is ❌ a 👍️ 💡. 👀 👇️: your application will 👀 unprofessional ➕, as someone 👈️ out, 🧒-ish; consider users with older systems or machines - they will ❌ be able to 👀 your emojis ➕ might get ...
aly.i.ux's user avatar
  • 1,143
23 votes
Accepted

What's the tradeoff for using an icon driven navigation?

Icons alone can save space in case of long(er) labels, but the tradeoff is a memory tax on the user. Icons can give visual order and harmony to layout, especially in sidenavs. However, in a complex, ...
Mike M's user avatar
  • 24.7k
23 votes

Based on what criteria do you add/not add icons to labels within a toolbar?

There are a couple of reasons: If there is a generally accepted icon for that feature. Examples, save, cut, copy etc. If the feature is borrowed from another application which has an app-icon. For ...
Kernan Kobaya's user avatar

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