New answers tagged multi-selection
Here is my solution as my background is Interaction UI Design... Why don't you add another control for Strict and Loose Matching criteria, it will simplify things See my solution below LEFT is strict Matches and RIGHT is all possible matches
I think if you have a touch interface and you are willing to explore options, I think circling items would be a pretty interesting way to do multi-selection. This probably wouldn't work so well on a mobile phone, but perhaps a tablet would be an ideal way to explore how this might work.
You could have (apologies as this is crude): Switches: download bmml source – Wireframes created with Balsamiq Mockups or Suggest 'Hit Area' around the item: download bmml source
For very long lists, it's better to use a different UX for mobile Multi-select is a complex operation, so it's difficult to use the same interface for both web and mobile. You already recognize this because you've outlined two different layouts. Your mobile design is problematic because: It requires users to tap once to add an item, and then select ...
I'd suggest using something similar to the iOS "Select" functionality in Camera Roll. User taps a button to activate a "selection" state. User selects all the items List A items they want to move to List B. User taps a button to move items to List B. I'd also pair this with a search box that allows the user to easily filter out the names they want. That ...
First of all - not ABCD... but autocomplete in search (consider Cyrillic, Greek or other alphabets). Drag-n-drop is a beautiful feauter, but consider dragging aprox. 50 elements. I will be extremely time consuming. Clicking on item on the left to assign it to group will be much easier. For mobile my proposition is to switch view between Available <-> ...
If we're talking about mobile, maybe override the default web scroll element and implement a scroll with a native-like behaviour and then show a tag list above it. To add something to list B from list A, click on a row in list A. To remove from list B, click on the tag on list B or click again on the row in list A. download bmml source – ...
I think the context of the menu goes a long way to imply that multiple items can be selected. I recently used jQuery MultipleSelect and it works great. The search feature was a plus for us as well, but it offers many different configuration options. As multiple items are selected, it replaces, then appends to the drop down text. Simple and easy, and no ...
Quick thought (I do not pretend to give the answer, but just some brainstorming): combine your proposal 2 & 4: for every list of descendants (at any level), add an extra child on top stating 'select all child elements. ( Rather then 'child elements', you should use the actual name, like 'cities', 'elephants' or bananas. ) You might consider sticking to ...
Top 50 recent answers are included