Unclear what green / orange / grey ticks mean - add hover profile card description. #706

New Issue

Karnage · 2023-11-28T06:55:04Z

Karnage commented

2023-11-28 06:55:04 +00:00

It was reported to me that it is not clear what the green, orange and grey tick marks mean next to PFP.

I think we could add some clarity by adding a little line in the mini profile that shows up on user PFP hover. Just something that describes what they mean.

"Follows you"
-- something about social graph, not sure about exact copy
-- and I have no idea what the grey one means myself, maybe you guys can come up with a description?

here is an image of where I am thinking of including it:

Maybe a muted / secondary text line right under the PFP / Follow line?

Thanks to pam for reporting this!

It was reported to me that it is not clear what the green, orange and grey tick marks mean next to PFP. I think we could add some clarity by adding a little line in the mini profile that shows up on user PFP hover. Just something that describes what they mean. "Follows you" -- something about social graph, not sure about exact copy -- and I have no idea what the grey one means myself, maybe you guys can come up with a description? here is an image of where I am thinking of including it: ![CleanShot 2023-11-28 at 15.52.23@2x](/attachments/1326eadb-ffe4-4c29-b745-d73d76cb5cc3) Maybe a muted / secondary text line right under the PFP / Follow line? Thanks to pam for reporting this!

CleanShot 2023-11-28 at 15.52.23@2x.png

90 KiB

Karnage added the

enhancement

10k

labels 2023-11-28 06:55:04 +00:00

Kieran commented

2023-11-28 10:17:48 +00:00

I also find it hard to discern the colors (im red/green colorblind) maybe it would be better to use different icons instead of colors of a tiny tick

Karnage commented

2023-11-28 13:55:52 +00:00

I agree. There is a follower + checkmark icon I saw that might work. Damus uses similar. For social graph we'll just think of some other social graph looking icon. What does grey one mean?

Kieran commented

2023-11-28 14:45:36 +00:00

Grey is followed by less than 10 people from graph
Red >= 10

Grey is followed by less than 10 people from graph Red >= 10

Kieran added the

P2

blocked:design

labels 2024-05-27 14:49:56 +00:00

Karnage commented

2024-05-28 23:20:51 +00:00

I have redesigned WoT. See Snort Figma.

Logic: Icons alone are unclear. Scores also unclear and de-humanize a person. Labels are necessary. "Followed by {Friend} and x others" is a good label for showing if someone can be trusted. If they don't fall within your WoT, just show nothing (best because this keeps UI clutter-free). For people you follow, show the follow icon next to their name, AND a label. Label is necessary for when the icon is not clear. BUT, people may get annoyed at having a label everywhere even if they know what the icon means, so we should provide an option to disable this label and keep it icon-only.

Not following / no score = show nothing
Following = show follow icon (new) and "Following" label for clarity
Not following but has a score = "Followed by ..." text
Following and has score = Icon + text

I have redesigned WoT. See Snort Figma. Logic: Icons alone are unclear. Scores also unclear and de-humanize a person. Labels are necessary. "Followed by {Friend} and x others" is a good label for showing if someone can be trusted. If they don't fall within your WoT, just show nothing (best because this keeps UI clutter-free). For people you follow, show the follow icon next to their name, AND a label. Label is necessary for when the icon is not clear. BUT, people may get annoyed at having a label everywhere even if they know what the icon means, so we should provide an option to disable this label and keep it icon-only. - Not following / no score = show nothing - Following = show follow icon (new) and "Following" label for clarity - Not following but has a score = "Followed by ..." text - Following and has score = Icon + text ![CleanShot 2024-05-29 at 08.19.13@2x](/attachments/17187db4-73f7-45d4-9ea8-5f6031d9aaa5)

CleanShot 2024-05-29 at 08.19.13@2x.png

616 KiB

Sign in to join this conversation.