Get Connected - tweet sentiments

[orazgeldiyevanazik]

Current state : sentiment of the tweet is labeled in text.

Proposed state : color code tweets to improve readability and to display importance. Additional toggle for color coding feature.

Questions and concerns:

• What colors should we use for positive, negative and neutral tweet sentiments?

• Should we use colors from carbon design system?

• If so, which specific shades should we use?

• What accessibility solutions exist for people who are color blind?

[drealuc]

Hi @orazgeldiyevanazik! We will get back with you soonest.

[orazgeldiyevanazik]

We designed three options:

Image 1: Color borders for positive (green), negative (red) and neutral (yellow or blue).

Image 2: Divider between tweets - spacing too.

Image 3: Color highlights - different colors for positive, negative and neutral.

[drealuc]

@orazgeldiyevanazik @sebastianhuynh @aleggett23 @davidnixon I think image 1, color borders are the cleanest. I also want our lead designed to weigh in. I will follow up with him soonest

[aleggett23]

I like the colors in image 1, though I also like image 3 for visibility. @orazgeldiyevanazik , is there any way to see how different colors would look in image #3 ? like possibly Red for negative, yellow for neutral, and green for positive?

[sebastianhuynh-nyc]

Hello and thank you so much for asking, I will provide my answers in italic under your questions, and please do keep reaching out!

Current state : sentiment of the tweet is labeled in text.

Proposed state : color code tweets to improve readability and to display importance. Additional toggle for color coding feature. I can see the want to add a color to help differentiate, however we have to be careful to apply color over a dark background, we run into a lot of issues of accessibility and readability. Maybe we can devise a device where each tweet is isolated into a container with some kind of signifier- either a badge or some visual cue?

Questions and concerns:

What colors should we use for positive, negative and neutral tweet sentiments? for positive I would recommend green and Negative would be yellow and neutral sentiment would be a blue.

Should we use colors from carbon design system? Yes, it would be a good starting point, but being an open source project, feel free to own the project and give it some of your personality

If so, which specific shades should we use? https://www.carbondesignsystem.com/guidelines/color/usage

What accessibility solutions exist for people who are color blind? Please start here for accessibility concerns, https://www.carbondesignsystem.com/guidelines/accessibility/overview/

Please do reach out with any more questions, Stay Well Sebastian Huynh

[cstefano1]

#132

[github-actions[bot]]

:wave: Hi! This issue has been marked stale due to inactivity. If no further activity occurs, it will automatically be closed.

[GeraldMit]

I happen to be red-green colorblind. I recommend not using red-green as that is a color pairing that those with color-blindness can't discern. In general, red yellow blue may be easier to discern. Also consider not coloring neutral at all (as it is the base state) as yellow is more visible on black than red. I was also thinking that the a full border may draw too much attention to separation of each tweet. thoughts on just the left and right border?

[github-actions[bot]]

:wave: Hi! This issue has been marked stale due to inactivity. If no further activity occurs, it will automatically be closed.