this post was submitted on 02 Jun 2024
364 points (97.4% liked)

Fediverse

27805 readers
217 users here now

A community to talk about the Fediverse and all it's related services using ActivityPub (Mastodon, Lemmy, KBin, etc).

If you wanted to get help with moderating your own community then head over to [email protected]!

Rules

Learn more at these websites: Join The Fediverse Wiki, Fediverse.info, Wikipedia Page, The Federation Info (Stats), FediDB (Stats), Sub Rehab (Reddit Migration), Search Lemmy

founded 1 year ago
MODERATORS
 

Hi all,

Quiblr now has personalized post feeds for Lemmy!

I haven't seen a "recommended feed" feature anywhere else in the fediverse but I thought I would take a crack at building it!

My goal was to make a privacy-focused recommendation engine that tailors your experience based on the content you interact with. None of the data leaves your device. You don't even need to log in for it to work

  • You can turn it off or tune your feed in the settings
  • Each post now also includes a show me more/less button

I would LOVE feedback from folks if you get a chance to try it out!

This was really fun to build so let me know if there are any questions!

PS: Let me know if someone else has built this feature for the fediverse - then I will change the title to not claim "the first" lol

(page 2) 25 comments
sorted by: hot top controversial new old
[–] [email protected] 8 points 3 months ago

Could this somehow be upstreamed into a new sort to be built into Lemmy? That would be pretty cool.

[–] [email protected] 2 points 3 months ago (1 children)

You don't happen to use this username on Steam, do you?

[–] [email protected] 4 points 3 months ago (1 children)

No I do not lol do I have a doppelgänger?

load more comments (1 replies)
[–] [email protected] 2 points 3 months ago (1 children)

This is excellent! Thanks. Anyway to self host? I dont want to bog down your system.

[–] [email protected] 8 points 3 months ago (1 children)

Quiblr is a frontend, so you are not bogging down my system :) It is designed to run on whichever Instance you use

[–] [email protected] 2 points 3 months ago

You're amazing. Nice way to do it!

[–] [email protected] 4 points 3 months ago

This is insanely good!

[–] [email protected] 4 points 3 months ago (1 children)

This is flipping amazing. UX beats big corps hands down, recommendations are greatly innovative. One little thing: can we have a back button? It's a bit clunky when I have to go to the top of my browser every time I go back from a post. Other than that, it looks great!

[–] [email protected] 5 points 3 months ago

THANK YOU! Im glad you love the UX and recommendations feature.

Can you elaborate what you mean on the back button? Pressing back on your browser scrolls to the top of your feed?

[–] [email protected] 12 points 3 months ago (1 children)

I like this, it's impressive. Will there be an app we could move to or is it just web based for now?

[–] [email protected] 15 points 3 months ago

Web based for now. IOS and Android apps are in the works!

[–] [email protected] 28 points 3 months ago (2 children)

This is great! Some feedback on UI:

  • The first thing I did was click ⇩ on a post and it prompted me to log-in. This is confusing because I thought I could train the recommender without having to log-in. It took me a minute to find the "Like/Dislike" buttons because they require an extra click to open the post menu. Maybe make the Like/Dislike a bit more prominent and accessible, and find a way to differentiate between the controls for training the recommender and the upvote/downvote actions on the post itself. Or even better, make them the same thing so there's only one pair of controls and if you're not logged-in then upvoting just boosts the recommendation but doesn't actually send the upvote action to the post.
  • Please use actual links (<a href=""></a>) for post navigation so that I can tell my browser to open a link in a new tab. Usually I middle-click to do this (in Firefox) but since the post title and content only respond to javascript events, I can't middle click to open in a new tab. Clicking the post opens it in the same window.
  • Add text content of posts, or at least a button to expand the text content. Right now text posts are just the post title and I have to click through to read the content.
  • Add alt-text (tooltips) to your buttons. I know what the standard share/bookmark icons look like but it helps to have tooltips to be sure.
  • Add a link to open the original post (on the origin server). Every fediverse UI has this. If you have it too, I couldn't find it.
  • Allow me to see (and drag) the scrollbar of the main content frame.
  • Add a refresh button (maybe at the top of the feed) so that I can generate more recommended content without having to actually reload the page in the browser.
  • When clicking a community name, I get the community page but I can't press the back button to go back to the feed.
  • If I "dislike" a post, I don't expect to see it again after a refresh, or ever.

