In theory, using an accordion to minimize screen height of search filters is a good idea, but it seems that our target users completely overlook it.

So, we end up with users that are unaware of the content because they don't recognize the pattern (users are between 30-50 teachers, not tech-savvy at all). It means they would have to go through alot of results to find what they really want (very poor experience).

Any idea?

This could be an alternative (no accordion), but once it hits mobile width, we hit a wall with the disciplines because width is now problematic (original version was radio buttons instead of dropdown list).


This is with a sub list element selected. As you can see, once it would resize to mobile with, it would be way too large. By staking the two, we loose the relation between the two lists (the second being a sort of 'child' element). Problem

  • I don't understand your question, or how it relates to accordions. Are you asking weather to show the filters by default?
    – Dvir Adler
    Commented Feb 6, 2015 at 23:32
  • I'm asking for alternatives to accordions to display a large number of filters. I'm also concerned about the viability of the solution in a typical mobile interface (small width).
    – Guillaume
    Commented Feb 9, 2015 at 19:39

1 Answer 1


I would suggest to check the following question: Input field - Select multiple items from a very large list

enter image description here

It does look like tree/tree table (2), Miller columns (5) and optionally single list solution with navigation based on bread-crumbs (6) might solve the problem you have.

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.