Wednesday, July 19, 2017

forms - Boolean switch with a third state



Note: everyone has seemed to have misunderstood this question. Literally, everyone. I am not creating some sign-up form, I am not collecting personal data. The form of which this is a part is used to filter a large list of people by certain conditions.



I have a query creator form that helps the user to create a SQL query. All the possible variations of the query are listed and the user has to pick their required variations and run the query.


Problem


For an individual, the user can choose the Gender. From the outside it seems like a Boolean operation (Male or Female) but it has one more variations.




  1. Individual is MALE

  2. Individual is FEMALE

  3. Individual's gender should not be considered (Can be MALE or FEMALE)


I have replaced radio buttons with a Switch like this:


Screenshot of widget


How do I represent the 3rd state?



Answer



If I understood correctly the premises of the question, what the user should decide is:




  1. If the user wants to consider (filter by) one of the following options

  2. If the answer to 1 is Yes, then choose one of the options


The possible outcomes are:



  • Option A

  • Option B

  • Not applicable


Original proposal: [demo]



Considering you are using toggle buttons, for the third outcome you could give the possibility to unselect both options (adding an extra note to clarify this possibility or an "(optional)" next to the label). Either one or non buttons can be selected. Clicking on an already selected button deselects it.



Second proposal: Let the user decide 1 and then 2. The checkbox enables/disables the buttons. In this case the toggle buttons can act as radio buttons where one needs to be selected.



(Thanks @theonlygusti for the feedback on the checkbox wording)


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...