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

Icon mania in kibana #36413

Closed
AlonaNadler opened this issue May 9, 2019 · 6 comments
Closed

Icon mania in kibana #36413

AlonaNadler opened this issue May 9, 2019 · 6 comments
Labels
REASSIGN from Team:Core UI Deprecated label for old Core UI team Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.

Comments

@AlonaNadler
Copy link

Before reading this issue, let's start with a game, guess the icon:

image

Problem:

  • In order to navigate in Kibana users need to identify the solution icon in the navigation, now that kibana has many applications it is difficult to identify the solution by the icon

Why?

  • There are too many icons
  • The difference in the icons is just in their shape, they are all the same color and size

Possible solutions:

  • Grouping the solution icons to categories for example: visualize & explore, solutions, admins. The main drawback is it might not be as obvious which group a specific solution is a part of

  • Add colors to solution icon so there is another visual cue to differentiate between them which is not only their shape.
    image

  • Go back to open navigation where users can see the name of the application

  • Do nothing, Feature Control will solve this issue since there will be fewer icons in the navigation

  • Global search, similar to apple spotlight/ or slack

Please add if you have any other suggestions, I think this problem becomes evident with every day

@lukasolson lukasolson added the Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. label May 22, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-design

@shaunmcgough
Copy link

Coloring each with a slightly transparent version of the Elastic color scheme would be nice. We don't have to focus on color coordinating app types, e.g. visualization and dashboards being the same tint, but we could do that as well. The real goal would be just to have some color breakout. This may be a quick win. One example of this would be the google logo, they kind of just randomly assigned colors to their letters, and it just works somehow.

@remmeier
Copy link

remmeier commented Jul 3, 2019

an option to have the menu always expanded would be very helpful in that regardas as brought up in #33328. Our people also get rather confused with the icon-only default menu.

@shaunmcgough
Copy link

@ryankeairns would love to see my coloring option above as a markup, you know with just a slight tinted background on these icons, etc. :)

@cchaos cchaos added the REASSIGN from Team:Core UI Deprecated label for old Core UI team label Feb 6, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-core-ui (Team:Core UI)

@ryankeairns
Copy link
Contributor

Closed by #64018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
REASSIGN from Team:Core UI Deprecated label for old Core UI team Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.
Projects
None yet
Development

No branches or pull requests

7 participants