Teammates of Odyssy and Abridged came together to build a mobile dapp for the DAO. We’re getting close to mainnet launch ( ~ 1-2 weeks) so wanted to provide a State of the DApp, along with a demo for the community. We’re just getting started but there’s already quite the backlog of interesting features!
Link to the Demo => https://vimeo.com/346973242
Password: metametameta
Original Purpose: Fork the Moloch, Enhance the Experience
We wanted to fork the Moloch contracts, but iterate forward on the product and user experience design of the DAO’s interface in order to open access/usability and enhance member participation and engagement, as well as sending a clear signal to the community about what we expect out of dapp usability going forward.
Following are some design decisions made based on feedback from members of Moloch and prospective members of the MetaCartel DAO
Mobile First
Within the design space, we kept to a mobile-first UX-UI process, wrapping interactions up into microinteractions. Technically, we began planning a native app but moved to a progressive web app (PWA) so we could iterate on one interface first, make sure all users had access to the frontend (mobile & desktop), collect usability feedback, and when stable ship to native.
No Web3 or Metamask Required
A PWA is a great start, but we would still be locked into mobile dapp browsers if we used Metamask or other web3 authentication. Instead, we’re using Contract Wallets via the Abridged Wallet SDK. This has enabled us to use a familiar web2 registration process. Users sign up with a username and password, at which point we initialize a contract wallet for their user. We prompt the user to deposit funds into the wallet, at which point the wallet auto deploys to Mainnet, and the user can interact freely through the dapp on any device/browser. There are many more benefits and enhancements possible through the use of contract wallets and the SDK and we look forward to maximizing its potential.
Data Viz
We’re starting by visualizing the historical data of transactions in and out of the DAO Bank, but look to expand this into many visualizations of useful data to help the DAO understand the current state of its health, and inform members towards what is needed to become even healthier (more sustainable).
Emojis
Though a couple members weren’t into it, the vast majority wanted to use emojis for the vote yes/no buttons on proposals. Through rigorous user testing ( ), we settled on ‘star-struck’ for yes and ‘ ’ for no.
Blockchain Processor (Transaction Indicator)
Despite the usability enhancements provided by the contract wallets, we still have to deal with block confirmation latency. We needed some way to indicate to the user that their interaction has been sent, is in process, and has been confirmed or failed. Possible considerations for future state channels and synthetic assets here also.
Features Coming Soon (ready to work or in progress)
Push Notifications
A Native App would have provided an easier route to push notifications (Apple hates you/me/us) but we can still send push notifications with our PWA, and they’ll get better over time/iteration. Needs user management of notification settings here also.
Social Signaling
Within the DAO, a new member can only be proposed by an existing member. How does one find a member, start a conversation, prepare their tribute, etc? We’re looking into methodologies of people signaling to the DAO that they would like to join, creating an easier bridge for new and past members to get in.
Example tweet: 0xC8cE176522Ac3668D06bad986d3C0BffBAE4Fc4f summons MetaCartel DAO with 10 $ETH in tribute, requesting 10 shares
Visual Design
First, we’ll need to see if we want to do some branding/naming for the DAO, and subsequent visual language of the DAO and its dapp. With this in place, we can apply to the current flows and UX and polish the UI further.
Features for the Future (haz dependencies)
Native App Development
Once the dapp is live, accessible to all, and some initial user testing has been done, we should push for a Native version of the app.
State Channels / Synthetic Assets
Need list of potential use-cases here to help along the spec of appropriate technical/UX implementation.
Enhanced Data Viz
Looking to expand this into many visualizations of useful data to help the DAO understand the current state of its health, and inform members towards what is needed to become even healthier (more sustainable).
- Potentially a separate dashboard for metrics/analysis of members/proposals/dao-health
In-app Discourse
A popular feature request from the initial user survey was to allow for commenting/discourse within proposals. Could be a comment thread (nested yes/no)? Could be internal or 3rd party (telegram chat, discourse post for each proposal)?