Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Block category icons are distracting #14180

Open
iandunn opened this Issue Mar 1, 2019 · 4 comments

Comments

Projects
None yet
4 participants
@iandunn
Copy link
Member

iandunn commented Mar 1, 2019

Is your feature request related to a problem? Please describe.

#10651 added support for category icons in the Block Inserter. For example:

Screenshot of Inserter with blocks that have icons

When I'm searching for a block, my eye is instantly drawn away from the names of all the block categories, and to the green Jetpack logo, because it stands out far more than anything else. This pulls my eye away from the information that I need in order to complete my task, and towards information that is not useful.

At best, it makes things look a little nicer without any functional benefit to users.

At worst, it creates a race-to-the-bottom where every plugin competes for the user's attention by adding their own brightly-colored logos. At that point, the Inserter will look cluttered, garish, and visually inconsistent.

Describe the solution you'd like

I think the ideal solution is to remove support for these icons, because they hurt UX and serve no functional purpose.

Describe alternatives you've considered

As a compromise, forcing the icons to be black-and-white would remove the worst parts while preserving the ability to have icons.

@boemedia

This comment has been minimized.

Copy link

boemedia commented Mar 11, 2019

We had a discussion about this in today's ticket triage on the design channel. I do agree that adding coloured icons distract and can end up in a competition of brands. This can lead to cognitive overload for users. Therefore I endorse removing support for these icons.

@cathibosco

This comment has been minimized.

Copy link

cathibosco commented Mar 11, 2019

  • The design team discussed this today with strong opinions... we are concerned the colorful icons at this category level add cognitive load.
  • We are also unsure the icons add anything significantly useful to users
    -For some of us with dyslexia - the incorporation of icons at this level only helps (some of us) if EVERY entry has them.
  • The alternative to use black and white only seems a bit better but still not worth the cognitive load.

I agree I think the ideal solution is to remove support for these icons, because they hurt UX and serve no functional purpose.

@boemedia

This comment has been minimized.

Copy link

boemedia commented Mar 13, 2019

I also noticed these branded icons come in on other places in the editor, like the sidebar. Maybe this needs a different ticket, or else we could go about the use of coloured, branded icons in general.
image

@sarahmonster

This comment has been minimized.

Copy link
Contributor

sarahmonster commented Apr 15, 2019

The use of colour often means these icons are the most prominent item on the page. This isn't necessarily helpful unless that panel is what the user is looking for at the time, which won't always be the case. (I'd also agree with @boemedia that we might want to consider how colour is used in branded icons elsewhere, but that's probably worth discussing as a separate ticket.)

Since there won't always be icons for every panel, it also creates a mismatch in the overall weight of these headings, making it harder to parse them as equal elements.

The potential value here in making the distinction between panels more clear isn't sufficient to warrant the additional noise and cognitive load created by adding the icons. I'd be on board with removing them entirely.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.