A selection mechanism for potentially large numbers of items is needed.
Select an item on the left and press the arrow buttons to move the item between the lists.
Users need to select items out of a large given set.
When selecting from a list users may lose orientation if the list needs to be scrolled and selected items disappear.
Dragging and dropping between lists is not recommended because of the limitations of capacitive touch technology.
Two list panels are used to move items around. The left-hand list is the source where users pick items and add them to the right-hand list.
The left-hand list could be extended by filter mechanisms or by a multi-selection mode.
This pattern makes it easier for users to select multiple items on a capacitive touch screen. It makes the selection metaphor explicit by using two list panels. This pattern reduces the overhead of repeatedly scrolling up and down a, e.g., checkbox list.
Using this pattern erroneous selection and loss of orientation become less likely.
Feel free to provide your comments, reports of usage of this pattern, or feedback in general!Show all articles