Users can find this pattern on Jumper Exchange when trying to swap assets. The process is simple with a straightforward network selector that appears as a grid on top of the user's chosen network. When a network is selected, the list of tokens below the grid changes accordingly, making the selection process intuitive. The bigger icons make it easy for users to recognize the different networks and select the one they require. Additionally, the most commonly used networks are placed at the top level. In contrast, the less popular ones are placed a level below, keeping the UI less cluttered and reducing cognitive load during the swapping process. The interface truly embraces the philosophy of "less is more," especially when swapping assets, which can be overwhelming.
We’ll only send awesome design stuff, never spam