interface icon indicating copy to clipboard operation
interface copied to clipboard

Mobile NFT trait filter overlay improvement

Open colesperks opened this issue 2 years ago • 0 comments

Is your feature request related to a problem? Please describe. I'm frustrated when using the NFT trait filter. When applying the filter selecting the 'close' button in the top right is the only way to apply filters. This feels counter intuative as this could be mistaken for cancel. Additionally, if the list of filters extends beyond the viewable area, users lose sight of the 'close' button and have to scroll back up to apply their changes.

Describe the solution you'd like To enhance the user experience, the following changes are suggested:

  1. Fixed Navigation: Make the navigation bar fixed at the top, so users can easily close the overlay at any point.
  2. Fixed Footer: Introduce a fixed footer at the bottom of the overlay, containing buttons to "Apply Changes" and "Clear All". This will provide a more intuitive way for users to interact with the filter settings.

Describe alternatives you've considered Alternative solutions like a slide-in panel were considered. Or only showing the footer when a filter exists. However, these alternatives would require significant changes to the current UI and would not align with the overall design. Based on quick comparisons platforms like OpenSea, Rarible, and Airbnb use similar filtering patterns.

Additional context A quick concept of how this could work. https://github.com/Uniswap/interface/assets/9797920/6160e8a2-2e64-42c6-b65a-0db2731dff22 image

colesperks avatar Aug 23 '23 19:08 colesperks