I'm developing a web app and i'm confused on where to place the filter across browsers.
Should i try to keep it consistent in the same place, so users "know" how to navigate doesn't matter if it's on a desktop or on a mobile. Or should i try to use the best of the space larger screens provide to create a best flow?
Currently my 2 options are:
- Desktop: Place on the left side (fixed), so users can interact see real time results and only scroll on the content (or on the filter if it applies).
- Mobile/Tablet: Open the filter list from a FAB on bottom right corner. The list is going to be the same as the desktop.
Both are in different positions.
On both scenarios the filter would be right after the header with an option to expand the filter, showing all the other options.
Even though the first options seems to be inconsistent, i think it has a better fit and better visual/flow to the user. But is this a correct thinking? Or is there anything else i'm missing? Most of the references i was looking has a left filter but on a mobile it goes to the header, like a mix of the 2 options i currently have.