When an user needs to define a custom region, for example, which is composed of one or many cities/states/boroughs/countries/macro-regions (within countries)/micro-regions (within states)/etc., he/she can manipulate related selects in order of "wideness", top-down. In this case, I'd need to put a plus sign after each drop-down list with the purpose of adding another drop-down list, because it's a many-to-many relationship.

Another option, which myself and a co-worker think is better for UX, is using related lists with choices by drag and drop. The reason is the variety of choices one could make: a region composed of {A, B, C} states + {D, E, F, G, H, I, J} cities + {K} micro-region, called "My Macro-Region".

It's a problem to use only drag and drop when there's a lot of data in the list e.g. cities, so I thought about mixing this functionality with a filter (maybe an input text field with auto-complete, above the list).

From what I wrote in this topic, we already have the following options:

1) Related selects without '+' sign (forcing the user to select an existing region, afterwards, when adding another info to this same region);

2) Related selects with '+' sign;

3) drag and drop list/table/grid only;

4) drag and drop + input text to filter;

5) Only input texts with auto-complete, which generates a filtered drop-down list supporting multi-selection;


6) Same as 5, with another list beside each list and an "Add" button between them, to send options (multi-selection) from the first component to the second;

Which approach is better?

  • Is there a typisk case here? – Babossa May 24 '14 at 6:14
  • What's a typisk case? – rsb2097 May 24 '14 at 15:34
  • 2
    Damn you auto-correct! I meant, "what is a TYPICAL case here?" – Babossa May 24 '14 at 17:56
  • Have you come up with any mock ups? – Harshal Mar 24 '17 at 8:21
  • As far as I remember, we ended up implementing option 5. (Well, I'm not in that project anymore) – rsb2097 Mar 28 '17 at 20:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.