We put together a teaser and demo video for our submission of
nostr:npub1vy6wcgw6jhhtcmpawvlnsfx7g8qt8r40z7qlks9zwa4ed57vm5eqx527hr to the nostr:npub1funq0ywh32faz0sf7xt97japu8uk687tsysj8gndj4ehe825sq4s70gs0p Legends of Lightning hackathon.
https://www.youtube.com/watch?v=EW6tmJMNc5g
Can't believe the project is already a year old. We have a great team working on it and making good progress with the lesson content. Also, we're just hackathoning for fun and glory and not competing for prizes.
Congrats to all the other teams that participated and put their hearts and minds into their projects. You can check them out here:
https://bolt.fun/tournaments/legends-of-lightning-vol2/projects
Seriously the worst technique to make features work well and make it seem like you can do whatever you want, and then at some point ask you to upgrade without any sort of indication. Should be considered a dark pattern.
Yeah, half of Figma design system features are off-limits these days because there are no reasonable pricing options. I built some handy tools for myself with the UI Kit plugin. Maybe what you're looking for can also be easily hand-coded?
The Bitcoin UI Kit now has its own plugin to easily change the theme and keep the design system tidy. Here's a walkthrough.
https://www.youtube.com/watch?v=jiNFsR9aGlw
You can get it here on Figma Community:
https://www.figma.com/community/plugin/1254869452790045259/bitcoin-ui-kit
And the source code is here:
https://github.com/GBKS/bitcoin-wallet-ui-kit/tree/main/figma-plugins/bitcoin-ui-kit
Wanna help with the UI Kit project? Let me know.
Just submitted a talk proposal for FOSDEM about open-source design and sustainability in nostr:npub13s5mxgws70rpxsug96jfvglggackjrxs2ehypwg0prjaxsek42sqd9l03e. Proposals are due tomorrow if you'd also like to present something. https://opensourcedesign.net/2023/11/14/fosdem-cfp-2024
This is my default easing curve for page transitions. 400ms with a (0.5,0,0.2,1) bezier curve . What do you use? https://easings.co/?demo=0&duration=400&offset=0&curve=0.5,0,0.2,1
The song I listened to most often this year, according to Apple Music. https://www.youtube.com/watch?v=-xM9YNq0ywA
The quote/sample used in the song. https://www.youtube.com/watch?v=YYKYU-Qj_Ro
The song I listened to most often this year, according to Apple Music. https://www.youtube.com/watch?v=-xM9YNq0ywA
Something opposite to what you would usually do. Something you'd be a bit embarrassed to share. Something you feel very uncertain about if it's a good idea.
My wife started a podcast where she chats with her 2 sisters about moving to the US from Japan as kids, now living on different continents, and lots of other things. Big part of the motivation for doing this is to capture stories to leave behind for the kids eventually. We're naturally also testing out Value4Value, so you can find the show on nostr:npub1v5ufyh4lkeslgxxcclg8f0hzazhaw7rsrhvfquxzm2fk64c72hps45n0v5 if you'd like to peek in. https://fountain.fm/show/sFWdFizgfYi4yXdeQr1m
If you're designing a bitcoin application that can manage multiple wallets in parallel, there's a new reference design in the guide that might interest you. It starts with use cases and key handling and dives into diverse user flows.
https://bitcoin.design/guide/multiple-wallets/
It's a quite intricate design. In the review process, the team spent 2 hours reading through the page together. If you'd like to learn by listening to these conversations, here are the recordings.
https://www.youtube.com/watch?v=r0K-UG-ozb4
https://www.youtube.com/watch?v=Y4ozpWl_aQc
This is the first iteration of this page and we'd love to hear your feedback to improve it. Thank you to all who contributed to this page already.
nostr:note1mgymdhtc0qk7nxjn7nqduhe637lytal2hq8m0jgl4qp8rzus8sas52lq40
This page was really intricate to work on. Trickiest part was finding the right balance of keeping wallets separate vs combining them, especially when it comes to keys. What simplified this was starting with a clear use case.
Clear use cases are essential for making design decisions throughout the user experience. Without them, you're often deciding by personal preference, group dynamics, etc. You might be OK if you build a general purpose tool.
Money is handled and managed in endless different ways around the globe. But I think we can establish some frameworks to help us find categories of behavior and then design products for them. I like this page as a starting point. https://bitcoin.design/guide/designing-products/personal-finance/
Some changes I am looking into for the Bitcoin UI Kit (https://bitcoinuikit.com/). First, expand the color palette from 4 to 12, with one primary color, to make the use of color more flexible.
Second, replace light/dark mode with style sets that can affect color, type, and other properties. This should make it 100x easier to style the kit to your preferences. See it in action in this video.
Third, publish a custom Bitcoin UI Kit plugin with various helper tools. Watch the video to see a work-in-progress version in action and how it enables the theming system.
After that, we'll need to update the website to reflect the changes, and also create some how-to videos and explainers. I'd love to have more contributors on these efforts and make this the best UI Kit in past, present, future across the multiverse.
Make sure to take a break and relax here and there. As fun as it is to work on cool design projects, stepping away at times is important.
We've had over 400 calls in the Bitcoin Design Community since the inception mid-2020. About 250 those are recorded and on YouTube & BitcoinTV. Creating covers for the videos is always a fun little exercise, making something that looks interesting somehow without much meaning to it. Here are some from mostly recent design guide jam session.
Thanks for your thoughts. I think there are two general audiences with UI Kits (or design systems).
There are highly structured ones, tightly integrated with code frameworks/libraries, meant for production environments in larger projects or companies.
The other category is more of a foundation for designers to quickly kick off their projects, maybe even just for prototyping or a quick exploration. Maybe the design goes into development, but it can be with any framework or platform. Maybe they want to make larger changes to the theming. It's more open-ended.
Something I also noticed in conversations is that the real value is in the screen mock-ups. Any UI Kit will have your usual buttons, dropdowns, etc. But only the Bitcoin UI Kit has detailed send/receive/backup/etc screens and flows. So it's a real selling point that there are tons of screens you can pick from to put together your own user flows.
The other unique thing is that the kit is closely tied to the guide. If someone wants to understand the rationale behind a certain design decision, we can just link out. That allows the kit to be more focused on just being a good kit.
I have gathered some improvements to the UI Kit itself, but I see the larger work more around making it easier to start using it (shared in the Discord channel). For example, via a playground page, how-to videos, case studies, and a custom plug-in for some menial tasks. Creating and sharing those will ideally also lead to conversations and learnings on what the needs and wants are.
That's my working theory at the moment. Happy to be learn and adjust.
Yes, some work was done there to duplicate the Figma file in Penpot. The resulting design files are listed here: https://www.bitcoinuikit.com/info#penpot