safe-global / safe-design

0 stars 0 forks source link

Improve relation between Web App & Mobile - Research #66

Open TanyaEfremova opened 2 years ago

TanyaEfremova commented 2 years ago

What is this feature about?

Improve the correlation between Web / Browser and Mobile apps, by displaying the posibility to connect mobile keys to web interface in the relevant sections.

This is a part of a Problem statement #16

Solution

Think about how users can create a new Safe or Add existing one by connecting a mobile app the same way as other wallets shown and supported. Ideate on the way how we can display the app in other parts of the interface (as a promo/informational banner?).

Resources

Design Sprint insights

Deliverables

Figma:

liliiaorlenko commented 2 years ago

Touch points for mobile feature visibility on web:

  1. Landing Page - describe the app functionality in the best use cases.
  2. After the release of mobile key: Feature release post about functionality, intercome walkthrough, transaction list banner promotion "Sign tx with Mobile"
  3. Create Safe - describe the major use cases in which for user would be more practical to use mobile app (persona: signer), describe pros. Can be addressed at design issue
  4. Mobile category in settings, with tutorial on how to set up mobile key. Can be adressed at design issue
TanyaEfremova commented 2 years ago
  1. For Creating Safe on Mobile: here is the high-level user flow with some suggestions for UI https://www.figma.com/file/RGm0SZPe86ONB7Siznlgr6/Connect-to-Mobile-App?node-id=1%3A2264