We are designing a multi-select nested checklist for a touch kiosk application. In this checklist, we have multiple parents and these parents are selectable/checkable but when we tap on them, they get select. We want users to first preview and then make the selection.
Problems -
The touch screen used in these Kiosk machines have really poor touch sensitivity which causes sometime touch not getting registered and sometime something else getting touched which is close by. Because of the poor touch sensitivity, small areas are not tappable.
The checklist has a lot of nested children and sub-children, up to 5 sub-levels. We have this because it has some logical structure and dependency between these parents and children.
Another problem is, preview options before selection. For example - Before selecting the Parent 1, we want to allow users to see the options under it. And once s/he confirms what s/he see under it, they can start making choice by tapping on it.
Next problem, When you select a Parent, only first level options under it will be visible. In order to see options under the first level children, user taps on it and so on.
One more problem, first level parents (level 0) are in total 32, nested child (level 1) will also have 15-20 options, and sub-child (level 2) 10 options and sub-sub-child and beyond will have maximun 5 options each.
On Possible Solution
Another Solution Could be this