Also, it's a bit late to change it now, but the name is very 2009-internet-startup.

[–] [email protected] 17 points 3 months ago* (last edited 3 months ago)

Lots of great feedback. I'll try to address each:

  • I tried to differentiate voting vs. "like/dislike" for the algorithm as to not confuse users who think they are logged in. I can put more thought into how to make this a bit more intuitive
  • Quiblr is built as a progress web app (PWA) so it uses native app components. The benefit is that it is faster and easier to manage multiple code bases. But the con is that it doesn't have all the same benefits as HTML. I added an "open posts in new tab" feature in the settings
  • I like the idea of added more body text in the post itself. My fear was that it would make the feed look too crowded, but I can take second look at it
  • I love the tooltips idea
  • The 3 dot ellipses has a Post Detail section for each post. Maybe this could be a good place to add the link back to the original Instance url.
  • I like the scrollbar idea. I think this could make sense as an optional setting because I personally don't prefer the scroll bar but I want to include it for users who do prefer it
  • I added a refresh button for users using the PWA version (since they don't have a refresh button in the browser). Maybe something like "pull down to refresh" could work on
  • You should be able to press the "<" back button when viewing a community on mobile or just back in your browser. Both should take you back to your feed. Let me know if it isn't working as intended
  • I'll have to see the API allows for removing downvoted items from feeds. I can try to get creative if needed

Edit: Added tooltips for post buttons + original url on the Post Detail page. I will continue to update this comment as I work through other additions in this list

load more comments (1 replies)
[–] [email protected] 12 points 3 months ago (1 children)

Forget about personalisation. That UX work is just 👌👌💯✨

But I'd definitely would like to know how it works.

[–] [email protected] 9 points 3 months ago

Your comment made me smile! I've worked hard to make Quiblr a platform for the fediverse to be clean, modern, and accessible. Basically - remove all the friction that generally comes with fediverse apps

[–] [email protected] 25 points 3 months ago (1 children)

This is great! Is it open source? The only thing I found missing was an about page.

[–] [email protected] 23 points 3 months ago (2 children)

Not open source (at least yet). Quiblr has been a side project for me and I've never managed an open source project before lol I'm talking with a buddy on how that could work though because he manages a few open source projects

Also, I added an about page in Settings >> For You >> Learn More

load more comments (2 replies)
[–] [email protected] 9 points 3 months ago* (last edited 3 months ago)

Very cool!

Tesseract just lets you put communities into groups and view those groups as feeds, but it doesn't do any personalization. AFAIK, you're the first :)

[–] [email protected] 57 points 3 months ago (2 children)

Wow. This is pretty impressive since you usually only see these kinds of things from big tech companies and their stuff is definitely NOT privacy friendly.

Can you provide more detail on how it works and how it is different than what big tech is doing?

[–] [email protected] 53 points 3 months ago* (last edited 3 months ago) (1 children)

Thanks a bunch! It took me a while to craft the solution to make sure it was both effective + private. I was originally inspired by Canopy. They built a news aggregator with private & personalized posts a few years back and the idea sat in my head.

To answer your question(s), there are quite a few signals that big tech uses to recommend content. Not all of them are privacy invasive (or at least they don't HAVE to be). My approach was to do thorough research on the different signals used by big tech to make their recommendation engines, and just build ones that 1.) were possible given fediverse API limitations and 2.) private. I had to craft some novel approaches to make it work but I'm pretty happy with the outcome!

One of the biggest differences between the "big tech" approach and Quiblr's is that most big tech does not keep data simply on your device. They store it in datacenters to build large social-webs to essentially cluster users (and push more relevant ads).

But I was able utilize many of the other signals used by big tech (e.g. communities you engage with, metadata of content you read, dwell time, post/comment/vote activity) and I designed it to work offline with no servers.

Edit: grammar

load more comments (1 replies)
[–] [email protected] 13 points 3 months ago

Yep I will be happy to see that too

[–] [email protected] 7 points 3 months ago
load more comments
view more: ‹ prev next ›