OdyseeTeam / odysee-frontend

The code that runs odysee.com
https://odysee.com
MIT License
213 stars 68 forks source link

Suggestions for live chat layout #1627

Closed Abwasserrohr closed 2 years ago

Abwasserrohr commented 2 years ago

Is your feature request related to a problem? Please describe. I feel like the livestream chat on Odysee is empty and while there are not always a tons of chatters, I also get that feel on active Odysee chats. There is way too much dead space in the chat and I want to suggest a few changes to make it feel less empty and some other suggestions with images how it could look.

I also looked at the chat of other platforms like Twitch, YT, Dlive, Trovo and all of them implement the chat in way like I want to suggest for the Odysee live chat. While I see that we don't want to be a copycat doing everything exactly the same, all video streaming platforms I watched besides Odysee have implemented their chat in a similar way.

Describe the solution you'd like

  1. More compact chat

    1. No extra line just for username, rather start the message after the name
    2. Remove the @ character like on channel names in video cards
    3. Move and change timestamp in front of name
    4. Have badges in front of the name, it looks more organized, since it’s always at the same place and not changing due to length of name. It is harder to find the badge of the user if it is behind the name and devaluing it that way. image image
  2. In chat, most people are not writing tons of text, the input field could be just 1 line and expand if people write more into it. image

  3. Move cogwheel down to the other settings, since it’s just easier to have all the switches and settings at one place instead having some on top and some on the bottom. image

  4. The “Comment” button did confuse me first time I looked at it in the chat box, it could be “Chat” instead, so everyone knows that clicking that button will create a chat message.

tzarebczan commented 2 years ago

Thanks for taking the time to research and spell out!

I agree we don't wanna look exactly like the competition, but there's definitely things to improve.

mayeaux commented 2 years ago

I really like these ideas:

But great suggestions, I think these would be easy to implement and would have a really positive impact, thanks for the heads up

Abwasserrohr commented 2 years ago

I agree, the cog wheel is great where it is right now and that there should be a difference between both of the settings.

The timestamp after the name makes sense in the way the messages are displayed right now, but if messages start in the same line as the user names, the timestamp is blocking the way people read, maybe it's just me being biased, since I watched a lot of twitch streamers months/years ago.

After the name In front of name
grafik grafik
Here, if I want to know who did write the message, I need to look at the name and instead of naturally reading the message, I need to fly over the timestamp, if it's enabled. This way, people don't have the timestamp between the username and the message. Most platforms have no relative time, because it's just too long I guess.

How competitors do it:

Platform Image
Twitch grafik
YouTube grafik
Dlive grafik
Trovo
(seems like they don't have any timestamps setting)
grafik