Poor readability of the user card #128

New Issue

Open

opened 2022-08-12 08:23:18 +00:00 by fristi · 2 comments

fristi commented

2022-08-12 08:23:18 +00:00

Take my own profile for example:

Especially on the light theme, the username and handle are poorly readable due to the combination of the image and black text. It's somewhat better with the dark theme, though not great either. The problem only gets worse once you start considering themes with lower contrasts.

I would suggest changing the user card so that the profile banner is actually used as a banner, like in other microblogs like mastodon and misskey. This will also make it easier for a user to get their profile to look more consistent across the different microblogs.

On a side note, if we're to redesign the user card, we might also take into account making it look better in notifications, since it currently is just a squashed mess:

One of the things that has always irked me about pleroma-fe, is how the profile banner is used as a background for the whole user card. This can cause problems with readability of the user bio, depending on the combination of image and theme used. Take my own profile for example: ![on a dark theme](https://cdn.subcon.town/files/dark.png) ![on a light theme](https://cdn.subcon.town/files/light.png) Especially on the light theme, the username and handle are poorly readable due to the combination of the image and black text. It's somewhat better with the dark theme, though not great either. The problem only gets worse once you start considering themes with lower contrasts. I would suggest changing the user card so that the profile banner is actually used as a banner, like in other microblogs like mastodon and misskey. This will also make it easier for a user to get their profile to look more consistent across the different microblogs. On a side note, if we're to redesign the user card, we might also take into account making it look better in notifications, since it currently is just a squashed mess: ![User card in notifications](https://cdn.subcon.town/files/notif.png)

👍 1

norm commented

2022-08-12 09:04:15 +00:00

Contributor

On a side note, if we're to redesign the user card, we might also take into account making it look better in notifications, since it currently is just a squashed mess:

I think one thing that can help with that is moving those buttons into the menu with three dots. It already contains the "Block" and "Report" functions there.

> On a side note, if we're to redesign the user card, we might also take into account making it look better in notifications, since it currently is just a squashed mess: I think one thing that can help with that is moving those buttons into the menu with three dots. It already contains the "Block" and "Report" functions there.

fristi commented

2022-08-12 09:44:11 +00:00

Author

I think one thing that can help with that is moving those buttons into the menu with three dots. It already contains the "Block" and "Report" functions there.

I agree, this is something I'm already actively working on. Perhaps I can combine it with a user card redesign and make something similar to how misskey has it, with the follow button and menu in the upper right corner. My only concern is where to leave the highlight select box.

> I think one thing that can help with that is moving those buttons into the menu with three dots. It already contains the "Block" and "Report" functions there. I agree, this is something I'm already actively working on. Perhaps I can combine it with a user card redesign and make something similar to how misskey has it, with the follow button and menu in the upper right corner. My only concern is where to leave the highlight select box.