I'm trying to create a selection which has a pre-requisite state that must be selected, before you can select additional checks within that check.

So unless a user selects an 'Enhanced Check' they cannot select the child or adult options.

If they select an 'Enhanced Check' then they can select 'Adult' or 'Child' or both.

This selection has an importance factor/weighting to it, hence the colour scheme, but that is affecting the disabled/on/off states of the check buttons. Here's what I have so far:

Default State

Enhanced Selected

All Selected

Could this control be improved to make the choices more obvious and ensure the user experience isn't confused? At this moment in time it's not working for me.


Well you can't count for stakeholders, they didn't like the design at all, it's not 'government' enough, I've updated the solution with my own answer to show the active and inactive states.

  • Does your current implementation allow for the hiding of elements under "Enhanced Check"?
    – Alan
    Aug 29, 2017 at 16:46
  • 1
    Possibly, I'd avoided hiding them as the people using this interface generally won't be experts. They will use a guide that tells them what check they need and then they'll return to this site to select the appropriate one. If the choice is hidden it may confuse them from what they've read in the guide, if they can't see the option. Aug 29, 2017 at 18:33
  • Understood. However, I'm confused: is the enhanced check a binding agreement? Why wouldn't selecting Child or Adult automatically indicate the Enhanced Check meaning? Seems like an unnecessary step if it's not a branching or binding type of selection.
    – Alan
    Aug 29, 2017 at 18:40
  • You're right in that respect, if you were checking the barred lists, you would be having an enhanced check, but again, loath to hide enhanced as you can have an enhanced check without the barred check. Aug 30, 2017 at 7:42

3 Answers 3


Default State

Enhanced Selected

Standard Selected

I agree with them [stakeholders] that it's simpler and provides more contrast.


Try adding some contrast in the text to differentiate titles and labels. Something like this would help avoid confusion -

enter image description here

  • 3
    This looks better than my suggestion, will mock-up and test, thanks. Aug 30, 2017 at 8:09

Try separating the status from the preferences (the affected items).

What about a toggle (or radio button) that indicates an enabled / disabled state, rather than a checkbox?

Try treating the enhanced check as a separate type of control (it's really a feature you can turn on and off), and then you can preserve preferences at the list level, rather than burden the user with having to remember the barred list preferences.

That way users could keep their choice of barred lists (especially if the lists get long), but turn 'on / off' the enhanced check feature:


download bmml source – Wireframes created with Balsamiq Mockups

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.