Monday, September 14, 2015

touch screen - Indeterminate state for toggle buttons?


I'm working on a tablet based application where an agent would be going through and answering a series of yes/no questions. This is running on Windows 7 and naturally the standard windows controls aren't as touch friendly as they could be.


Currently the Yes/No questions are presented as a pair of radio buttons, but we're considering making these more modern / touch friendly, and we're looking at replacing them with a windows phone style toggle button.



The gotcha is that our design requirement does not permit us to have any of these yes/no answers defaulted to either option, that is the control must be in an indeterminate state on initial display (the user can't put the control in an indeterminate state themselves).


So the only design I can think of would be a toggle switch where the thumb of the switch sits right in the middle, then the user goes down the form either touching the left or right side of the control, or alternatively, flicking the thumb left or right to answer the questions. Does this seem like an intuitive way to present the control?



Answer



Radio buttons are actually the most accurate (requirements match standard behavior) control for this. Just make larger, custom radio buttons that are easier touch targets. Remember to allow the label to also act as a touch target for the radio button.


Toggle buttons are not the right control, because the user does not have the power to use them as intended... you cannot 'toggle' back to no answer. Do not use controls, even fashionable ones, if you must alter their normal behavior to have them perform as desired. The alterations will confuse the user.


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