Follow

Public hashtag page, but with a masonry layout. Thoughts?

Out of curiosity, do you understand what I mean when I say "public hashtag page"?

Some adjustments will be needed, I think, in terms of sizes and margins. And show more doesn't work properly. But here is a demo:

mastodon.social/tags/catstodon

☝️ Updated that page again. Added a header, fixed show more, made the text and margins a bit smaller.

@Gargron oh I really don’t like this at all

@Gargron I always find when sites move towards this it’s hard to see the individual posts as well because your eye is overwhelmed

@Gargron @Gargron well I mean. It’s not ideal necessarily. But I think the masonry thing really wigs out peoples eyes. Maybe you could make a second column of something else? I do think having the screen telling you about masto is good? This is just for the pages that you can see only without an account right?

@Gargron @Torie I do. The masonry layout has too much going on. I don't know where to look, it's hard to scroll through, and I'm not sure at a glance of the chronological ordering. The previous version could be a wider column to give it more room and make images look better.

@Gargron I like it UwU

Would the images still be larger when you have 4 in there?

@Sir_Boops The same rule applies as in web UI detailed view: If there is more than one image, they are displayed in a tiled, fixed-size grid. If there is one image, it's displayed in its real size.

@Gargron Please no. Layouts like that require more executive function to process, so less accessible o nmy bad days.

@jessmahler How often do you browse the public hashtag page instead of the one that opens in the web UI?

@Gargron i use it occasionally. but I'd suggest taking my reaction as sample of how folks with executive dysfunction will react, including#actuallyaytistic, #adhd, and others.

@Gargron But wil lstill be a problem for other folks w/ executive disfunction using that page

@Gargron i don't like it. looks weird. i can't even really express why.

@Gargron Masonry works for media but not so well for text posts.

@Torie If you're in the columnized web UI and left click on a hashtag, it opens in a column. That's the web UI version. When you instead open the hashtag link in a new tab, it opens a separate page, possibly on a different server. That's the public hashtag page.

@Gargron ok. Cool. Thank you. Regardless, I do think the masonry set up is confusing and takes a way part of what I like about masto which is super clear and unambiguous chronological posting. I think there’s room for confusion there because everyone’s eyes will be wizzing around the screen.

@Torie I don't think it takes anything away, since Mastodon users do not customarily view that page. It's oriented towards outside viewers, and I think it makes better use of the screen real estate to make sure that they see at a glance something they might be interested in.

@Gargron yeah I see what you mean. I guess I’m thinking towards tumblr and how they have that same mentality and went to the grids. And I did see that page semi frequently despite not being meant to and hated it every single time. But I also definitely see what you’re saying.

@Gargron Sounds like a page with all the public posts containing a hashtag.

@Gargron I'd propose a quick screencast to get the idea across...
I'd be interested to see how newer/older posts appear on the page.

@Gargron I have two things in mind. It is public and a page. But here comes the tricky part. Either you can see the toots (under a specific hashtag) or a word cloud which hashtags are most used on an instance (which I guess is cool as well?)

@Gargron will this be merged with the new explore/directory?

@james No, it's unrelated, but it's part of a motion to revamp all public pages to use a more consistent header/footer

@Gargron looks like Tumblr's hashtag search, it's a good thing

@Gargron I'm slightly surprised at myself for not noticing they were links. Handy tip!

@Gargron I agree with @chartier’s comment earlier though, it could do with a big heading with the hashtag at the top of the page so you know exactly what you’re looking at.

@virtualwolf @Gargron @chartier
agree, some info about the tag needed.
is it me or the font size is way too big?

@Gargron I like the mosaic layout! Only issue I can see is that since images can align randomly due to different proportions, it sometimes gets a little confusing. Very convenient design none the less.

@Gargron Nice! Though I agree that the tag should be visible as a header.

@Gargron I really like this idea, and the implimentation makes it easy to scan lots of toots at once

@Gargron So many caaaats *O*

The explanation in the header is nice for people outside of the fediverse. Good thinking

@Gargron nothing to complain about the layout, I just find annoying the pop up and userid request everytime I try to fav or boost a toot in there especially if I'm already logged in the same instance. I guess it has something to do with the whole protocol whatever but... oh well

@Gargron my first thought was a column showing all the relevant # searches I happen to click on.

@Gargron Even though the tag is of course in every visible toot, I still have a nagging feeling that the page could use some kind of title or label to make sure the user understands what they’re viewing/why they’re here.

@Gargron For a public page I guess it can fit, yes. It gives a more overall approach than the usual column (that logged in user prefer). :)

Sign in to participate in the conversation
Mastodon

Follow friends and discover new ones. Publish anything you want: links, pictures, text, video. This server is run by the main developers of the Mastodon project. Everyone is welcome as long as you follow our code of conduct!