damus
damus copied to clipboard
⚡️⚡️⚡️Design ideas for lightning tipping on notes
Lightning design exploration:
CC: @BenGWeeks @jb55 @joelklabo
How could Damus approach Lightning tipping?
I'm sharing images of three different ideas, both in light and dark mode. I hope that this issue will be focused on how to improve the lightning tipping experience.
*Note: This isn't a complete redesign suggestion. In order to generate ideas, sometimes it means trying different things in order to imagine the possibilities. (I used Ben's Figma file as a starting point.)
Lightning 1.
Goal: Explore possible location of the lightning button, within the existing framework.
Order of buttons we are familiar with, from using Damus, and from Twitter. Comment - Boost - Shaka-like - Share Share buttons are usually what we expect last, so I placed the lightning button after the shaka icon, before the share button.
Questions surging from this:
Lightning tipping is a type of like feature, is there a need for two options to like (shaka-like & lightning)? Could they be merged into one?
- If lightning is a major differentiating feature, is displaying it in a row with the other options, and in that order be the best way to display it?
- Will the lightning tipping show how much you have tipped?
- Should it show the total tipped, if so, where?
- Will a like (without the tipping) become more of a bookmarking feature in the future?
Lightning 2.
Could creating a separate bar just for lightning add a fun feature for people to try? Could the shaka appear after someone tips for the first time - merging both options? Could it be a meter of total tips, as well as how much you have tipped? How should the lightning bar change as tips come in?
Lightning 3.
If what we're hoping is to tip the content of our favorite creators, should the tipping be tied to their profile pics? Would this feel closer to the Stacker News experience, where you tip close to the person's name?
What's next? How could the design be simplified?
Please let me know if you have any comments, questions, or ideas.
Figma file for Damus design explorations: https://www.figma.com/file/1KYwT2y4LfqeVy0dvOcypg/damus
Includes an Icons page with the icons used for this exercise in the 3 sizes needed for https://github.com/damus-io/damus/issues/236
Reference issue & files from @BenGWeeks https://github.com/damus-io/damus/issues/236 https://www.figma.com/file/ORaT1T0Ywfbm0sIjwy5Rgq/Damus-UX (I hope to add some comments within the next couple of days)
Nice ideas. I think you will see Lightning tips on posts imminently. The challenge is to aggregate the tip count which I believe will require an amendment to LNUrl. I had assumed the tip total would be displayed next to the lightning symbol, and when you click it, it asks how much. However, I also very much liked your other ideas around how this could be done as well.
FYI @leesalminen
Nice ideas. I think you will see Lightning tips on posts imminently. The challenge is to aggregate the tip count which I believe will require an amendment to LNUrl. I had assumed the tip total would be displayed next to the lightning symbol, and when you click it, it asks how much. However, I also very much liked your other ideas around how this could be done as well.
Thank you.
The challenge is to aggregate the tip count which I believe will require an amendment to LNUrl
Yeah I have this mostly working now so it will be coming soon
I had assumed the tip total would be displayed next to the lightning symbol, and when you click it, it asks how much
There might be some fun design things you could do here, like hold and slide to adjust tip amount. Single click could have a default configurable tip value (1000 sats?). I think default tip value is pretty important, as it anchors how much the average tip is. I think some sites initially set it to very low (1 sat) which isn't as much fun. I want tips in damus to have a much larger impact.
I love the idea, but I think this shouldn't be called tipping. It's too limiting, and against the V4V philosophy. Adam Curry explains this in some detail in Bitcoin Review ep. 11 in case you're interested in why the "tipping" terminology is problematic.
It's unfortunate that "retweets" are called "boosts," as "boosts" are value-messages (messages with sats) in Podcasting 2.0. What about adopting this terminology, and calling sending sats a "boost"? We'd have to call re-publishing a note something else then, though...
I know that this design doesn't go but I had this one kinda in place:
The idea is to have a button/icon toolbar similar to twitter because it is the intention, I also think that having the number of times that that note has been tipped is alright.
As @jb55 said, we could do something cool here after you click the lightning/tip icon, show a set of suggested amounts or a slide to tip cool control, as well provide a way to switch wallet within there so there is not need to go to my settings to change my default wallet(just in case is needed).
Will the lightning tipping show how much you have tipped?
The question, imo, is will the ⚡︎ tipping show how many have tipped. 100 sat / 100 is a much different thing that 1000 sat / 1 depending on the account
Should it show the total tipped, if so, where?
I've suggest this format in other threads on deign over in the discussion thread of the GitHub...
on the timeline: 🗨️2 🔁 🤙10 ⚡100 on expand: 🗨️2 🔁 ++30 ⚡100/10
I've seen some screen shots of an even more thorough view of kind 7's (reaction is coming) but it might be nice when you expand or highlight a note it gives a bit more context. as shown above shakas turns into ++ which shows a total number of kind 7's... that 30 is in fact 10 shaka's, 10 ⚡︎ kind 7's reactions (that is also reflected on the bottom of the ⚡︎ fraction as individual tips) , and 10 +, heart, thumbs, other positive emoji reactions.
Will a like (without the tipping) become more of a bookmarking feature in the future?
no, a lightning tip should be counted as one kind 7 lightning emoji that will appear in other clients... if I tip in astral this is the nostr way of communicating this to Damus and vice versa. if there are other lightning emoji's they should be counted in the fraction, even if this isn't quite accurate, neither are kind 7 or your follower count on nostr.
might there be a client that uses kind 7's to tag and organize your bookmarks using kind 7 emoji's, maybe, but this also sends reaction signal to others... I think a proper bookmark feature is needed... might be cool if each folder could be one click as a sharable list of note links that will function in all clients.
It's unfortunate that "retweets" are called "boosts," as "boosts" are value-messages (messages with sats) in Podcasting 2.0. What about adopting this terminology, and calling sending sats a "boost"? We'd have to call re-publishing a note something else then, though...
Boosts are getting renamed to reposts next version.
The question, imo, is will the ⚡︎ tipping show how many have tipped
it will only show the total amount tipped, not how many people tipped
as well provide a way to switch wallet within there so there is not need to go to my settings to change my default wallet
if you have the option set to disable the wallet selector, it will open in your default wallet. Eventually there will be a built in wallet so that you don't have to open an external one to pay.
it will only show the total amount tipped, not how many people tipped
I think it will be confusing for the users then, since the repost(🔃) and like(🤙🏼) show a counter and the lighting will show a totally different thing, is not a counter, is a total amount of sats you've tipped to that note/post. I would suggest the opposite, to show a counter so that way it will make sense to be close to repost(🔃) and like(🤙🏼) options.
Could be also nice to see a history of your tips so that way if I tipped once 100 sats, then 150sats, then 10,000sats you see it in a list. Could be also nice the number of sats others have tipped(more engagement with Damus).
if you want to see how many people have tipped you can just open the tip list and we could have a count there. I think it's much more interesting to see the total tip amount on a post.
imo, it could be integrated w the like or comment button (i.e. holding down like button, which displays the "🤙" to like and "⚡️" to send a tip, which would allow you to enter a tip amount after being pressed.) for the comment approach, you click the "💬" button, and an "add ⚡️ tip" button appears below the comment text area. (lightning tips can be sent with or without comments)
i.e. like this for the comment one
At Starbackr we recently replaced regular likes with "Zaps". We did this to bring back value to user-interactions. Zaps are Lightning payments of 0.05 USD. Users can zap posts as often as they like. We put a number next to the button to show how often a post has been zapped.
We set a fixed pricing so that the interaction is frictionless and quick, but we want to iterate over this at a later stage. You could for example let users increase the amount by holding the button pressed.
https://i.postimg.cc/BQgS4pHN/9-BF80-BE0-C908-469-E-B4-EA-6595-F9-FE6-C34.jpg
Seems like you should be able to attach sats and a note. Or perhaps, you should be able to repost with a comment or reply and include a “tip” that counts toward the original note’s sat counter.
Much like when folks “boost in” to podcasts with notes. Clients like damus could then highlight or filter at user discretion replies that paid.
https://i.postimg.cc/BQgS4pHN/9-BF80-BE0-C908-469-E-B4-EA-6595-F9-FE6-C34.jpg
ship it
Seems like you should be able to attach sats and a note. Or perhaps, you should be able to repost with a comment or reply and include a “tip” that counts toward the original note’s sat counter.
Much like when folks “boost in” to podcasts with notes. Clients like damus could then highlight or filter at user discretion replies that paid.
oh yeah comments are supported at the protocol level. maybe it can prompt "leave a comment?" or something.
but we also don't want to cause too much friction. the goal is that it would be as simple as a like. Maybe for non-default amounts it would prompt that.
I’ve also seen a lot of ‘share links’ to the upper right. Not sure what the thought is around the ‘…’, but maybe we can clean the titles up and make space in the upper right, keeping lightning in the bottom right focus. Bottom bar is getting crowded also.. I don’t think people really use ‘share link’ near as much as they do or should use Lightning, so don’t believe it deserves such a prime spot..
The question, imo, is will the ⚡︎ tipping show how many have tipped
it will only show the total amount tipped, not how many people tipped
is that anyone's bidness tho?
is anyone feeling the long press for a lightning tip over the shaka, then it turns to a bolt?
FYI @SashaPavlova
The question, imo, is will the ⚡︎ tipping show how many have tipped
it will only show the total amount tipped, not how many people tipped
is that anyone's bidness tho?
there will be an option to tip anonymously, that doesn't use the nostr tip request inside the invoice. This is what we have now.
The question, imo, is will the ⚡︎ tipping show how many have tipped
it will only show the total amount tipped, not how many people tipped
I think showing how many people tipped is important too. I feel I would be excited to see because of my tip, the number goes up! No matter how small my tip will be. Showing total amount will not work, if the amount is already large.
@jb55 I like the concept of 2 and 3 where there is a clearly measurable amount of lightning contributed. However, does it take away from the core content? At the end of the day, the content itself is what carries the "value". With that said, I think a simple version like 1, may actually be best. Maybe it can expand to shore more meta, like amount of people who tipped and total sats. This way, you can get more information if you want, but aren't forced to see it all over your UI. Lastly, like stacker news, being able to organize a section of your feed by Tips would be awesome. Would love to see a daily list of the top posts based on tips.
The question, imo, is will the ⚡︎ tipping show how many have tipped
it will only show the total amount tipped, not how many people tipped
I think showing how many people tipped is important too. I feel I would be excited to see because of my tip, the number goes up! No matter how small my tip will be. Showing total amount will not work, if the amount is already large.
correct me if i'm wrong, and i know i'm the one who introduced the concept of counting the number of people who tipped here. the issue is there is some way to verify the total amount of sats, that is more accurate than kind 7 that could just be spoofed. So even if it's just one person who puts 500k sats on a post, it's better to leave it illusive at the face of the note, because the truth is that person could just send 100 lightning kind 7 emotes and make it look like 500k sats came from 100 different people. If you did count unique address, one could just open a bunch of wallets.
From a design perspective, I would recommend following Jakob’s Law and sticking to the established pattern (Option 1). Display tips after the like/shaka button. Regardless of whether it's number of tips or tip totals, etc. are shown in-inline here, additional info could be shown on the note details screen (i.e. after the user taps on the note).
Using a bottom sheet for the tip flow is the simplest approach:
Lightning tipping is a type of like feature, is there a need for two options to like (shaka-like & lightning)? Could they be merged into one?
Based on what I've heard @jb55 express previously, Damus is a social media app, not a Bitcoin app. If every ‘like’ automatically spends sats (similar to Podcasting 2.0 ‘boosts’), it could potentially exclude a lot of Damus users who don’t have Bitcoin and who simply want to save or promote a note.