Open source sometime sucks, so that's why I'm sharing here the work done in the past two weeks for the Bitcoin.Design community event here, and enable anyone to take a look at source files and final presentation without the need to create a PenPot account.
You'll find below the slides of the presentation just give today and available on YewTube at min 21, plus a bit more context, details and likes that otherwise would have been buried behind the walled garden.
Design Challenges
- Create a Product for a project that was merging 3 ideas in one
- Identify the UX personas for the project
- UX research of existing self-custody for organizations protocols, frameworks ad guidelines.
- Apply accessibility standards to a multiplatform desktop application
- Apply accessibility standards to a multiplatform eLearning platform
- Using Open Source software for design. PenPot especially, drastically challenged my productivity and patience 🤣
Project challages faced
- Learn more about the complexity and variables of today Self-Custody standards and methodologies that people and organizations of any scale currently use
- Design a brand to blend 3 different ideas
- Learn more technical details about MultiSig dynamics, especially when done offline
- Dive into the information architecture of a Desktop application like Bitcoin-Safe and the framework used to build it (Python ad QT.io)
- Synthesize and compare complex processes like the protocols used as reference (Glacier, Cerberus and 10xSecurityBTCguide)
- Identify unique Bitcoin-Safe features and showcase them to highlight the value added to users learning and practicing with Self-Custodial MultiSig
- Learn about today accessibility tools to test multiplatform desktop applications
- Update knowledge on today Web Accessibility Standards
- Learn how to scale up multisig best practices for complex organizational structures
Tools used
- Wordpress and SenseiLMS for the eLearning platform https://Safe.BTC.pub (#BuildinPublic - WIP)
- PenPot.app for design and presentation files
- Diagrams.net for SafeBits protocol flowchart
- ChaChi.chat as open forum
- #SafeBits Discord channel, Stacker.News, X and Nostr for sharing updates and gathering public feedback
00
Why Safe₿its?
In a world where more regulations and surveillance defeat the rights of anyone to trade freely, we want to provide everyone interested in sovereignty, privacy, and security a safe guide to follow and achieve financial independence.
MultiSig is one of the core functionalities of Bitcoin that today ensure safety and privacy with Self-Custody (or Shared-custody). The main problem is that it is seen as something that geeks use, too technical for "normal" people and organizations to understand and adopt, that push them into custodial third parties services.
Bitcoin has been designed to provide financial freedom, exclude middlemen and to allow everyone to trade openly, safeguarding privacy and security. This project aims to bring MultiSig to the masses, explain technical jargon through metaphors to a 5yo, deliver simple tools, quizzes and exercises to easily learn more and feel confident practicing Self-Custody to achieve financial sovereignty.
Be Ready to Embrace Financial Freedom Bitcoin Self-Custody Guidelines for Sovereign Individuals & Private Organizations.
01
Intro
The journey of onboarding a user and create a multiSig setup begins far before buying a hardware wallet or installing a wallet app.
02
Branding
Ubuntu Mono
, Areal and Times New Human, two new fonts designed by Australian Design Studio CocoGun. You can find the links to download them here #976218 . Final results above and some shots along the process below.03
MultiSig Personas
- 👨💻 Dan: Security-Conscious Hodler
- 👩🎤Andrea: OpenSource Contributor
- 👨🏽💼 John: Business CFO
- 👩🏾❤️👨🏾Mr&Ms Smith: FamOffice Trust
- 👩🏻🏫 Sarah: NonProfit Treasurer
- 🧑💼 Robert: Trust Administrator
- 🧙🏼♂️ Jordan: Grant Committee
- 🤵🏼♂️ Pieter: VC Fund Analyst
More details for each persona can be found at https://Safe.BTC.pub/use-cases
Here is a poll you can still participate in #980025
04
Helping People learn about MultiSig
Let's think about it like a simple agreement, where one or more parties Sign a Contract in the Bitcoin block chain.
And this is the main reason the website https://Safe.BTC.pub has bee setup. A place to collect any relative resource, article and existing protocol to help users easily learn about Bitcoin MultiSig for Self-Custody.
Visit https://Safe.BTC.pub
05
Why Bitcoin Safe - Unique Features
Chat & Sync allow to:
- Securely communicate with other signers remotely.
- A unique nostr key is generated for each device
- Real time encrypted synchronization & backups, broadcasted via nostr relays.
A step-by-step guided process to follow to ensure your Bitcoin storage is safely stored.
Removing possibilities for mistakes during the onboarding process, preventing the use of seedphrases, and encourages hardware signers.
Multi-party Multi-sig remote collaboration with encrypted nostr group chat to collaborate and send PSBTs around the globe to be sign.
Use categories to organize addresses & transactions, avoiding PSBT or transaction combines different sources (i.e.: KYC vs Private).
06
Bitcoin Safe - Onboarding
- Keep text aligned
- Remove elements and text that does not provide valuable information
For the onboarding:
- Empathic copywriting: replaced "Buy hardware wallet" with "Connect Device"
- Hardware detection: to identify a hardware wallet after has been connected via USB
- Hardware Recognition to correctly display the detected hardware walled ansd tag it accordingly
- Highlight Completed Steps
There's much more to be done to improve the UX and User interface of Bitcoin-Safe desktop app. I'll probably continue contributing on a V4V basis to the project, and with time you'll see more changes coming.
07
Bitcoin Safe - Categorization/Send
- Select Category Dropdown
- Available Balance update
08
Bitcoin Safe - Categorization/Receive
- Deleted the existing categories component
- Replaced with new, simple, + button
- New Dropdown menu to easily manage Categories:
-
- Merge current category will move all transactions and addresses under current category, to a different one. Action is irreversible and will delete curret category.
-
- Rename category gives the ability to change name to a selected category. Existing name preset in the input field ready to be modified.
-
- Create NEW category gives the ability add a category to the existing list.
09
Bitcoin Safe Accessibility
09
10 SafeBits Protocol
11
Protocol Comparison
The Pros & Cons of them all considered building a NEW, flexible (meaning that adapts depending on user needs) protocol, SafeBits!
12
SafeBits eLearnig
-
Implementation Project Every course have a hand-on exercise guide that help the user build their hown protocol.
-
Knowledge Checks Quizz, with multiple choice, ordering, and fill-in-the-blank questions.
-
Recommended Resources A curated list of external resources, articles, books and tools to fullfill extra curiosity.
-
Interactive Flashcard Simple flashcards to share content in a more flexible and fun way.
13
Accessibility
14
That's All Folks
This project would not have been the same without the support and contribution of:
@gbks & @erik for sharing feedback and ideas on the current Bitcoin-Safe categorization issue.
@andreasgriffin being supportive and receptive along the process, implementing some suggestions in the application. Shared publicly on Discord, X, Stacker.News and Nostr.
@jasonb for providing such insightful information and resources about accessibility best practices.
@yashraj providing feedback and helping to refine the personas.
@sahil and the ABDC meetup participants for taking time criticizing current Bitcoin Safe Ui
@Fabs & @zapsammy and other stackers for providing feedback and sharing ideas during the logo design process #974489
@lola for proofreading and improving the copywriting of the protocol comparison page
For those of us with a PenPot account, and those willing to create one, you can access the design file and this presentation directly online.
Footnotes
-
Glacier, Cerberus, and 10x Safety BTCguide ↩