As part of ERC-4337 (account abstraction), ERC-7715 (new permission standard), and the smart wallets landscape, we found that end-users & dApp developers alike desired a way to manage their smart accounts within MetaMask.
Client
MetaMask
Service
UI/UX, design strategy, user research
Tools
Figma
Year
2024 - Present
Project overview
Project Overview
With MetaMask's new account abstraction initiatives and the need for more streamlined smart account management, I was tasked with designing a Permission Portal within MetaMask Portfolio. The goal was to enhance user control over smart accounts and ERC-7715 permissions, offering key interfaces to manage both saved smart accounts and permissions in one place.
Key Responsibilities:
Created a consolidated v0 portal allowing users to view, manage, and remove smart accounts.
Designed a clear interface for revoking ERC-7715 permissions, leveraging the new permissions standard authored by Dan Finlay.
Conducted user testing to validate the portal’s functionality and accessibility for MetaMask users and dApp partners.
Challenge
Working with the new ERC-7715 permissions standard required deep-dive research into emerging best practices around on-chain permissions. Here's how I worked around the high technicality of this problem space:
Studied the nuances of ERC-7715 and collaborated with key stakeholders to understand its implications for MetaMask users.
Prioritized designing for ease of user and understanding, considering the technical complexities of the delegatable framework.
Participated in workshops with key stakeholders (PM, engineering, and leadership)
Design Solutions
Smart account management: A list view of all smart accounts + available assets in these accounts.
Permission management: Easily view all permissions granted from your smart accounts.
To validate the prototype, I led user tests with dApp partners, receiving positive feedback on the portal’s clarity and functionality. I’m currently running a moderated end-to-end flow test, ensuring the user experience aligns with security and efficiency requirements across various scenarios.
Key considerations:
Smart accounts and the delegatable framework are still foreign to many users.
We need to define the level of abstraction our users were comfortable enough with in order to digest this table.
Copy we use shouldn't be too technical or difficult to understand.
Other considerations:
Work with Portfolio team to define a unified UX for all types of users.
Test for edge cases and responsive view.
Make sure there's design parity during development.
User testing:
During Smart Accounts user testing, users expressed a desire to want to be able to view and manage smart accounts in one place.
Before viewing the Permission Portal prototype, dApp partners expressed a desire to be able to see all their smart accounts in one place.
After viewing the Permission Portal prototype, dApp partners responded favorably to the portal's content hierarchy and layout.
Currently running a moderated end-to-end test, ensuring the user experience aligns with our success criteria.
Path forward
This Permission Portal has our dApp partners excited. I'm personally excited to see all the moving pieces of our MetaMask Delegation Toolkit come together into a user-facing offering.
Key next steps:
Showcase the demo to a broader audience
Secure dApp partnerships
Gain traction for our Delegation Toolkit
Iterate portal v0 designs based on external feedback