Email or username:

Password:

Forgot your password?
dansup

Experimenting with separate hashtags in the @pixelfed app

Before vs After

Wdyt?

#askFedi #pixelfed #pixelfedApp #pixeldev

Inline hashtags
Hashtag buttons
Inline hashtags
Hashtag buttons
66 comments
Marcello Lamonaca

@dansup I find "hashtag buttons" more readable and overall nicer

dansup

@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!

Martin Vermeer FCD

@dansup @pixelfed @Gargron Looks really nice UX wise, esp. the smaller type. Tumblr does this approximately also this way.

nicolas ⁂

@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.

Le Podthécaire 🔻

@dansup @nclm @pixelfed
Yes, I'd add CamelCase is important.
I do like the buttons 👍

pieceofthepie :coffefied:

@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.

HerrHerrmann

@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.

laurel

@dansup @pixelfed As somebody who lives for the captions as much as the photos, the separate hashtags look a lot more inviting (esp. for longer captions)!

Mike Dreier

@pixelfed @dansup I am excited about the hashtag buttons and would prefer this version. How would it be if you could select this yourself via a setting in the settings? That would please both camps.

Chee Aun 🤔

@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

@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!

Bø!rge

@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"?

ITX Mike

@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

@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!

φ

@dansup @pixelfed how would a hashtag be handled if it's surrounded by normal text?

Oblomov

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

SunDancer

@dansup @pixelfed personally I like the "old school" #Hastag better. These "hastag bubbles" just don't do it for me.

äymm :damnified:

@dansup Generally I agree with @SunDancer. But I do prefer if they’re highlighted somewhat, e.g. with a different color. I also generally despise these hashtag soups where people add so many of them
@pixelfed

Anya

@aymm @dansup @SunDancer @pixelfed I like the new ones better. The separation makes them better readable.

Angeles

@pixelfed @dansup What may happen if the hashtag is "inside" the text blob. Does it also appear below?

Steven Impson

@dansup @pixelfed Way prefer the second, button style. Looks intentional rather than the hack that hashtags began as.

Dark and and Stormy

@dansup @pixelfed As pixelfed is a visual platform to begin with, I would vote for the hashtag buttons.

Ultrasquid 💀

@dansup @pixelfed definitely a lot better and infinitely more readable.

Chris 🦑

@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.

P’undrak :emacs: :archlinux:

@dansup @pixelfed That’s a lot nicer! Before looks a lot more cluttered than after.

𝕂aleb 🚫

@dansup @pixelfed I love this, but my primary concern is losing the context when users rely on inline hashtags. By pulling a tag out of context it can completely break the flow of the post.

If you could identify inline tags and leave the content in place, but add the tag to the footer. It would work fine.

“This #tag adds meaning.
#pixelfed

Could become:

“This tag adds meaning.

[tag] [pixelfed]”

DELETED

@dansup @pixelfed as long as you don't do the thing where hashtags in the middle of the text get ignored

Elengale

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

It just looks so much cleaner.

Richard Stocks

@dansup @pixelfed

Love it - looks super clean and easy to read. Are you going to treat tags embedded within the text the same way, or keep it to tags at the end of the post?

Tristan

@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?

Chris Messina

@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 #hashtags appear inline?

The REAL Um Jammer Lammy

@dansup @pixelfed the separate buttons definitely look better to me

Norbi Peti

@dansup @pixelfed I like it, I think it's way easier to read. Maybe hiding them by default could be nice. Or even make the amount shown configurable lol.
Would it affect inline #hashtags too? Or just end-of-the-post dumps?

Markus

@dansup @pixelfed Looks great! But what if somebody posts #inline hashtags?

(Would love for the tag to automatically appear as a button below and the # removed from the text.)

Farce Majeure

@dansup @pixelfed why take the # out? Also why are they all lower case?

Davey

@dansup @pixelfed

"After" is much gentler on the eyeballs

🚢

Robert Wetzlmayr 🇪🇺

@dansup @pixelfed Hashtag Buttons +1. That's less visual clutter imho.

LanguageMan1

@dansup @pixelfed I prefer the clean approach myself so the 2nd is my choice. But technically it doesn't matter if I happen across something similar to what I'm looking for and it catches my eyes. I'll most likely check it out.

Brian

@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).

Stewbs

@dansup @pixelfed Like the second one much more, looks cleaner, nicer and more organized too. The improve readability is a plus and it can help with accessibility too! I'd say go for the 2nd option, limiting the amount of hashtags visible will also help reduce post clutter and make it a much more enjoyable viewing experience

tallship

@dansup @pixelfed

Ummmm...

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

zotum.net/channel/tallship?mid

As you can see, you're only addressing the tags as #labels following a post, whilst most folks tend to #hashtag their #articles 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 #tags are duplicates between the two methods of presenting them.

#tallship

.

@dansup @pixelfed

Ummmm...

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

zotum.net/channel/tallship?mid

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

Josh Hrach

@dansup @pixelfed It looks nice, but sometimes people will throw in a tag in the middle of a sentence. If this parses it out, now you've created a grammatical issue with their sentence.

Unless you'll only do this with trailing tags?

kaosine

@dansup
After but bring back the symbol in it. Would look better imo as part of the new
@pixelfed

gergo

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

Go Up