All Projects β†’ BitcoinDesign β†’ Guide

BitcoinDesign / Guide

Licence: other
A free, open-source community resource for designers, developers and others working on non-custodial bitcoin products.

Projects that are alternatives of or similar to Guide

From Design To Android Part1
First part of 'from design to android' series
Stars: ✭ 622 (+561.7%)
Mutual labels:  design, ux
Rox
🌍 BeWelcome lets you share a place to stay, connect with travellers, meet up and find accommodation on your journey. It is and will always be a free, open source, non for profit, democratic community.
Stars: ✭ 95 (+1.06%)
Mutual labels:  design, ux
Scout App
Scout-App - The simplest Sass processor
Stars: ✭ 639 (+579.79%)
Mutual labels:  ux, scss
Circlebar
A fun, easy-to-use tab bar navigation controller for iOS.
Stars: ✭ 513 (+445.74%)
Mutual labels:  design, ux
Ant Ux
🎸 A sitemap template for ux design
Stars: ✭ 1,077 (+1045.74%)
Mutual labels:  design, ux
Uxofvr.com
A list of resources about the UI/UX considerations for VR.
Stars: ✭ 527 (+460.64%)
Mutual labels:  design, ux
Xlayers
✨ Generate code from your design
Stars: ✭ 700 (+644.68%)
Mutual labels:  design, ux
Hgraph
hGraph is an open source javascript library for visualizing health data.
Stars: ✭ 273 (+190.43%)
Mutual labels:  design, ux
Design
Design assets used on webcompat.com
Stars: ✭ 9 (-90.43%)
Mutual labels:  design, ux
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+754.26%)
Mutual labels:  design, scss
Akira
Native Linux App for UI and UX Design built in Vala and GTK
Stars: ✭ 4,597 (+4790.43%)
Mutual labels:  design, ux
Youtube flutter app
Stars: ✭ 85 (-9.57%)
Mutual labels:  design, ux
Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Stars: ✭ 363 (+286.17%)
Mutual labels:  design, ux
Formbase
Better default styles for common input elements.
Stars: ✭ 560 (+495.74%)
Mutual labels:  design, scss
Oruga
πŸ› Oruga is a lightweight library of UI components without CSS framework dependency
Stars: ✭ 297 (+215.96%)
Mutual labels:  ux, scss
Uswds
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
Stars: ✭ 5,912 (+6189.36%)
Mutual labels:  design, scss
Welcome Ui
Customizable design system of @wttj with react β€’ styled-components β€’ styled-system β€’ reakit
Stars: ✭ 256 (+172.34%)
Mutual labels:  design, ux
Input Range Scss
Styling Cross-Browser Compatible Range Inputs with Sass
Stars: ✭ 272 (+189.36%)
Mutual labels:  design, scss
Gradients
πŸŒ” A curated collection of splendid 180+ gradients made in swift
Stars: ✭ 719 (+664.89%)
Mutual labels:  design, ux
Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: ✭ 82 (-12.77%)
Mutual labels:  design, ux

Bitcoin Design Guide

This is the repository for the Bitcoin Design Guide, and the bitcoin.design community website.

Discussion and collaboration is taking place in the bitcoin design Slack (#bitcoin-design-guide).

The Bitcoin Design Guide is a free open-source community resource that helps designers, developers and others working on non-custodial bitcoin-products to create better experiences faster. We hope that, over time, it will cover all relevant types of products, including consumer wallets, merchant interactions, exchanges and more. Better products and experiences should ultimately make it more appealing for anyone to own and use bitcoin.

An equally important goal is that the process of creating this guide nurtures an open-source Bitcoin design community that can carry this, and other projects forward longer term. The Bitcoin Design Slack and the bitcoin.design website are the first steps in this direction.


Process and how to contribute

The process of creating the guide is meant to be as open and decentralized as possible, resulting in a sustainable model to run projects with the community. Most of the discussion happens in the Bitcoin Design Slack, in the #bitcoin-design-guide, and here on GitHub in Issues, Pull requests and Discussions.

You can read more about how to contribute.

Guide Content

The guide is meant to be a simple starting-point for anyone looking to build Bitcoin-based applications, while providing deeper topics and value for more experienced Bitcoin designers. Bitcoin is the platform, and the guide should provide information and resources that should be consistent across applications built on top of it.

The guide is still being created and should be seen as an evolving resource. Similar to the iterative design process, it starts with core parts then grows in ambition based on community support.

Here is an initial outline that will be updated as needed, content that is live is linked:

The Bitcoin Design Guide

  • Getting started
    • Why bitcoin is unique
    • Why design for bitcoin
    • Open design
    • The visual language of bitcoin
    • User research
    • Personal finance
    • Usage life cycle
    • Common user flows
    • Technology primer
    • Software overview
    • Hardware overview
  • Bitcoin design principles (to be discussed)
    • Decentralization
    • Self-sovereignty
    • Security
    • Interoperability
    • Privacy
  • Essentials
    • Onboarding users to bitcoin
      • Key concepts users should be aware of
      • Recommended actions on first-run
    • Private key management
      • Private key schemes
      • Personal schemes
      • Shared schemes
      • Principles
      • Case studies
    • Payments and transactions - Discussion about WIP
      • Transactions overview
      • Sending bitcoin
      • Receiving bitcoin
      • Transaction privacy
      • Bitcoin transaction in depth
      • Lightning transactions in depth
      • Managing funds
      • Case studies
    • Important BIPs
  • Resources
  • Reference
    • User research
      • Overview
      • Published research (Segmented by use case etc)
      • Personas
    • Case studies, design rationales and open source design explorations
    • Academic research
    • Available/relevant technologies (Development tools, Libraries etc.)
    • Material and articles elsewhere
  • Contribute
    • Content guidelines
    • Illustration guidelines
    • Formatting
  • Maybe?
    • Designing for Lightning
    • Designing for hardware wallets
    • User guide - welcome to bitcoin
      • What is bitcoin
      • Is it trustworthy
      • Key use cases (international payments, remittances, investment…)
      • How does it fit in with the other financial systems we already have (and the wider cryptocurrency ecosystem)
      • Why should I use it
      • How do I use it / where do I start
      • Who do I use it with (if not just for speculating)
    • Proposals for unsolved problems / looking into the future
      • Creative visions for future UX
      • Inter-app communication (bitcoin to bitcoin app)
      • Prototypes
    • How to run a node

Origin and history

The process to create the guide started in the summer of 2020. The first drafts of this document first existed as Google Docs, here are Version 1 and Version 2 for reference.


How to build and run the site locally

You'll want to run the site locally to test your changes.

Make sure you have Ruby and Bundler installed:

  1. Check that Ruby is installed (check with ruby -v). Must be 2.2.5 or higher. Install instructions can be found at https://www.ruby-lang.org/en/documentation/installation/.
  2. If you don't already have Bundler (check with which bundle), you can install by following the instructions at https://bundler.io.

Clone the source code, build, and serve:

  1. Clone this repository and cd into it.
  2. Run bundle install
  3. Run bundle exec jekyll serve
  4. Browse the site at http://127.0.0.1:4000/

To run on gh-pages, uncomment the base_url variable in _config.yml.

baseurl: "bitcoin-design-guide"

To test your HTML for errors, run the rake script via rake test.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].