Skip Navigation

A UI idea on how to merge boosting with up/downvote buttons into one unified voting system in a visual way

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.

31
/kbin meta @kbin.social fearout @kbin.social
Assuming boost stays as some sort of a super-upvote/share combo alongside regular up/downvote buttons, here's a UI idea on how to merge it into one unified voting system. App animation + web block moc
31 comments
  • Love this 💜
    I have a slide action prototype. So I'll play with this and see how it feels.

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

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

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

  • 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

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

    • 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 :)

  • Inline image of a static mockup

  • looks clean! this would be a cool feature.

  • Ooh, this is good.

  • this is wonderful!

  • Wow!! This is beautiful!

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

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

  • That's awesome. Love the little animation too.

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

  • It's a great idea!

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

    • 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)

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

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

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

31 comments