Context
This week, I pushed on the two-tiered swipe paradigm for the browser. For a refresher, the two tiered swipe mechanic would allow users to swipe once on the tab columns to see their active wallet and swipe again to see all their wallets at a glance. I started off cleaning up the design by going back to simple, mid-fidelity designs.
Click into Wallet
The general paradigm continued to work. However, as I discovered through designing and testing internally, the first swipe to see the wallet was visually confusing, making users lose track on where to see their active wallet. Additionally, the wallet switching on a tab and seeing wallet being in two different places created more confusion. Lastly, users wanted to see their other wallets individually before connecting without having to swipe twice to see all their wallets.
“No tabs” Exploration
In parallel, I played around with a full screen browsing experience with no tabs. Users can see their active wallet and actions related to their wallet at a glance, and they can search and navigate to websites through the search button.
Even though this design was a small exploration, the team reacted very positively to certain aspects of the design and made us realize shortcomings of the earlier “Click into Wallet” UX.
Two big takeaways were to add clarity around
- which wallet is connected to the webpage/tab
- which wallet available actions with that wallet
We realized that having one place to see the wallet and another place to connect the wallet felt broken. From this exploration, I made the decision to remove the space manager widget and replace it with a wallet widget. Below are a few prototypes to demonstrate how it would work.
Prototypes
UX FLOW 1 - “ I’m on a dApp and I want to also open that same dApp but with a different wallet - I know this before taking any action”
UX FLOW 2 - “ I’m on a dApp and I want to change my connected wallet”
UX FLOW 3 - “I’m on a dApp and I want to see what’s in my other wallet”
UX FLOW 4- “I’m on a dApp and I want to use my connected wallet but I need to take action from another wallet first (transfer ETH in)
Next Steps
Now that we’ve settled on a strong wallet-tab UX model, it’s time to build it! For the next few weeks, we will be working to perfect the experience in Swift and test with target users at a higher fidelity.