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

(Feature Request): Badge if a content creator gave access to their private dislikes #130

Open
1 of 2 tasks
DerpedCrusader opened this issue Dec 1, 2021 · 31 comments
Open
1 of 2 tasks
Labels
enhancement New feature or request

Comments

@DerpedCrusader
Copy link

Extension or Userscript?

Both

Request or suggest a new feature!

A badge to the right of the verified checkmark if that specific content creator has allowed the API to scrape their dislike information, so you can be certain that their dislikes are "verified"

Ways to implement this!

I was hoping for maybe a little badge next to their name, I made a small mock up:

Screenshot 2021-11-30 200502

for the "can you work on this" i could make a better dislike design, but other than that, I have 0 coding experience

Can you work on this?

  • Yes
  • No
@DerpedCrusader DerpedCrusader added the enhancement New feature or request label Dec 1, 2021
@hisamafahri
Copy link

hisamafahri commented Dec 1, 2021

I really love this idea.

I have made some badge designs in SVG for both dark and light theme. Feel free to redesign, or do anything since it's just based on my preferences. These images below are just preview using DevTools.

  • Rounded style - Dark Theme
    SCR-20211201-iu9

  • Rounded style - Light Theme
    SCR-20211201-ix5

  • Hexagon style - Dark Theme
    SCR-20211201-ixp

  • Hexagon style - Light Theme
    SCR-20211201-iwo

You can download the SVG Files:
20x20-dislike-badge.zip

Or visit the Figma project: https://www.figma.com/file/2f0kBjLlt0V5E9NfxGWSk9/Dislike-Badge?node-id=0%3A1

@mattphelps-8451
Copy link

@hisamafahri
What about "Public Dislike Contributor" instead?

@hisamafahri
Copy link

@mattphelps-8451 That's a good idea

@DerpedCrusader
Copy link
Author

DerpedCrusader commented Dec 1, 2021

the hexagon looks nice, and contrasts with the circle check mark if they're verified by youtube

@sy-b
Copy link
Contributor

sy-b commented Dec 1, 2021

This is similar to #108
but better.

@sy-b
Copy link
Contributor

sy-b commented Dec 1, 2021

My thoughts

  • The batch must reflect "positivity" and "trust", as it is there to create trust among the viewers.
  • It shouldn't look as if its poking fun. (giving a badge of 👎, definitely looks like that. But a good design should be able to revert this)
  • The design should be more colorful & cheerful.
  • Shouldn't be confused with ✅ badge by YouTube
  • Placing the badge beside the Channel Name, might confuse people that its by YouTube, since "verification" (✅) bagges are given only by YT & placed there. (i.e. lets not (even slightly) offend Google by placing it near their badge)

@Greedquest
Copy link

I'd say just use the icon of this extension, to show they contribute data to this extension

@laughingsheep
Copy link

May I suggest something like that? It is more neutral/positive than the original Design. (Inspired/Copied from @hisamafahri idea)
viewyt
comboyt

@laughingsheep
Copy link

Or using the Space above or below the line and displaying the information there.
Example

@elaine-jackson
Copy link

I mentioned this on the Discord yesterday. Thanks for getting an issue created for this. Some feedback the badge is a bit small, and this might be an accessibility issue for visually impaired users. Also do we have a pull request to look at yet, would be interested in taking on making sure the aria-tags are setup correctly.

@rdev
Copy link

rdev commented Dec 1, 2021

Thoughts?
Adding a badge to the dislike button itself and using Youtube's tooltip style feels the most organic
Making it green gets attention and lets people know immediately that dislike data is legit and creator chose to share it

Option 1

Artboard

Option 2

Artboard

@elaine-jackson
Copy link

elaine-jackson commented Dec 1, 2021 via email

@rdev
Copy link

rdev commented Dec 1, 2021

Feels a bit like too much IMO

Artboard

@elaine-jackson
Copy link

elaine-jackson commented Dec 1, 2021 via email

@rdev
Copy link

rdev commented Dec 1, 2021

The check is transparent, so it'll be white in light mode and drak gray in dark mode

Here's what both colors look like with forced white fill

Red + White

Artboard

Green + White

Artboard

@bonn2
Copy link

bonn2 commented Dec 1, 2021

I like the inline view, maybe we make this an option in the add-on to pick the image you want. I would personally like to see a white outline-style one that matches the other icons in the bar, but the green+white is also very nice.

@rdev
Copy link

rdev commented Dec 1, 2021

@bonn2 I like the outline idea

Artboard

@elaine-jackson
Copy link

elaine-jackson commented Dec 1, 2021 via email

@rdev
Copy link

rdev commented Dec 1, 2021

@irlcatgirl I agree with @sy-b's point that it should have a positive reinforcement effect. Youtube red color doesn't have that effect while green does 🤔

@sy-b
Copy link
Contributor

sy-b commented Dec 1, 2021

How would a normal user get to know its meaning.
Wouldn't then get it confused for some kind of official verification from YouTube

Suggestion: use words also

@sy-b
Copy link
Contributor

sy-b commented Dec 1, 2021

& what if the data is gathered by other sources?
#108 takes this into account.

If the aim of this discussion is expanded to include other sources, then I'll close #108

@bonn2
Copy link

bonn2 commented Dec 1, 2021

How would a normal user get to know its meaning. Wouldn't then get it confused for some kind of official verification from YouTube

Suggestion: use words also

Maybe instead of a checkmark it could be a little dislike icon in the symbol

@elaine-jackson
Copy link

elaine-jackson commented Dec 1, 2021 via email

@Anarios
Copy link
Owner

Anarios commented Dec 1, 2021

Green + white looks best to me. Red + white is good as well, but green is better to convey "positive" message.

@elaine-jackson
Copy link

elaine-jackson commented Dec 1, 2021 via email

@sy-b
Copy link
Contributor

sy-b commented Dec 2, 2021

Should that badge be adaptable to theme?

@elaine-jackson
Copy link

elaine-jackson commented Dec 2, 2021 via email

@Cederick
Copy link

Cederick commented Dec 2, 2021

Green + white looks best to me. Red + white is good as well, but green is better to convey "positive" message.

Personally, I'd like to have some indicator that does not future distract from the actual content by being bright and flashy

@elaine-jackson
Copy link

Green + white looks best to me. Red + white is good as well, but green is better to convey "positive" message.

Personally, I'd like to have some indicator that does not future distract from the actual content by being bright and flashy

I'm indecisive here, I would say that the rest of the community should chime in for the default, I would only ask its left as a configurable flag. Perhaps use Green by default but allow people to swap to the YouTube Red one. I think user choice is important here but am far from a UX expert, my idea may be bad, so I'll ask the rest of the community to vote / discuss about this.

@UnderscoreX5
Copy link
Contributor

@bonn2 I like the outline idea

Artboard

Looks great

@hrichiksite
Copy link

hrichiksite commented Jan 2, 2022

This is so great, it would integrate with my project as well. OpenDislikeAPI

#401

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests