User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

This question already has an answer here:

What's the name of this pattern?

I have two lists side by side. The list on the left has all the possible options. The list on the right contains the selected options. There is a button like "add" or ">>" that copies the selected items on the left to the right side box. There is also a "<<" or "delete" button that removes the selected items on the right.

The >> button does not add duplicate items on the right hand side. That is, if a list item U is already in the right side (selected), hitting ">>" will not copy it over again.

What's this pattern called and is there a jquery plugin for it that runs on Iphones or Ipads?

share|improve this question

marked as duplicate by JonW Aug 7 '14 at 11:24

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

Sounds like your question is very similar to this one. – Kit Grose Aug 7 '14 at 2:19
up vote -2 down vote accepted

You can call it as Drag & Drop functionality.

However, this is more towards the functionality question than the ux related. Since you have asked that your requirement is for mobile then am not sure in what scenario you need such functionality. So, lets explore these few examples and let us know, is that what you are looking or something different.

Few examples;


  2. Try this jsfiddle

share|improve this answer
JaganJ - exactly what I needed. A million votes up to you. :) I'd buy you a beer if I could. You saved me so much trouble. – Padraig Aug 7 '14 at 3:27
I really don't think that the involvement of buttons can qualify for "drag & drop", or that "drag & drop" is an interaction technique limited to this "pattern"/widget... – Steve DL Aug 7 '14 at 9:41
@sidnioulz - I was considering that OP question on - mobile and tablet plugin where Button interaction is NOT necessary. However, if you see any cloud based file sharing apps on tablet these kind of functionality exists. It depends on the scenario and apps you can call this pattern as listbuilder or any other name. – JaganJ Aug 7 '14 at 13:26

I've seen it called a List Builder

A list builder

This question I think is a duplicate of this question

I wouldn't call it a "design pattern", but a commonly used interface element.

share|improve this answer
A design pattern is just an abstraction of commonly used elements. – edeverett Aug 7 '14 at 10:12

Not the answer you're looking for? Browse other questions tagged or ask your own question.