There is a list of courses, which can be filtered by Type, Department, Faculty, All / My.

How the filtering part can be improved and simplified here?

enter image description here

  • Your illustration seems quite straightforward. What don't you like about it? You'd want to change each list on the fly to limit the remaining options based on the choices already made, but eventually you'll end up with 0, 1, or >1 courses/sections to choose from.
    – MMacD
    Commented Nov 4, 2016 at 19:50
  • I agree with @MMacD. Your implementation looks clean and intuitive.
    – Alan
    Commented Nov 4, 2016 at 22:19
  • Some relevant reading material: The Mystery of Filtering by Sorting. Commented Nov 5, 2016 at 9:58
  • 1
    – Alvaro
    Commented Nov 6, 2016 at 13:15

2 Answers 2


Here's the possible solution I came up with

enter image description here

  • 1
    That'd work too, but you'd have to write your own widget if you want to leave the various choices visible to remind the user what search criteria yielded the result you display. Your original sketch uses multiple dropdowns, which already exist. Of course, if you plan to leave it open as shown, that'd consume some (perhaps a lot) of your screen.
    – MMacD
    Commented Nov 10, 2016 at 11:49

Get rid of the filters. Just provide a powerful search box.

The filters are there to help the user find the required course. It is not that the user wants to do something with the list of filtered courses. The box will search each of the fields, Faculty, Department, etc. You can empower it with auto-completion and textual filters. See, for example, the way Gmail search bar is working.


download bmml source – Wireframes created with Balsamiq Mockups

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.