dansup,
@dansup@mastodon.social avatar

Experimenting with separate hashtags in the @pixelfed app

Before vs After

Wdyt?

Hashtag buttons
Inline hashtags
Hashtag buttons

gergolippai,
@gergolippai@mastodon.social avatar

@dansup @pixelfed what would this do with inline hashtags? Ie if i use a hashtag in a sentence like
"A nice of canals"

tallship,
@tallship@social.sdf.org avatar

@dansup @pixelfed

Ummmm...

Neither, really. Or both, perhaps. A combination of the two really, like the following?

https://zotum.net/channel/tallship?mid=ef5f6382-d98f-46f8-a9de-0f57b6ac4940

As you can see, you're only addressing the tags as following a post, whilst most folks tend to their inline as they type out their posts.

Having a facility to integrate those two methods is of great benefit and note that in my example not all are duplicates between the two methods of presenting them.

.

rysiek,
@rysiek@mstdn.social avatar

@dansup way better!

@pixelfed

brianch,
@brianch@mastodon.social avatar

@dansup @pixelfed I much prefer the new version, but as others pointed out, I think maintaining the case is important.

I would also like for the # signal to be kept to make it more explicit, which I feel is specially more relevant when the hashtag is in the middle of the text for example (which I assume would still be possible, it would be horrible to not be able to use hashtags in the middle of the description).

chrismessina,
@chrismessina@mastodon.xyz avatar

@dansup @pixelfed I would caution against lowercasing tags since concatenated CamelCase words are useful for legibility and accessibility.

Visually this style is more pleasant, but might cause people to new to the platform to not know how to create tags (i.e. by prefixing words/phrases with a #).

You'll also have to contend with how this content appears in feeds or via the API.

Also: how would appear inline?

stefan,
@stefan@stefanbohacek.online avatar

@chrismessina @dansup @pixelfed Seconding the point about hashtags and accessibility.

tj,
@tj@piaille.fr avatar

@dansup @pixelfed I like the pill display much better. 👏🏻

  1. However, keep the letter casing untouched.
  2. Maybe add a # at the beginning of each, so that we immediately understand that they are hashtags. Or add a "Tags:" label at the beginning of the list.

Also, what is the behavior with hashtags in the middle of the text? Are they cut off?

elengale,
@elengale@mastodon.social avatar

@dansup @pixelfed Strongly prefer the separated hashtags where they're parsable (I've mixed thoughts on how to handle inline as opposed to ones put at the end).

It just looks so much cleaner.

naught101,
@naught101@mastodon.social avatar

@dansup @pixelfed absolutely. Much better.

zook024,
@zook024@mastodon.social avatar

@dansup @pixelfed after for sure

sturmsucht,
@sturmsucht@mastodon.social avatar

@dansup @pixelfed love, love, love it!
I always was annoyed by the hashtag spam cloud at the bottom of (IG) posts and wonder why hashtags weren't handled separately outside the original caption - like EyeEm did it when they were cool.

oblomov,
@oblomov@sociale.network avatar

@dansup @pixelfed separate id better for end-of-text tags, obviously. What happens to inline tags?

mspsadmin,
@mspsadmin@msps.io avatar

@dansup @pixelfed I'm old school and don't like the overall UI push to more whitespace/vertical spacing. This is minor but still, tend to prefer tags that are different color so they stand out. But also realize that's not fully accessible. Buttons certainly make tag navigation more likely. So on fence 😂

dansup,
@dansup@mastodon.social avatar

@mspsadmin @pixelfed There will be a "distraction free" setting that hides everything but the media, allowing you to long press for options or tap to load the full post screen!

cheeaun,
@cheeaun@mastodon.social avatar

@dansup from my observation (in IG), most folks there purposely "hide" hashtags by putting in a lot of newlines (and force "show more") or add them via a comment instead of post description. Surfacing them this way seems to undo their intentions in my opinion 🤔

dansup,
@dansup@mastodon.social avatar

@cheeaun Yeah that's a good point, I think maybe we'll default to the current inline behavior and make this an optional (app level) setting!

forteller,
@forteller@tutoteket.no avatar

@cheeaun @dansup Yeah, but didn't nt they do that because all the tags are noisy, which this UI would fix? That manual way of hiding tags is more work for those posting, and annoying for those reading, because they can't know if there's a read more link because there's a new paragraph of actual text, or just tons of tags. So people have to press the read more all the time just to check, wasting everyone's time.

What if the tags are separated out, like this, but also hidden behind "Show tags"?

herrherrmann,
@herrherrmann@mastodon.social avatar

@dansup @pixelfed I think it’s helpful to have them shown in this new button style!
I’d also suggest increasing the line height of the description text. Currently, it’s very tight which doesn’t look great, and makes reading multiline descriptions harder.

pieceofthepie,
@pieceofthepie@n8e.dev avatar

@dansup @pixelfed I like the idea of buttons but they've "lost" the identity of being a hashtag by not having, you know, a hash.

pieceofthepie,
@pieceofthepie@n8e.dev avatar

@dansup @pixelfed Additionally, in this example at least, they've dropped the more accessible CamelCase format.

nclm,
@nclm@mastodon.social avatar

@dansup @pixelfed Looks good! Much cleaner and more parseable. I do however think it’s important to keep the capitalisation and the tag order that the person chose? Those can convey meaning.

dansup,
@dansup@mastodon.social avatar

@nclm @pixelfed Yeah good point, I'll fix this!

dansup,
@dansup@mastodon.social avatar

@pixelfed If we go this route, we'll likely limit the # of hashtags with a "show all" to load more if applicable.

This is growing on me though, and this is inspired by @Gargron work on tag buttons in Mastodon!

habibcham,
@habibcham@mastodon.social avatar

@dansup @pixelfed @Gargron After + limit with Show All. 👏

  • All
  • Subscribed
  • Moderated
  • Favorites
  • Pixelfed
  • PowerRangers
  • hgfsjryuu7
  • InstantRegret
  • Youngstown
  • rosin
  • slotface
  • everett
  • mdbf
  • tacticalgear
  • kavyap
  • thenastyranch
  • DreamBathrooms
  • ngwrru68w68
  • magazineikmin
  • Leos
  • vwfavf
  • cisconetworking
  • cubers
  • modclub
  • GTA5RPClips
  • khanakhh
  • Durango
  • osvaldo12
  • normalnudes
  • tester
  • ethstaker
  • anitta
  • provamag3
  • All magazines