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

Imagine two lists:

  1. colors
  2. objects

Each of those lists has several dozens values.
Is there a known UI widget that gives you the functionality to macth elements from one list to elements in the second list in a nice visual way?

share|improve this question

migrated from Aug 17 '11 at 15:37

This question came from our site for pro webmasters.

I can think of several ways to create a pair from two list. Could you provide some more information on what the user should pair, how many items each list have and in which context the task is performed? – Jørn E. Angeltveit Sep 2 '11 at 1:59

As I said: It depends on the purpose.

E.g. if the second list is supposed to "describe" the item in the first list. Set property, you could show the second list as a combobox next to the items in the first list:
enter image description here

Or, you could simply show each lists different listbox and add a "pair"-button:
enter image description here

You need to know what the user is trying to accomplish, and you need to know what the users mindset is like when this task is about to be done. This can be figured out trough task analysis and workshops etc. When you have created something that you believe is the best solution you need to test the solution with a few user to verify that the users gets it.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.