2

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 Nov 4 '16 at 19:50
  • I agree with @MMacD. Your implementation looks clean and intuitive. – Alan Nov 4 '16 at 22:19
  • Some relevant reading material: The Mystery of Filtering by Sorting. – Andres Riofrio Nov 5 '16 at 9:58
  • 1
1

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 Nov 10 '16 at 11:49
1

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.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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