105

A UI idea on how to merge boosting with up/downvote buttons into one unified voting system in a visual way (media.kbin.social)

submitted 1 year ago* (last edited 1 year ago) by fearout@kbin.social to c/ArtemisApp@kbin.social

31 comments fedilink hide all child comments

Artemis might use a swipe gesture to visually hint at the relation between upvoting and boosting, as shown in the main animation. Here's a static app mockup with both swipe levels displayed. I'd also imagine that there should be a setting that auto-upvotes posts when boosting.

top 28 comments

sorted by: hot top controversial new old

[-] hariette@kbin.social 11 points 1 year ago

Love this 💜
I have a slide action prototype. So I'll play with this and see how it feels.

[-] fearout@kbin.social 1 points 1 year ago

Awesome :)

[-] frasassi@kbin.social 1 points 1 year ago

@hariette Really digging the overall feed design OP mocked up it’s so clean!

@fearout

[-] ThatOneKirbyMain2568@kbin.social 8 points 1 year ago

This looks really cool, but it depicts the boost as a super upvote when that's not what it is. Boosting is like retweeting—sharing something for those that look at your profile. Right now, this is pretty limited—boosted content is in a separate tab on your profile, and you can view some of the stuff someone boosted if you look at their profile from Mastodon—but I don't think it makes sense to pretend the boost is something it isn't, especially if the feature gets improved in the future. Changing the symbol to something more retweet-esque would help a lot.

[-] fearout@kbin.social 1 points 1 year ago

It's not just one single thing tho, more of an upvote/share combo. I go into more detail about that in the main post on @kbinMeta. While the mockup doesn't necessarily make it obvious, I think it still adds to the understanding a bit more than just having a text button.
But yeah, changing the icon might work. Just throwing out ideas to provoke some discussion within the community.

[-] ThatOneKirbyMain2568@kbin.social 4 points 1 year ago

As far as I know, it really is primarily a share button. While it does give people 2 reputation points (which I don't think people should be caring about), the main purpose of the boost is to be a retweet button, not a super upvote. That's probably why it's set aside on the UI, and it's probably why it has the same name as Mastodon's retweet equivalent. This visual you have looks cool, but I think it changes the UI from unclear to misleading.

[-] Chozo@kbin.social 2 points 1 year ago

I think that's how it functions for Mastodon, but Lemmy and Kbin use boost more as "+2 upvotes", as it's used as the scoring metric for the sorting algos.

[-] fearout@kbin.social 1 points 1 year ago

You're probably right, but the current iteration seems misleading to me as well. I just feel like there should be some way to make voting more coherent in general.

[-] milkytoast@kbin.social 4 points 1 year ago

I love that. even just swiping to vote is awesome, even better with boosting in there. I think swiping the other way should be downvotes then

[-] lixus98@kbin.social 3 points 1 year ago

Really cool design, would it be snappy? I mean if you slide a bit it snaps to an upvote, so it's easier to choose the action you want to perform.

[-] fearout@kbin.social 2 points 1 year ago* (last edited 1 year ago)

Yeah, one common implementation is to slightly snap the block to the closest value. It’s not too drastic though, so the switch between icons/backgrounds itself is snappy, but you’re still free to slide the block.

But overall it’s up to developers :)

[-] MishaMouse@kbin.social 2 points 1 year ago

looks clean! this would be a cool feature.

[-] fearout@kbin.social 2 points 1 year ago

Inline image of a static mockup

[-] uncivil@kbin.social 1 points 1 year ago

This is so cool and I love the visuals. Still waiting on my beta access to Artemis 🥲

[-] aquarisces@lemmy.world 1 points 1 year ago

That’s sick!

[-] minnieo@kbin.social 1 points 1 year ago

this is wonderful!

[-] tophu@kbin.social 1 points 1 year ago

Ooh, this is good.

[-] klin@kbin.social 1 points 1 year ago

this would be amazing… and different themes as well :O

[-] BenjMathis1@kbin.social 1 points 1 year ago

That's awesome. Love the little animation too.

[-] Chozo@kbin.social 1 points 1 year ago

I love the way this looks! Tiff for Squabbles does something similar with their menus, and I'm really digging it so far. Would love to see that in Artemis, too!

Since you can upvote and boost on Lemmy, I think it'd be a good idea to have 3 levels to the animation.

[-] McBinary@kbin.social 1 points 1 year ago* (last edited 1 year ago)

It looks really nice, but I think it would be a lot more efficient to keep 'right-swipe' available to quickly return to the feed from a thread. Makes mobile browsing a lot more streamlined.

[-] fearout@kbin.social 2 points 1 year ago

I’ve answered this earlier somewhere — these functions coexist. In fact, it’s a standard UI element on iOS, apps like notes or mail utilize the same gesture combination. The difference is that you initiate the swipe from slightly outside the edge to go back, and start somewhere on the screen to open a slide drawer. It’s intuitive to use, and it’s included in apple’s guidelines.

[-] a-man-from-earth@kbin.social 1 points 1 year ago

It's a great idea!

[-] LazaroFilm@lemmy.world 1 points 1 year ago

Wow!! This is beautiful!

[-] TheHawaiianKoala@kbin.social 1 points 1 year ago

Such a clean design of the whole thing, OP you should be helping out in the UI

[-] fearout@kbin.social 1 points 1 year ago

Well, I'm in the Artemis discord channel and plan to pitch in several ideas/mockups here and there, so there's that. Not sure whether I'm needed at kbin though)

[-] LazaroFilm@lemmy.world 0 points 1 year ago

One question. How do you downvote? Pull even further?

[-] garrettw87@kbin.social 1 points 1 year ago

Maybe slide the opposite direction.

load more comments

this post was submitted on 10 Jul 2023

105 points (100.0% liked)

Artemis App

16 readers

1 users here now

A threadiverse app (aka Kmoon)

founded 1 year ago