0

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).

Alternative

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 Feb 6 '15 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 Feb 9 '15 at 19:39
2

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, privacy policy and cookie policy

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