Episode page - hosts/guests layout change

[gerbrent]

JB has suggested it would be really great to change the layout of the hosts on Episode pages. We should also consider guests in this scenario..

Currently

Hosts (and guests) currently occupy a large vusal weighting in the first "page" of episode pages, pushing Episode Links far down the page.

Preferred

It would be great to see Hosts take less visual space to allow Episode Links to rise nearer to the top of the page. Episode Links are high priority content...

Suggestion

Host profiles can be made smaller, and moved to the right sidebar - below Sponsors, above Tags Smaller Host and Guest profile cards: ...perhaps near the vertical dimensions of sponsors currently.

Guests - where oh shalt thy go?

Guests are a little more special. Hosts don't change often, so demoting their priority is quite acceptable. Guests, however, feel important indeed. What then to do?

I would love to see them in the right frame aswell, to gauge how that feels on a show like LUP w 3 hosts, and sometimes multiple guests. Open to alternatives.

---

LUP 466 - 3 hosts, 1 guest

LUP 434 - 3 hosts, 3 guests

Extras 87 - 1 host, 1 guest

[CGBassPlayer]

So I know this was moved to a 2.0 milestone, but I took a look at it anyway. This is what I have so far...

Using the smallest card for the host and creating an identical card for the guests. That way everything could be pushed to one line. I still need to fix up the columns to make it look better on smaller screens. My plan is to move the Guest below the hosts if everyone does not fit on 1 line.

It also made me notice how the tags and links for the episode are tied together vertically. Little more work required, but something that shouldn't be too bad to tackle either. Just playing with some columns.

[gerbrent]

Nice work so far!

I have a big question:

Currently, we have two types of profile layouts:

• circular profiles - Show pages,
• card-based profiles - Episode pages, Host/Guest pages

I see here you've replaced the Episode card profiles w circular ones, which mimic the Fireside style.

For circular profiles:

Advantage: less physical space, more compact Disadvantage: .........?

I am in support of this approach, with cards remaining for Host/Guest pages, and circular profiles for Episode and Show pages. Anyone else have a strong opinion either way?

In conclusion: I really like this change! 🎯

[CGBassPlayer]

@gerbrent I have a question while I'm working on this...

I shrunk the hosts and guests, but I also made it so the episode links are no longer starting at the same height as the tags, and are instead starting under the hosts (working out bugs on mobile view).

BUT when it goes to mobile, the sponsor now show below the episode links.

My gut tells me JB would want the sponsor to be above the episode links, but I figured I would confirm that before I go through the work to move it up on mobile.

[ChrisLAS]

My gut tells me JB would want the sponsor to be above the episode links, but I figured I would confirm that before I go through the work to move it up on mobile.

Yeah, that's a good point. We want it to be easy to find and support our shows via sponsors. So they should be above the links in that layout above.

[ChrisLAS]

I am in support of this approach, with cards remaining for Host/Guest pages, and circular profiles for Episode and Show pages. Anyone else have a strong opinion either way?

In conclusion: I really like this change! 🎯

I'd be inclined to go with any approach that gets the hosts and guests' profile pics taking up the least amount of space possible.