I would like to have your opinion on the enter image description herearranging of filters when presented on top of the page. Option 1 - Arranging fields top to bottom Option 2- Arranging fields left to right or any better option?

  • What there is a drop-down? Can you tell what option is available under each filter? – NB4 Jul 27 '17 at 7:27
  • Dropdown would have a list of items (single selection).Like geography. Which prompts another question, what if there is multi section required? – imagine Jul 27 '17 at 7:35
  • Could you tell options available apart from geography? – NB4 Jul 27 '17 at 7:37
  • other examples, report type, generated on, modified by etc. – imagine Jul 27 '17 at 7:46
  • Are they dependent? – NB4 Jul 27 '17 at 7:53

Even though the convention is we read left to right in a Z pattern in the West, option 1 seems clearer. Perhaps it's because the labels and fields line up nicely.

12 filters... could these be added to in the future (dread the thought)? Are they all valid? Could some become invalid, depending on a previously selected filter value?

  • yes, there can be even more than 12 filters on some screens, mostly they are independent but in some scenarios, one filter may depend on another.for example, a county on geography selected but that's a rare case. – imagine Jul 27 '17 at 7:27
  • I agree with Z pattern but there is an unnecessary space on both sides in option 2, which doesn't look good.Any suggestions to deal with that? – imagine Jul 27 '17 at 7:31
  • Is it possible to return to your use cases and information architecture, these seem over the top, in the real world, what are the most commonly used filters by your team? – DarrylGodden Jul 27 '17 at 7:43
  • so, we have multiple screens in line with this format with a different set of important filters, for eg. on report screen few important filters can be 'report type, generate (monthly,annually etc), modified by, created on , created by , geography, country, region, business type' etc. – imagine Jul 27 '17 at 7:50
  • As stated, for me option 1 is clearer, I think there's a case to look at how your users use the system. – DarrylGodden Jul 27 '17 at 7:54

You can categorize your filters. An example is shown below.

If a user selects geography than in country filter only countries belonging to that geography would be visible. Same case applicable for state & city filter.

Let me know if this helps.


download bmml source – Wireframes created with Balsamiq Mockups

  • yes, currently it is happening this way only.The primary concern I am facing is regarding grouping of these filters.Left to right or top to bottom.Thanks! – imagine Jul 27 '17 at 8:59

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.