What's this UI pattern called?

Question

I\'m trying to figure out what this sort of thing is called, and eventually how I can create one in a web browser. It looks like this (screenshot of the first app that came

Answer 1

My colleagues and I have always referred to this as the "two-box select". Seems to roll off the tongue nicely.

Answer 2

I've always thought it was called an accumulator, but I had a very hard time finding anything to support that on Google. Here's a mention of it in an obscure philosophy graduate thesis about UI usability.

Figure 4-1 shows an example of a reorientation rule applied to an accumulator widget (i.e. a component transferring items from the left list of possible values to the right list of accumulated selected items).

And another mention in some student projects from 1998.

Answer 3

It's really a glorified multi select list. Since there is only 2 states "included" (selected) "excluded" (not selected). There is a pretty nice multi select widget that splits the selected and not selected items in to 2 columns and lets you drag and drop between then two:

http://www.quasipartikel.at/multiselect/

Answer 4

I heard a vendor refer to them as slushbuckets.

Answer 5

There is no standard control for this. Usually it is implemented with two lists and some buttons to move one or all items from one list to another and vice versa. Instead of a button to move a single item a double click could be used. To move one or more items dag and drop can be employed.

As for the name of th pattern ... I don't really have an idea.

Answer 6

I have always referred to them as "Shuttle Components" since you are shuttling info back and forth - it seems that this is somewhat common. Just figured I'd add it to the list of possibilities.