Redesign the Home Screen

[da-kami]

Note: This ticket is still work in progress because more creative design work is needed to come up with the design specifics. That's why this ticket is an an epic - we may break it into more specific tickets after agreeing on a design.

Problems

• Home screen is overwhelming
• Home screen is not well enough structured
• Home screen contains too many calls to action
• Important calls to actions on the home screen are actually no visible

MVP Context

The MVP scope defines that:

• The user always funds the Lighting wallet (no funding the trading wallet directly)
• The user transfers funds from the Lightning to the Trading wallet to enable trading.

This means that enabling trading is now a three step process (less flexible than before):

1. Fund the Lightning Wallet (from existing Lightning wallet)
2. Move funds from the Lightning to the Trading Wallet
3. Trade

Home Screen Needs

Here is a general overview what we see as "important item", that should have some representation on the home screen:

• [initial setup] Important “Actions”
  • related to security (backup, PIN)
  • Initial funding of wallet(s)
• Some "call to action" for trading
• Position overview of current trades
• Navigation / overview for wallets / balance
• Settings (Preferences for ths user) should be accessible there (not on the screen)
• Scanning should be accessible (can be in the bottom bar - but if we remove it there it has to be available on the home screen)

Careful with information hiding when initially opening the app; the most important action should point to the wallet backup initially. The user should be able to click around, but the go-to action (most present in the home screen, however it is designed) should be to do a wallet backup.

[da-kami]

Solution idea for handling initial important tasks

1. Instead of having "Actions" we introduce a checklist that is visible on the home screen initially:
   1. The checklist has has 4 steps that can be checked:
      1. Create a wallet backup
      2. Fund the Lightning wallet
      3. Transfer funds to the trading wallet
      4. Trade
   2. Each step has a clear call to action (button) that jumps the user into the right context
   3. Once a step was completed the checklist is completed
   4. The checklist recommends to do the backup first, but the user is not forced to do that
   5. Once all the items are checked

[da-kami]

Solution idea for handling initial important tasks

2. Introduce a "Profile" where the user sees important (security) actions and can customize things
   1. The profiles could contain the checklist of what to do
   2. An onboarding could step the user through creating a profile rather than all the other stuff, the user then knows the profile
   3. The profile can contian "ranks" or "badges" that tell the user if there is more to be achieved (i.e. the Nocoiner to Satoshi story)

[da-kami]

Solution idea for letting the user define what is important for him on the home screen

Users have different needs and creating one design to satisfy all the different needs might not be possible

3. Let the user customize the home-screen by allowing the user to add and remove widgets on the home screen.

-> This goes beyond the scope of the MVP

[da-kami]

Decision in short: The Home Screen is integrated into the Wallet screen for the MVP.

For more details see: #43 (comment)