Looking to hear your opinions/strategies on handling different functionality requirements for the same component depending on if a user is on mobile vs desktop.
A UX designer has come to you with designs for a filter bar on a responsive web app. On desktop the filters are displayed in the bar in categories and you access them by clicking on the category title which opens a dropdown menu to display all the filters for that category. There is one filter category that sits outside the bar, but is also a dropdown menu. On mobile the filters are accessed by clicking a button which then displays a modal with all the filter categories. You access the filters by tapping on the category title which open an accordion showing all the related filters. The one filter category that sat outside the bar on desktop, is in the modal with the other filter categories.
I have my thoughts, preferences, and opinions on how to approach this, but I’m curious… How do you approach this and what are the pros/cons of your approach?