Joystream / atlas

Whitelabel consumer and publisher experience for Joystream
https://www.joystream.org
GNU General Public License v3.0
100 stars 44 forks source link

Add comments section to categories #6412

Open dmtrjsg opened 5 months ago

dmtrjsg commented 5 months ago

Context

We want to start moving towards enabling vertically aligned communities. The first step in our opinion is to facilitate the messages exchange on the category level.

Scope

Design a way for viewers to communicate in the category spaces, which can have a similar look and feel to the video comments to start with.

The interface should be intuitively built in to mobile experience as the primary objective.

msmadeline commented 5 months ago

Hey @dmtrjsg I did 3 suggestions of how we can display the comments section to categories. Both desktop and mobile views. Let me know which one is your favourite

➡figma file: https://www.figma.com/design/FU2k3hoyr9rnuf5wrWAtiJ/Homepage?node-id=1255-5513&t=9IbAK1E7LO7b3T6X-4

msmadeline commented 5 months ago

@dmtrjsg I did another variant of the third version. Let me know wdyt ➡https://www.figma.com/design/FU2k3hoyr9rnuf5wrWAtiJ/Homepage?node-id=1279-18793&t=9IbAK1E7LO7b3T6X-4

bedeho commented 5 months ago

I don't think this makes sense.

These categories are presumably long lasting, like a video or a token page would be. This means the relevant topic of discussion will change over time, however there is no way to delineate this in one ongoing threaded discussion.

My skepticism here is not on the design @msmadeline , I'm not sure it could have been done on many other ways than this, its on the concept.

I think this is too half baked to bother shipping.

bedeho commented 5 months ago

I also have some general feedback

  1. Drop "All", just use Crypto as the landing page. All speaks to everyone, and thus noone. By having different tabs we are clearly showing all verticals are welcome, but lets not dilute our home feed for no reason.
  2. Since we have a curated, and small number of verticals, why not make it a bit more enticing to explore them by having custom icons for each, giving it a bit more attention and sense of permanence.
  3. Perhaps we could make it possible for someone to suggest a new category in-app? Just by adding a button or something on the right hand side in that same area?
  4. Why are we not shipping the proper featured banner section right away? this is such a small change and it raises the value proposition for a creator/partner to get onboarded. For this we would need some sort of robust template that would feature the creator, their channel and perhaps the latest video in their channel. The objective is to allow creators to capture traffic for their most valuable recent messages. If the banner is fully automatic, then it would be ideal if it could pick up some of the key brand colors of the creator avatar or brand banner to accent the key colors in the header. Spotify does this really well for example for its backgrounds on playback.
  5. How are these tabs supposed to operate? I assume they are hidden when you scroll down, but when you scroll up they slid down?
  6. Are these verticals the actual once we will launch with, or are these place holders? Seems like needlessly few
  7. It has not been explained in this brief how each feed will work. Will there be hard coding in the top few rows? how are ideos ranked, this needs to be explained, it is no less part of the product design than anything visual. We may need to do changes to curation tools or processes to facilitate this.

Note: @msmadeline whenever possible, please try to use realistic videos and titles in the designs, it gives a much better feel of how a design will actualyl work, with the sort of artefacts we are using now we really dont get a accurate sense of how robust the design is in face of user generated content.

dmtrjsg commented 4 months ago

@bedeho

From my perspective adding a category there was just a quick test if there's any appetite for this at all. We can not ship it in the current form but from cost perspective I cannot see a cheaper and faster way to test the community angle.

Drop "All", just use Crypto as the landing page

I would keep the all as a default, and that way we can at least see what users are clicking on to gauge the interest % from viewers. Assume crypto would be the dominant still, but without having it explicitly the experiment/ analytics will be less conclusive.

custom icons for search

In a grid form that may help, but since there's a relatively small number of categories a clean button helps the legibility. Categories bubbles with icons will compete for the visual attention with video thumbnails so clean text actually makes it standout more imo.

Why are we not shipping the proper featured banner section right away?

This was raised as a separate issue and so far still in the backlog for design. Wil add the comment for "their channel and perhaps the latest video in their channel. The objective is to allow creators to capture traffic for their most valuable recent messages. If the banner is fully automatic, then it would be ideal if it could pick up some of the key brand colors of the creator avatar or brand banner to accent the key colors in the header." to the respective issue:

How tabs supposed to operate

I thought of presistently sticky header that is kept even when you scroll down.

Are these verticals the actual once we will launch with, or are these place holders? Seems like needlessly few

These are the ones that we are aware of having abundant content that refreshes substantially often. I will review the count of channels and videos and we can finalise the list based on that.

It has not been explained in this brief how each feed will work. Will there be hard coding in the top few rows? how are ideos ranked, this needs to be explained, it is no less part of the product design than anything visual. We may need to do changes to curation tools or processes to facilitate this.

I assumed that we keep the same ranking logic as applies to current homepage feed. As for manually pinned videos they would for now remain on "all" default landing page. And thought we could add this later.

bedeho commented 4 months ago

From my perspective adding a category there was just a quick test if there's any appetite for this at all. We can not ship it in the current form but from cost perspective I cannot see a cheaper and faster way to test the community angle.

What is this a response to, I did not understand.

Drop "All", just use Crypto as the landing page

I don't understand your counterargument here. Not having all does not prevent us from seeing what people click on. If oyu think there is some distinct order effect of having non-All category as default (which i totally do not buy btw.), then we just randomise what we pick as default tab. All will just have the worst experience and offers no upside.

since there's a relatively small number of categories

What was the basis for only pickings o few? why would it harm us to have more categories to show more breadth? I ask not as a justification for icons (I don't think I really understood the relvance).

Categories bubbles with icons will compete for the visual attention with video thumbnails so clean text actually makes it standout more imo.

I think very barely so, the size and contrast in cover photos does not make them really comparable, but I don't think it matters that much at this point, so fine if you want to drop.

dmtrjsg commented 4 months ago

What is this a response to, I did not understand.

It was a response to this comment I don't think this makes sense.These categories are presumably long lasting, like a video or a token page would be. This means the relevant topic of discussion will change over time, however there is no way to delineate this in one ongoing threaded discussion.

Sorry I think I had a typo and meant not adding category but adding a comments / community thread section as a way to quickly gauge interest in that type of interaction at low cost. So did not want to suggest and overinvest in more complex mechanics just yet.

Not having all does not prevent us from seeing what people click on.

If everyone lands on Crypto we cannot gauge the relative interest for the categories e.g. Crypto vs other categories. Having all would also preserve the integrity of current ranking across all higher quality videos so will still be a better visual appeal from the onset.

I'm not insisting on that and already asked Radek to remove "all as default". We just need to be mindful that clicking back to Crypto would be our best signal with this set up.

why would it harm us to have more categories to show more breadth?

The general quality of the content/ channels in those categories. I am reviewing the channels and videos count in other categories to see where we can add more

dmtrjsg commented 4 months ago

Discussed that a thread for the category level showing

May be an interesting stab at the topic, but requires more thinking. Further discussions required to distill the idea properly. Putting on pause for now and will be discussed on the upcoming Gleev meeting.