Selecting network and tokens

Selecting network and tokens

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.

Signup to have the latest patterns & trends delivered directly to your inbox

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

We’ll only send awesome design stuff, never spam

Back arrow icon