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

Alert & Error Icon Follow-up Considerations #6554

Closed
MichaelMarcialis opened this issue Jan 26, 2023 · 2 comments · Fixed by #6608
Closed

Alert & Error Icon Follow-up Considerations #6554

MichaelMarcialis opened this issue Jan 26, 2023 · 2 comments · Fixed by #6608
Assignees

Comments

@MichaelMarcialis
Copy link
Contributor

As a follow-up to a recent PR that updates the alert icon and adds a new error icon (#6550), I think it may be wise to consider the following:

  • Consider deprecating/removing the crossInACircleFilled icon for two reasons: 1) It's very close to the new error icon, and 2) it perpetuates a problematic pattern where some EUI icons offer regular/circled/filled variants, which often lead to a lot of interface inconsistencies. I imagine it can be replaced with either a regular cross or error icon, as the context dictates.
  • Consider changing the current alert icon's name to warning. Doing so will make it clearer to developers that we have specific icons to use for error and warning cases.

Curious to know the team's thoughts on these suggestions. Thanks!

@JasonStoltz
Copy link
Member

Deprecating or removing the crossInACircleFilled icon sounds reasonable, especially if it's problematic from an end user perspective. At a quick glance, I see about 20 instances of it being used in Kibana.

I'm less certain about changing "alert" to "warning", but have no strong opinion.

@miukimiu Do you have any opinion on any of this?

@elizabetdev
Copy link
Contributor

I agree with deprecating the crossInACircleFilled in favor of the new error icon.

Changing the current alert icon's name to warning it also makes sense to me.

In elastic/kibana#151413 @boriskirov made a clear point on how to differentiate the alert icon and error.

It's important to differentiate them clearly as errors and warning messages are semantically different states. It's widely considered that errors maybe fatal errors and warnings are never fatal.

And this makes me agree with @MichaelMarcialis that the icon should be called warning.

Doing so will make it clearer to developers that we have specific icons to use for error and warning cases.

I'll assign this issue to me.

@elizabetdev elizabetdev self-assigned this Feb 16, 2023
boriskirov added a commit to elastic/kibana that referenced this issue Feb 27, 2023
…151413)

## Summary

This PR is aiming to replace the `alert` icon that we use in error
states, with the `error` icon. It's important to differentiate them
clearly as errors and warning messages are semantically different
states. It's widely considered that errors maybe fatal errors and
warnings are never fatal.

You should receive an error message when the issue is terminal, this
doesn't always mean that the operation stops completely, but the task is
not complete.

You should receive a warning message when the program detects that
something is not behaving right, but it didn't cause any termination.


Before / After

![image](https://user-images.githubusercontent.com/13353203/219329971-50c95178-6fdd-48d6-b4b5-43e648e6fb9a.png)

Example of how it looks in the Profiling UI, when two errors appear:
<img width="1726" alt="image"
src="https://user-images.githubusercontent.com/13353203/219330082-6f638ffb-995b-40eb-88d7-cfc6026e006d.png">

![image](https://user-images.githubusercontent.com/13353203/219333118-1876b085-f7dc-46ed-bbea-e75675c928ad.png)

## Related to
elastic/eui#6554

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
bmorelli25 pushed a commit to bmorelli25/kibana that referenced this issue Mar 10, 2023
…lastic#151413)

## Summary

This PR is aiming to replace the `alert` icon that we use in error
states, with the `error` icon. It's important to differentiate them
clearly as errors and warning messages are semantically different
states. It's widely considered that errors maybe fatal errors and
warnings are never fatal.

You should receive an error message when the issue is terminal, this
doesn't always mean that the operation stops completely, but the task is
not complete.

You should receive a warning message when the program detects that
something is not behaving right, but it didn't cause any termination.


Before / After

![image](https://user-images.githubusercontent.com/13353203/219329971-50c95178-6fdd-48d6-b4b5-43e648e6fb9a.png)

Example of how it looks in the Profiling UI, when two errors appear:
<img width="1726" alt="image"
src="https://user-images.githubusercontent.com/13353203/219330082-6f638ffb-995b-40eb-88d7-cfc6026e006d.png">

![image](https://user-images.githubusercontent.com/13353203/219333118-1876b085-f7dc-46ed-bbea-e75675c928ad.png)

## Related to
elastic/eui#6554

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants