Chat avatar size increase in sidebar

Summary

The chat avatars displayed in the sidebar (under the DMS) section have been increased from a modest 22px to a more robust 28px (on normal font-size setting).

Reasoning

The small images make it difficult to see any details, especially for less familiar avatars.

Screenshots

The example is unfortunately without detailed avatars on my dev environment, but you get the gist.

Notes

To keep the information density the same, I’ve chosen to not increase the general row height. A potential consequence could be that the rows come across as slightly less spacious.

We are also aware that the section title no longer aligns with the usernames, but we’re willing to accept that trade-off at the moment.

The channel icons have been kept at the same size as before, since they do not have any details that suffer from a small size and are therefor less in need of an increase in size.

4 Likes

I follow, but it does look a bit off now:

image

When I compare to say slack, stuff is much more closely sized.

2 Likes

I like the increase in avatar size :smile:

I feel for balance sake, the channels could stand to increase along with the avatar.

An issue that will arise though is having lots of “chubby” filled in chat icons that do not differ in view as DMs do.

IE. This looks fine:

But this looks repetitive:


This brings me to another issue that I think possibly could make things better, but is beyond a design experiment (i think).

Could we allow emoji choice as avatars for chat channels? Rather than this default chat icon? Or an icon that is more lightweight? Slack and Discord both have the hashtag as their chat icon which is much more lightweight than our filled in chat bubble icon.

1 Like