Prototyping a new Burner at Devcon with Maker & Rimble
For Devcon5, Rimble teamed up with Maker, the Burner Collective and David Mihal’s Burner Factory to develop a new prototype interface with an improved UX for Burner Wallet 2 in just two weeks.
The signs of our ecosystem’s youth can be seen in the many fundamental questions still in search of an answer: What’s crypto’s killer app? How can we achieve mainstream adoption? What can we do to do help onboard people into the “web3 world”?
In spite of this, we’ve seen use cases like #defi, and projects such as Maker and the Burner Wallet emerge as partial answers.
Rimble is a team of designers, researchers, and developers encouraging standardization for blockchain projects by conducting research on the best UX practices for web3. The team creates and supports the rimble-ui component library that helps developers build their front-ends faster.
Austin’s original Burner Wallet project has been credited with providing a fast, intuitive and fun entry point into crypto. It has been used successfully at multiple ETHGlobal hackathons, the Ethereal Summit, and numerous other events around the world. David’s Burner Factory builds on Austin’s success. It’s an interface for you to deploy and manage multiple wallets and uses a new version of the Burner Wallet with a modular plugin architecture. Now, developers can build small plugins to expand its functionality, rather than fork the entire project.
A modular architecture needs a modular interface to maintain consistency as developers build on top of it. Teaming up with Maker, we used Rimble’s component library to build a new prototype interface and improved UX in two weeks. Devcon participants were able to load up xDai on these wallets and use the money to purchase swag, with all proceeds donated to UNICEF and Castro Limon.
For the Devcon prototype, the Home screen focuses on the core Send & Request use case: displaying your balances and transaction activity. Different interface elements for alternative use cases can also be accommodated.
How can we make the Send flow simpler and less confusing for the user? The new modal adds more spacing and a clearer information architecture by re-ordering the necessary inputs. The “Amount” input is emphasized, and supported with conversational helper text.
This is an example of how multiple Rimble components can be used to create larger interface patterns. This Send modal incorporates our Flex, Box, Input, Icon, Card, Button, & Text components.
Published at Thu, 31 Oct 2019 17:40:00 +0000
{flickr|100|campaign}
