I am currently working on mobile/responsive facelift to an old static website.

The original site uses a number of drop down menus arranged in a horizontal bar to allow the selection of multiple filters at the same time. Below the filters is a product grid that shows/hides products based on the selected filters.

A wireframe of the current implementation

Can anyone suggest any good mobile-friendly alternative strategies for multi-filtering on smart phone?

2 Answers 2


Check out this design pattern article by Smashing Magazine:


Head down to the Filter section to see the different filter design patterns.


Take tips from http://www.futureshop.ca/ try out their site on your phone. Just put on your jacket because you might get blown away by how easy it is too search.

ie. Hierarchy searching. Biggest to smallest category (can stop and search in between)

  • Future Shop on mobile may have something to recommend it but only sort of uses hierarchical searching. You can search by word then narrow by various criteria (Web Only, Refurbished, Brands, etc.). "Categories" is one of those criteria but the UX is sort of terrible — you choose a category and the page refreshes but gives you no indication that clicking "Categories" will let you choose a sub category of the one you've just chosen. I don't find their overall UX very good, either. I'm curious what you like about it.
    – Drew Beck
    Feb 14, 2014 at 6:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.