I have a search box with drop downs and checkboxes. The design is as follows:

enter image description here

I want to show that Regulation line Item and Control Test check boxes are child check boxes of Review checkbox. Item Priority drop down, Unlinked checkbox, Breach/Incident, Review and Go button are for all the filters. My design looks like the Go button is for Review checkbox. I want design it so that the user should be able to understand the relation between check boxes.

I have made some modification in the UI: enter image description here

Anyone has any suggestions for this.


As I understand you, the "Unlink" and "Breach/Incident" is also childs of "Item priority"?

How about this example?


It will visualize the hierarchy of the settings and still respect the two types.

  • No "Unlink" and "Breach/Incident" are not child of "Item priority". – Mohini Jamdade Jul 1 '16 at 12:45

I don't see a search input field in your UI, so this might be called as a filter only.

Any conditional UI can be revealed when it is actually required, removing some of the clutter:

enter image description here

If the user clicks Review, you could expand the UI to show the remaining elements:

enter image description here


Technically and good practice is to have a real search tool at the top of the page. Filter items would be great tool for large set of results and most ecommerce place it either on left or right column.

If above option is not possible, you can dynamically implement a cascading options when an item is selected.

enter image description here

  • Welcome to the site, @jonT. The plain text line to represent an interface is a bit unclear. If you select the "edit" option for your post, you can create and embed a Balsamiq mockup using the icon to the right of the image icon. – Graham Herrli Jul 31 '16 at 19:54
  • I don't have any means on drafting mockup on my current device. Anyhow, that is the beauty of having sketchy idea and low fidelity and would lead to some right solutions. – jonT Jul 31 '16 at 20:26

@Mohini Since the result depend for both the searches. Search button should be placed below the search area.

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.