We're excited to announce the official mainnet launch of the new ENS app version 3, a game-changing update that brings a complete overhaul with improved speed, design, and user experience. In this post, we'll dive into the new features and enhancements that make this version stand out. Experience it for yourself at app.ens.domains.
It's hard to overstate just how significant the improvements are in the new app compared to the previous version. We've meticulously revamped every aspect, rebuilding everything from the ground up to optimise and enhance both the user and developer experiences. This not only makes the app more enjoyable to use but also enables us to roll out new features more quickly for you to use!
In the age of smartphones, the previous version of the app struggled to meet the expectations of a modern site. Buttons were hard to press with a finger, navigation felt awkward on smaller screens, and compatibility with iOS devices was limited. At its launch, those trade-offs were reasonable given mobile wallets were still gaining traction, and web3 was mainly for the enthusiasts. But as times have changed, so has our app.
Recognising the growing importance of a mobile-friendly experience, we've prioritised mobile optimisation in the new version. We've designed it to look and feel like a native app, making every interaction smooth and enjoyable on your phone. Plus, it now works seamlessly with iOS devices, providing a consistent experience for all users!
Web3 is becoming more popular with each passing day. With that popularity comes the requirement for dApps to maintain higher accessibility standards, allowing newcomers to easily understand and use apps in the wider web3 ecosystem. Given that, rethinking registration was a very significant part of the new app, because it’s one of the first entry points into web3.
Previously, registration was confusing to some users due to the nature of the two-step registration process and contract limitations. Users often didn’t understand what was happening, and once finished, they were left wondering “how do I actually use this thing?”
To help you better understand how gas prices affect the cost of registration, we've introduced a dynamic diagram that visualises the gas/value ratio. This diagram clearly illustrates the percentage of gas at 1 year and the number of years you can register for at approximately 40% and 20% gas, making it easier to grasp the relationship between gas prices and registration costs.
For those who haven't acquired any ETH yet, we've added the option to register names using a credit or debit card. Through MoonPay integration, you can go from credit card to ENS name in a single step. MoonPay registers your name onchain, just like you would with ETH, and sends it to your wallet.
We added clarification for the transaction steps, and changed the wording around the first step to be a “timer start”. We think that portraying the initial transaction as a simple timer helps to avoid any confusion that comes with trying to explain the underlying nature of the transaction.
Contract updates allowed us to add more customisability to each initial registration. Not only can you now set your primary name straight away, but you can also fill out the profile for the name! This extra customisability should allow you to maximise the potential usage of your name straight away, without needing any other transactions.
Gone is the advanced process of trying to follow a guide just to set your avatar! Now, when editing your profile, you have the convenience of choosing between two options instead of using a text field:
These avatars use the image of the NFT you choose, and can potentially be stored purely onchain. Selecting an NFT is easy and done in the app. Every time you set or change an NFT avatar, an onchain transaction is required (meaning it costs ETH).
Image Uploads (gas free avatars!)
These avatars use the free off-chain service provided by ENS Labs, and only the link to the avatar is stored onchain. When uploading an image, all you need to do is upload, crop and edit if you’d like, and then sign a message. Initially setting an image upload avatar requires an onchain transaction, but consequential changes don’t require one (so you can change it for free!)
Since everything was rewritten, we could architect the app to focus on performance improvements. Data is loaded in fewer network requests, most duplicate requests have been removed, and data is now cached for instant responsiveness. Essentially, less loading, more doing.
Transactions are now handled in the same way across the app, with a new format that shows a human-readable description about the action you’re going to take. It should now be significantly easier to understand what you’re actually sending once you go to your wallet. Once sent, you can also easily see the transaction’s status, as well as a link to Etherscan.
For actions that require multiple transactions, we introduced guided transaction flows.
Guided transaction flows bundle all the transactions required for an action together into a single, resumable flow. This makes it easier to identify the bigger picture for each transaction you send, and allows you to easily pickup right where you left off, so you don’t need to worry about closing the tab and losing your progress.
Finally, we also added a transaction history, so you can see what transactions you have done, their status, as well as a button to resume the transaction (for guided transaction flows).
Part of what the NameWrapper can do is extend the ethos and features of the .eth namespace to any other name. Not only does this mean that any name can now be an NFT with its own NFT image, but it also enables the ability to create “unruggable” subnames with ease. If properly configured, no one will be able to take your wrapped subname away from you.
We’re excited to see how the ENS community uses and implements the NameWrapper in their own products and contracts!
You might have picked up that we removed the “Controller” and “Registrant” naming scheme from the old app. It’s now been replaced with “Manager” and “Owner”. The NameWrapper made the previous naming scheme very confusing, and we think the new naming helps to better portray what each term allows for.
The ultimate owner of the name, no one can change this value but the owner.
Can make changes, but this value can be changed by others (you can get rugged if you are only a manager.)
We’ve also tweaked how various other messages are worded across the app to help newer users more easily understand what each thing means.
We’re now using the Thorin design system, so everything you see across not only the app but also the entire ENS ecosystem should be more consistent and easier to use. The design system has a corresponding React package that we’d like to invite any ecosystem developers (and anyone else) to try out, available here.
With this release, we are now one step closer to realising our vision for the future of ENS. The app is now a solid foundation that can be rapidly iterated on without having to worry about legacy systems. Alongside the code, the library of components we have built allows for consistently great user experiences across the board, while still having the flexibility for new innovations. Overall, this will enable us to achieve more consistent feature releases!
In the future we will add deeper L2 support, SIWE, and allow more customisability for each profile. This will help make it easier (and cheaper) to get started with ENS, and onboard the next billion ENS users.
This app represents our vision of ENS. We want each profile to act as a portable identity that you can use in whatever way you see fit, and we’ve put countless hours into making sure the experience of it is as good as can be. Everything has been rethought from the previous version, and we hope you enjoy using it!
The app is available here: app.ens.domains.
Have a nice day :)